Global websites often serve audiences in multiple languages or regions. Hreflang tags help Google show searchers the right localized version of your web pages. This guide explains what hreflang tags are, how they work, and how to implement them correctly.
🌍 Hreflang Basics
For global brands, creating a multilingual site is a powerful strategy. Hreflang tags communicate to web crawlers that multiple versions of a page exist — each tailored to a specific language or region.
Note: Hreflang is supported by Google and Yandex, but not by Bing or other major search engines. Bing instead relies on the content-language meta tag, which is worth implementing alongside hreflang if you have significant non-Google traffic.
🧩 What Are Hreflang Tags?
Hreflang tags are snippets of HTML code that tell search engines which page to serve to which users.
Example:
<link rel="alternate" href="https://example.com/en-us" hreflang="en-us" />
This tells Google to show the U.S. English version.
For Hong Kong English:
<link rel="alternate" href="https://example.com/en-hk" hreflang="en-hk" />
This helps Google determine the most appropriate version to show users based on their location and browser language settings, though the final decision remains with Google's algorithm — hreflang is a strong hint, not a guaranteed override.
🔤 Language and Region Code Standards
Hreflang values must follow recognized standards, or Google will ignore them:
- Language code (required): ISO 639-1 — e.g.,
en,es,fr. - Region code (optional): ISO 3166-1 Alpha 2 — e.g.,
US,HK,GB.
You can use the language code alone (e.g., hreflang="en") when you don't need to target a specific country. Combine the two with a hyphen — language-REGION — to target a region-specific audience (e.g., en-US or en-HK).
⚙️ How Hreflang Works
At a conceptual level, hreflang helps Google understand the relationship between localized versions of a page so it can serve the most appropriate one to each searcher. Crawling, indexing, and ranking are separate processes that don't necessarily occur in a strict sequence for every request — the points below describe the general roles each step plays rather than a fixed linear flow:
- Google crawls and evaluates whether a URL is eligible to rank.
- Hreflang annotations are read to identify alternate language and regional variants.
- When a searcher's region or language matches a variant, Google may surface that version in results.
If no specific match is found, Google falls back to the page marked "x-default."
🌐 Using the x-default Tag
The x-default value tells Google which page to serve when none of your other hreflang variants match the user's language or region.
Example:
<link rel="alternate" href="https://example.com/" hreflang="x-default" />
A good x-default page is one of the following:
- A language/region selector page where users can pick their preferred version.
- A neutral global landing page with no specific localization.
- The most universally applicable version of the page (often English).
Always include an x-default entry in your hreflang cluster — it removes ambiguity for unmatched users and is considered a best practice by Google.
❓ Do You Need Hreflang Tags?
If your site has multilingual or region-specific content, yes — hreflang tags are essential.
Without them, users may land on the wrong language version and quickly exit your site, increasing bounce rates.
📈 SEO Benefits of Hreflang Tags
- Improved rankings in specific regions/languages
- Avoids duplicate content penalties
- Lower bounce rates
- Better user experience for international visitors
- Higher conversions and leads
🔗 How Hreflang Differs from Rel Canonical
Rel canonical tells Google which single version of a page to index.
Hreflang, on the other hand, tells Google that all versions should be indexed — each for a different audience.
✅ Each localized page needs its own self-referencing canonical.
If canonicals point to a default or different URL, Google may ignore your hreflang tags.
🔁 Reciprocal (Bidirectional) Linking Requirement
Hreflang annotations must be bidirectional. If Page A links to Page B with an hreflang tag, Page B must link back to Page A with a matching hreflang tag. If the link isn't reciprocated, Google may ignore the annotation entirely.
Example — these two pages must each reference the other (and themselves):
<!-- On https://example.com/en-us --> <link rel="alternate" href="https://example.com/en-us" hreflang="en-us" /> <link rel="alternate" href="https://example.com/en-hk" hreflang="en-hk" /> <!-- On https://example.com/en-hk --> <link rel="alternate" href="https://example.com/en-us" hreflang="en-us" /> <link rel="alternate" href="https://example.com/en-hk" hreflang="en-hk" />
Missing reciprocal tags is one of the most common — and most damaging — hreflang implementation errors.
🛠️ How to Implement Hreflang Tags
Once your language versions are live, you can add hreflang tags using one of three methods: HTML <head> tags, HTTP headers, or XML sitemaps. Choose the method that best fits your site type and scale.
Option 1: Adding Hreflang to Individual Pages (HTML <head>)
Best for small to medium HTML sites.
Step 1: Write hreflang tags with accurate language and region codes.
Step 2: Specify a default version for cases where language/region is unknown.
Step 3: Add all hreflang links to the <head> section of the default URL.
Step 4: Add reciprocal hreflang links to every language variation.
Step 5: Ensure rel canonicals are self-referencing.
Example markup placed inside <head>:
<link rel="alternate" href="https://example.com/en-us" hreflang="en-us" /> <link rel="alternate" href="https://example.com/en-hk" hreflang="en-hk" /> <link rel="alternate" href="https://example.com/" hreflang="x-default" />
Option 2: Adding Hreflang via HTTP Headers
Use HTTP headers for non-HTML files such as PDFs, where you can't add tags to a <head> section.
Example HTTP response header:
Link: <https://example.com/file-en-us.pdf>; rel="alternate"; hreflang="en-us", <https://example.com/file-en-hk.pdf>; rel="alternate"; hreflang="en-hk", <https://example.com/file.pdf>; rel="alternate"; hreflang="x-default"
Be cautious — adding many hreflang entries via HTTP headers can add server overhead, so use this method only when needed.
Option 3: Adding Hreflang via XML Sitemap
XML sitemaps are often the preferred method for large sites because they centralize hreflang management and keep page-level HTML lean.
Step 1: Use the xhtml:link attribute below each default URL.
Step 2: Add every alternative URL to the sitemap as well, each with its own complete set of xhtml:link references.
Example sitemap entry:
<url> <loc>https://example.com/en-us</loc> <xhtml:link rel="alternate" hreflang="en-us" href="https://example.com/en-us" /> <xhtml:link rel="alternate" hreflang="en-hk" href="https://example.com/en-hk" /> <xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/" /> </url>
This method reduces page load time by keeping hreflang data out of HTML headers and scales well for sites with many localized URLs.
🚨 Common Hreflang Mistakes
- ❌ Invalid language or region codes
- ❌ Incorrect rel canonical usage
- ❌ Missing reciprocal hreflang links
- ❌ Excessive server overhead from HTTP header hreflangs
- ❌ Lack of professional review or QA
Consulting SEO professionals ensures tags are implemented correctly and efficiently.
🔍 Validating and Testing Your Hreflang Tags
After implementation, always verify that your hreflang tags are working as expected. Use one or more of the following:
- Google Search Console: The International Targeting report flags missing return tags and invalid language/region codes across your verified properties.
- Third-party hreflang testers: Tools such as Merkle's hreflang Tags Testing Tool, Sistrix Hreflang Validator, or Ahrefs/Screaming Frog's hreflang reports can audit individual URLs or entire sites.
- Manual spot checks: View the source of each localized URL to confirm that hreflang and self-referencing canonicals are present, reciprocated, and use correct ISO codes.
Run validation after every major site change — new languages, URL migrations, or template updates can all silently break hreflang clusters.
🌐 The Value of Hreflang and International SEO
International SEO requires effort and precision — but the reward is global visibility and higher engagement.
By offering content in users' native languages, you improve user experience and signal quality to Google, which rewards your site in global search results.
✅ Closing Note
Implementing hreflang tags correctly ensures your website serves the right content to the right audience, increasing both satisfaction and conversions. If you're expanding internationally, hreflang is one of the most powerful SEO tools you can use.