⚠️ Issue: missing hreflang (future detection)
Missing Hreflang Test Page
This page has content available in multiple languages but does not declare hreflang tags.
Available versions: English (current) | Español | Deutsch
What's wrong?
- Page has translations but no hreflang links in metadata
- Search engines cannot determine language relationships
- Risk of duplicate content penalties
- Users in other regions may not see the correct language version
- No canonical URL specified for language variations
Expected Detection:
Check: hreflang (automatic, detection not yet implemented)
Status: Future Issue
Detection logic would need to:
- Identify pages with similar content in different languages
- Check for presence of hreflang tags in HTML head or headers
- Verify reciprocal hreflang relationships
- Validate language codes (ISO 639-1)
How to Fix:
Add alternates to metadata:
export const metadata = {
alternates: {
canonical: "/en/page",
languages: {
'en': '/en/page',
'es': '/es/page',
'de': '/de/page',
}
}
}Or add link tags to HTML head:
<link rel="alternate" hreflang="en" href="https://example.com/en/page" />
<link rel="alternate" hreflang="es" href="https://example.com/es/page" />
<link rel="alternate" hreflang="de" href="https://example.com/de/page" />
Hreflang Best Practices:
- Use ISO 639-1 language codes (en, es, de, fr, etc.)
- Add region if needed (en-US, en-GB, es-ES, es-MX)
- Ensure reciprocal hreflang links (all pages link to each other)
- Use absolute URLs, not relative paths
- Verify in Google Search Console
Compare with correct implementation:
See English About page and French About page for correct hreflang implementation.