Deutsch Deutsch English English

Hreflang Implementation

What is Hreflang?

Hreflang is an HTML attribute that helps search engines identify the correct language or regional version of a webpage for different users. It is a crucial element for international SEO and prevents duplicate content issues on multilingual or multinational websites.

Basic Hreflang Syntax

Hreflang implementation is done via the rel="alternate" attribute in the <head> section of a webpage:

<link rel="alternate" hreflang="de" href="https://example.com/de/" />
<link rel="alternate" hreflang="en" href="https://example.com/en/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />

Understanding Hreflang Attributes

Language Codes (ISO 639-1):

  • de for German
  • en for English
  • fr for French
  • es for Spanish

Region Codes (ISO 3166-1):

  • de-DE for Germany
  • en-US for USA
  • en-GB for Great Britain
  • fr-CA for Canada (French)

Special Codes:

  • x-default for the default version
  • zh-Hans for Simplified Chinese
  • zh-Hant for Traditional Chinese

Implementation Methods

1. HTML Links in Head

The simplest method for static websites:

<head>
  <link rel="alternate" hreflang="de" href="https://example.com/de/" />
  <link rel="alternate" hreflang="en" href="https://example.com/en/" />
  <link rel="alternate" hreflang="x-default" href="https://example.com/" />
</head>

2. HTTP Headers

For dynamic content or when HTML modification is not possible:

Link: <https://example.com/de/>; rel="alternate"; hreflang="de"
Link: <https://example.com/en/>; rel="alternate"; hreflang="en"
Link: <https://example.com/>; rel="alternate"; hreflang="x-default"

3. XML Sitemap

For large websites with many pages:

<url>
  <loc>https://example.com/de/</loc>
  <xhtml:link rel="alternate" hreflang="en" href="https://example.com/en/" />
  <xhtml:link rel="alternate" hreflang="de" href="https://example.com/de/" />
  <xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/" />
</url>

Best Practices for Hreflang

1. Bidirectional Linking

Each page must link to all other versions:

<!-- German Page -->
<link rel="alternate" hreflang="de" href="https://example.com/de/" />
<link rel="alternate" hreflang="en" href="https://example.com/en/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />

<!-- English Page -->
<link rel="alternate" hreflang="de" href="https://example.com/de/" />
<link rel="alternate" hreflang="en" href="https://example.com/en/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />

2. Using x-default Correctly

The x-default version should be the most general or most commonly used version:

<!-- For global websites -->
<link rel="alternate" hreflang="x-default" href="https://example.com/" />

<!-- For regional websites -->
<link rel="alternate" hreflang="x-default" href="https://example.com/en/" />

3. Using Absolute URLs

Always specify complete URLs with protocol:

<!-- Correct -->
<link rel="alternate" hreflang="de" href="https://example.com/de/" />

<!-- Incorrect -->
<link rel="alternate" hreflang="de" href="/de/" />

Warning: Relative URLs in Hreflang lead to errors and are ignored by Google

Common Hreflang Errors

1. Missing Bidirectional Links

Problem: Page A links to page B, but page B does not link back to page A.

Solution: Each page must link to all other versions.

2. Incorrect Language or Region Codes

Problem: Using non-standardized codes like german instead of de.

Solution: Always use ISO 639-1 (language) and ISO 3166-1 (region) codes.

3. Missing x-default

Problem: No default version defined.

Solution: Always specify an x-default version.

4. Relative URLs

Problem: Using relative paths instead of absolute URLs.

Solution: Always use complete URLs with https://.

5. Hreflang Cycles

Problem: Circular references between pages.

Solution: Build logical structure without cycles.

Hreflang Testing and Validation

1. Google Search Console

  • Check International Targeting Report
  • Identify errors in Hreflang implementation
  • Monitor indexing status of different versions

2. Hreflang Validation Tools

Free Tools:

  • Hreflang Tags Testing Tool
  • Google Rich Results Test
  • Screaming Frog SEO Spider

