fix: add x-default hreflang tag for improved SEO (#922)

https://webmasters.googleblog.com/2013/04/x-default-hreflang-for-international-pages.html https://support.google.com/webmasters/answer/189077?hl=en#xdefault
nuxt-modules · Oct 12, 2020 · b35bc57 · b35bc57
1 parent 830ced3
commit b35bc57
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 0 deletions.
diff --git a/src/templates/seo-head.js b/src/templates/seo-head.js
@@ -1,5 +1,6 @@
 import VueMeta from 'vue-meta'
 import {
+  defaultLocale,
   COMPONENT_OPTIONS_KEY,
   LOCALE_CODE_KEY,
   LOCALE_ISO_KEY,
@@ -74,6 +75,15 @@ function addHreflangLinks (locales, baseUrl, link) {
       hreflang: iso
     })
   }
+
+  if (defaultLocale) {
+    link.push({
+      hid: 'alternate-x-default',
+      rel: 'alternate',
+      href: baseUrl + this.switchLocalePath(defaultLocale),
+      hreflang: 'x-default'
+    })
+  }
 }
 
 function addCanonicalLinks (currentLocale, baseUrl, link) {

diff --git a/test/module.test.js b/test/module.test.js
@@ -191,6 +191,12 @@ for (const trailingSlash of TRAILING_SLASHES) {
           rel: 'alternate',
           href: pathRespectingTrailingSlash('nuxt-app.localhost/fr'),
           hreflang: 'fr-FR'
+        },
+        {
+          tagName: 'link',
+          rel: 'alternate',
+          href: 'nuxt-app.localhost/',
+          hreflang: 'x-default'
         }
       ]
 
@@ -585,6 +591,12 @@ for (const trailingSlash of TRAILING_SLASHES) {
           rel: 'alternate',
           href: pathRespectingTrailingSlash('nuxt-app.localhost/fr/loader-yaml'),
           hreflang: 'fr-FR'
+        },
+        {
+          tagName: 'link',
+          rel: 'alternate',
+          href: pathRespectingTrailingSlash('nuxt-app.localhost/loader-yaml'),
+          hreflang: 'x-default'
         }
       ]
 
@@ -689,6 +701,12 @@ describe('hreflang', () => {
         hreflang: 'es-VE',
         rel: 'alternate',
         tagName: 'link'
+      },
+      {
+        href: 'nuxt-app.localhost/',
+        hreflang: 'x-default',
+        rel: 'alternate',
+        tagName: 'link'
       }
     ]
 
@@ -1233,6 +1251,12 @@ describe('baseUrl', () => {
         href: 'CUSTOM/fr?noncanonical',
         hreflang: 'fr-FR'
       },
+      {
+        tagName: 'link',
+        rel: 'alternate',
+        href: 'CUSTOM/?noncanonical',
+        hreflang: 'x-default'
+      },
       {
         tagName: 'link',
         rel: 'canonical',