Julie Face Tune492x540
Julie Fry 3 min read

Hreflang Tags Explained: How to Implement Them for Multilingual SEO Success

If your site has more than one language, or more than one version of the same language for different markets, hreflang is what tells Google which page belongs to which audience. Get it right, and users land on the version that matches their language and location.

Get it wrong, and the symptoms are familiar, the wrong country page ranking, pages competing against each other, and perfectly good translations underperforming because search engines cannot reliably interpret the relationship between variants.

This guide covers what hreflang is, why it matters, and the practical implementation options. It also flags the mistakes we see most often on multilingual sites, plus how to validate your setup so it stays correct as the site evolves.

Search Engine Optimisation

What Are Hreflang Tags?

Hreflang tags are HTML attributes that specify the language and regional targeting of a webpage. They help search engines understand which version of a page to serve to different audiences.

For example:

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

This tells Google that:

  • The default page is in English.
  • A French version exists at /fr/.
  • A Spanish version exists at /es/.

Why Are Hreflang Tags Important for SEO?

Without hreflang tags, Google may:

  • Rank the wrong language version for a search query.
  • Consider different language versions as duplicate content.
  • Fail to serve the correct page to the right audience.

Using hreflang correctly improves user experience, avoids SEO penalties, and increases visibility in local search results.

AI discovery is increasingly part of how people find information, but hreflang is still a search engine signal. It helps Google and other search engines choose the right language or regional URL, but most AI assistants do not reliably apply hreflang when they retrieve or summarise content. Hreflang can still help indirectly, especially when an LLM relies on a search layer, because it improves the chances the correct market page is surfaced and linked. To support AI discovery as well as SEO, pair hreflang with strong on page language signals, clear localised titles and headings, correct language markup, and crawlable language navigation.

How to Implement Hreflang Tags on Your Website

There are three ways to implement hreflang tags:

1. In the <head> of Each Page

The most common method is placing hreflang tags inside the HTML <head> section:

<link rel="alternate" hreflang="en" href="https://example.com/" /> <link rel="alternate" hreflang="fr" href="https://example.com/fr/" />

2. In the HTTP Header (for Non-HTML Files)

If you’re serving PDFs or other non-HTML content, you can use the HTTP header instead:

Link: <https://example.com/fr/>; rel="alternate"; hreflang="fr"

3. In the Sitemap

For large websites, implementing hreflang in the XML sitemap is more efficient:

<url>  <loc>https://example.com/</loc>  <xhtml:link rel="alternate" hreflang="fr" href="https://example.com/fr/" /> </url> Whichever method you choose, ensure every hreflang tag has a reciprocal link back to the original page.

Common Mistakes in Hreflang Implementation and How to Fix Them

Even experienced web developers make mistakes with hreflang tags. Here are the most common ones and how to avoid them:

  • Forgetting to reciprocate – If page A links to page B, then page B must link back to A.
  • Using the wrong language codes – Always follow ISO 639-1 for languages (fr for French, de for German) and ISO 3166-1 Alpha-2 for regions (fr-FR for French in France, fr-CA for French in Canada).
  • Mixing up hreflang and canonical tags – Hreflang tells Google about language variations, while canonical tags tell it which version is primary. Do not point a canonical tag to a different language version.
  • Not including a default version (x-default) – This helps Google know what to show when no language match is found:<link rel="alternate" hreflang="x-default" href="https://example.com/" />

Hreflang vs. Canonical Tags: What’s the Difference?

Some assume hreflang and canonical tags do the same job. They do not.

  • Hreflang signals language and regional targeting.
  • Canonical tells Google which version of duplicate content should be indexed.

If you have multiple language versions, use hreflang. If you have duplicate pages within the same language, use canonical tags.

Testing and Validating Your Hreflang Setup

Before assuming everything is correct, validate it with a mix of crawling, spot checks, and ongoing QA. Google deprecated the Search Console “International Targeting” report, so you will need other checks.

Use:

  • A crawler (Screaming Frog, Sitebulb, similar): Confirm every URL has a self-referencing hreflang, all alternates are present, tags are reciprocal across the whole cluster, and language and region codes are valid.
  • Manual spot checks (page source or rendered HTML): Verify hreflang is actually output on the live page you expect, especially after template changes, CDN rules, or localisation releases.
  • Server and URL checks: Make sure hreflang URLs return 200 status codes, do not redirect, are indexable, and are not blocked by robots rules or noindex.
  • Canonical alignment: Each language or regional page should normally canonicalise to itself, and hreflang should point to the canonical URLs for each variant.
  • Sitemap consistency (if using sitemap hreflang): Ensure the hreflang set in the sitemap matches live URLs, and that only one implementation method is treated as the source of truth across the site.

A practical governance tip: keep a simple master mapping of each hreflang cluster (one row per page, one column per market). Use it as your reference for releases, QA, and audits, so hreflang does not drift as pages are added or retired.

Conclusion: How Brightlines Ensures Your Multilingual SEO Success

Hreflang is one of the highest impact fixes for multilingual SEO, but it only works when the technical setup and content strategy align. The details matter, correct language and region codes, clean URL patterns, consistent canonicals, and validation that catches issues before they affect visibility.

As noted in the AI discovery section above, hreflang is built for search engines, so it will not reliably control which language version an AI assistant uses. The same foundations still help, but AI visibility also depends on strong on page language signals, crawlable language navigation, and avoiding redirects that block access to alternates.

Brightlines helps teams get this right end-to-end. We define the right market and language structure, translate and localise with SEO intent in mind, and support implementation with a clear hreflang map, QA checks, and launch validation. You get a multilingual site that ranks in the right markets, serves the right page to the right audience, and stays reliable as content grows.

If you want confidence that your multilingual setup is technically correct and commercially aligned to your target markets, contact Brightlines for a review and a clear plan to fix what is not working. Get in touch with us today.

Julie Face Tune492x540
Written by Julie Fry
Senior Project Manager