Premium Tools:

  • Ahrefs Site Audit
  • SEMrush Site Audit
  • Botify

3. Manual Review

<!-- Example for manual validation -->
<!-- 1. Check all links -->
<!-- 2. Test bidirectional linking -->
<!-- 3. Check URLs for accessibility -->
<!-- 4. Validate language codes -->

Monitoring and Maintenance

1. Regular Audits

Weekly:

  • Check Google Search Console for errors
  • Test new pages for Hreflang implementation

Monthly:

  • Conduct complete Hreflang audit
  • Analyze performance of different versions

2. Performance Metrics

Important KPIs:

  • Indexing rate of different versions
  • Click-through rate by region/language
  • Conversion rate per version
  • Bounce rate by geographic origin

3. Automation

Tools for continuous monitoring:

  • Google Search Console API
  • Custom crawling scripts
  • SEO monitoring tools

Advanced Hreflang Strategies

1. Content Differentiation

Not only language, but also adapt content:

<!-- Same content, different languages -->
<link rel="alternate" hreflang="de" href="https://example.com/de/" />
<link rel="alternate" hreflang="en" href="https://example.com/en/" />

<!-- Different content for different regions -->
<link rel="alternate" hreflang="en-US" href="https://example.com/us/" />
<link rel="alternate" hreflang="en-GB" href="https://example.com/uk/" />

2. Fallback Strategies

For users without a matching language version:

<!-- Fallback to English -->
<link rel="alternate" hreflang="x-default" href="https://example.com/en/" />
<link rel="alternate" hreflang="de" href="https://example.com/de/" />
<link rel="alternate" hreflang="fr" href="https://example.com/fr/" />

3. Mobile-Specific Hreflang

Consideration of mobile versions:

<!-- Desktop and Mobile versions -->
<link rel="alternate" hreflang="de" href="https://example.com/de/" />
<link rel="alternate" hreflang="de" href="https://m.example.com/de/" media="only screen and (max-width: 640px)" />

Tip: Use Hreflang in combination with other international SEO methods for optimal results

Hreflang and Other SEO Elements

1. Canonical Tags

Hreflang and Canonical Tags complement each other:

<!-- Canonical to itself -->
<link rel="canonical" href="https://example.com/de/" />

<!-- Hreflang to all versions -->
<link rel="alternate" hreflang="de" href="https://example.com/de/" />
<link rel="alternate" hreflang="en" href="https://example.com/en/" />

2. Structured Data

Combine Hreflang with Schema.org:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "url": "https://example.com/de/",
  "inLanguage": "de",
  "alternateName": "https://example.com/en/"
}
</script>

3. XML Sitemaps

Hreflang information in sitemaps:

<url>
  <loc>https://example.com/de/</loc>
  <xhtml:link rel="alternate" hreflang="en" href="https://example.com/en/" />
  <xhtml:link rel="alternate" hreflang="de" href="https://example.com/de/" />
</url>

Frequently Asked Questions about Hreflang

Q: How many Hreflang links are too many?

A: Google recommends a maximum of 100 Hreflang links per page. For more versions, an XML sitemap should be used.

Q: Can Hreflang also be used for subdomains?

A: Yes, Hreflang works across different domains and subdomains.

Q: What happens if a Hreflang URL is not accessible?

A: Google ignores inaccessible URLs and may mark the entire Hreflang group as faulty.

Q: Is Hreflang a ranking factor?

A: Hreflang is not a direct ranking factor, but it helps Google index and display the correct version.

Q: How long does it take for Hreflang changes to take effect?

A: Google typically needs 1-2 weeks to process and implement Hreflang changes.

Conclusion

Hreflang implementation is a complex but essential element for international SEO. Correct implementation requires careful planning, precise technical execution, and continuous monitoring.

Most Important Success Factors:

  1. Correct syntax and bidirectional linking
  2. Use of standardized language and region codes
  3. Regular validation and error correction
  4. Integration into the overall international SEO strategy

With proper Hreflang implementation, companies can optimize their global online presence and ensure that users find the most relevant version of their website.