NuxtN
Nuxt16mo ago
wszymanski

How to make sure hreflangs contain domain?

Google Lighthosue complains about SEO on my Nuxt3 page. The reason being is, they are not absolute URLs. This are the links generated in source:
<link rel="alternate" href="/en" hreflang="en" data-hid="7fcee50">
<link rel="alternate" href="/de-DE" hreflang="de" data-hid="5d718b2">
<link rel="alternate" href="/de-DE" hreflang="de-DE" data-hid="26cc44a">
<link rel="alternate" href="/en-DE" hreflang="en-DE" data-hid="64015ce">
<link rel="alternate" href="/en" hreflang="x-default" data-hid="6527e7a">

and this is my nuxt.config i18n part:
i18n: {
    defaultLocale: 'en',
    detectBrowserLanguage: false,
    langDir: 'i18n/',
    locales: [
      {
        code: 'en',
        iso: 'en',
        file: 'en.json',
        domain: 'https://www.example.com',
      },
      {
        code: 'de-DE',
        iso: 'de-DE',
        file: 'de.json',
        domain: 'https://www.example.com',
      },
      {
        code: 'en-DE',
        iso: 'en-DE',
        file: 'en.json',
        domain: 'https://www.example.com',
      },
    ],
    strategy: 'prefix',
    vueI18n: './nuxt-i18n.js',
    seo: true,
}
Was this page helpful?