Veel sites bieden verschillende versies van een pagina op basis van de taal of regio van een gebruiker. hreflang
links vertellen zoekmachines de URL's voor alle versies van een pagina, zodat ze voor elke taal of regio de juiste versie kunnen weergeven.
Hoe de Lighthouse hreflang
-audit mislukt
Lighthouse signaleert onjuiste hreflang
-links:
Lighthouse controleert op hreflang
links in de head
van de pagina en in de responsheaders .
Lighthouse controleert vervolgens op geldige taalcodes binnen de hreflang
links. Lighthouse rapporteert alle hreflang
links met ongeldige taalcodes.
Lighthouse controleert geen regiocodes of uw sitemap .
Hoe u een hreflang
link voor elke versie van een pagina definieert
Stel dat u drie versies van een pagina heeft:
- Een Engelse versie op
https://example.com
- Een Spaanse versie op
https://es.example.com
- Een Duitse versie op
https://de.example.com
Er zijn drie manieren om zoekmachines te vertellen dat deze pagina's gelijkwaardig zijn. Kies de methode die het gemakkelijkst is voor uw situatie.
Optie 1: Voeg hreflang
links toe aan de <head>
van elke pagina:
<link rel="alternate" hreflang="en" href="https://example.com" />
<link rel="alternate" hreflang="es" href="https://es.example.com" />
<link rel="alternate" hreflang="de" href="https://de.example.com" />
Elke versie van een pagina moet linken naar alle andere versies, inclusief zichzelf . Anders kunnen zoekmachines de hreflang
links negeren of verkeerd interpreteren.
Voor pagina's waarop gebruikers hun taal kunnen selecteren, gebruikt u het x-default
trefwoord:
<link rel="alternate" href="https://example.com" hreflang="x-default" />
Optie 2: Link
headers toevoegen aan uw HTTP-antwoord:
Link: <https://example.com>; rel="alternate"; hreflang="en", <https://es.example.com>;
rel="alternate"; hreflang="es", <https://de.example.com>; rel="alternate"; hreflang="de"
Optie 3: Voeg informatie over de taalversie toe aan uw sitemap .
<url>
<loc>https://example.com</loc>
<xhtml:link rel="alternate" hreflang="es"
href="https://es.example.com"/>
<xhtml:link rel="alternate" hreflang="de"
href="https://es.example.com"/>
</url>
Richtlijnen voor hreflang
waarden
- De
hreflang
waarde moet altijd een taalcode specificeren. - De taalcode moet het ISO 639-1-formaat volgen.
- De
hreflang
waarde kan ook een optionele regiocode bevatten.es-mx
is bijvoorbeeld voor Spaanstaligen in Mexico, terwijles-cl
voor Spaanstaligen in Chili is. - De regiocode moet de ISO 3166-1 alpha-2-indeling volgen.