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.