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:
and this is my nuxt.config i18n part:
<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"><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,
}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,
}