Hreflang Tags: The Complete Guide to International SEO

If your website has multiple languages, you might be confusing Google without even knowing it. 🌍

When you have a page in English and an identical page translated into Spanish, search engines need to know they are connected. Otherwise, they might think you have duplicate content or serve the English page to a user searching in Spain. This is where hreflang tags come in.

What is an hreflang attribute?

The hreflang attribute tells Google which language you are using on a specific page. More importantly, if you specify regional variations (like en-US vs en-GB), it ensures users get the correct localized version of your site (e.g., dollars vs pounds).

"Hreflang is one of the most complex aspects of SEO." - Google's John Mueller. While it is complex, getting it right is the ultimate hack for international traffic growth.

How to Implement Hreflang

Hreflang tags go inside the <head> of your HTML. Every language variation of a page needs to link to every other variation, including itself.

For example, if you have an English page and a Spanish page, both pages need these two tags in their head:

<link rel="alternate" href="https://yoursite.com/en/page" hreflang="en">
<link rel="alternate" href="https://yoursite.com/es/page" hreflang="es">

The x-default Tag

What if a user from Japan visits your site, but you only have English and Spanish pages? You need an x-default tag. This tells Google: "If the user's language isn't explicitly defined here, show them this fallback page."

<link rel="alternate" href="https://yoursite.com/" hreflang="x-default">
<link rel="alternate" href="https://yoursite.com/en/" hreflang="en">
<link rel="alternate" href="https://yoursite.com/es/" hreflang="es">
<link rel="alternate" href="https://yoursite.com/fr/" hreflang="fr">

Common Mistakes to Avoid

• Missing self-referencing tags: A page must always list itself in the hreflang block.
• Broken links: If an hreflang tag points to a 404 page, Google will ignore the entire block.
• Wrong language codes: Use ISO 639-1 format for languages (en) and ISO 3166-1 Alpha 2 format for regions (en-US). Do NOT use en-UK (the correct code is en-GB).