Generate hreflang tags for multilingual websites. Create proper language and regional annotations to help Google serve the correct language version to users.
Hreflang tags tell search engines which language and regional version of a page to serve to users based on their location and language preferences. Proper hreflang implementation prevents duplicate content issues across language versions and ensures users see the right version in search results.
<link rel="alternate" hreflang="[language-code]" href="[url]" />Each hreflang tag specifies a language-region code (e.g., en for English, en-GB for British English) and the corresponding URL. The x-default tag specifies the default page for unmatched languages. Every language version should include hreflang tags for all other versions including itself.
| Input | Output |
|---|---|
| Default: en, example.com | Alt1: es, example.com/es | Alt2: fr, example.com/fr | <link rel="alternate" hreflang="en" href="https://example.com/" /> <link rel="alternate" hreflang="es" href="https://example.com/es/" /> <link rel="alternate" hreflang="fr" href="https://example.com/fr/" /> <link rel="alternate" hreflang="x-default" href="https://example.com/" /> |
| Default: en-US, example.com | Alt1: en-GB, example.co.uk | <link rel="alternate" hreflang="en-US" href="https://example.com/" /> <link rel="alternate" hreflang="en-GB" href="https://example.co.uk/" /> <link rel="alternate" hreflang="x-default" href="https://example.com/" /> |
| Default: de, example.de | Alt1: en, example.de/en | <link rel="alternate" hreflang="de" href="https://example.de/" /> <link rel="alternate" hreflang="en" href="https://example.de/en" /> <link rel="alternate" hreflang="x-default" href="https://example.de/" /> |