Gebruik de hreflang-attribuut op de juiste manier

De juiste syntax van elk link element is <link rel=”alternate” hreflang=”taalcode” href=”url_van_de_pagina” />. Google begrijpt op deze manier welke taal die moet serveren aan zijn gebruikers. Google kijkt naar de taalinstelling van de gebruikerdie hij of zij in Google heeft ingesteld, maar ook het IP-adres van de bezoeker.

De taalcode verwijst naar de doelcode die wordt ondersteund door de HTML. Soms zie je daaronder nog een x-default hreflang attribuut, wat aangeeft dat als Google geen taal kan herkennen van de bezoeker, er nog altijd een default versie van de website wordt getoond. Een default versie van een website op een Nederlands domein kan zijn dat de Nederlandse versie als default vertoond wordt als Google niet kan herkennen waar de bezoeker van afkomstig is.

Kortom, hreflang is een link attribuut dat Google informeert over de taal die op een pagina wordt gebruikt, waardoor de zoekmachine de informatie heeft die nodig is om de versie van de pagina te tonen die overeenkomt met de taal waarin een bezoeker zoekt. Om het te vereenvoudigen, zonder het hreflang-attribuut zou Google de gebruiker pagina's kunnen serveren in een taal die de bezoeker niet spreekt of die specifiek is voor een land waar de bezoeker niet woont.

Waarom is de hreflang-attribuut geïntroduceerd

Het hreflang-attribuut werd door Google geïntroduceerd in december 2011 om een relatie tussen webpagina's in alternatieve talen vast te stellen en is nuttig wanneer we content creëren die specifiek is voor een land. In aanwezigheid van de tag, sturen zoekmachines verkeer door naar de meest geschikte versie voor de taal van de bezoekers en naar hun IP-adres. Dit om een zo goed mogelijke bezoekerservaring te creëren:

1. Pagina's met door gebruikers gegenereerde content, zoals forums, als we de content in één taal houden en alleen de sjabloon (navigatiebalk of voettekst) vertalen.
2. Vergelijkbare content in één taal, maar bedoeld voor gebieden met lokale variaties, zoals een Engelse website voor gebruikers in de Verenigde Staten, Groot-Brittannië en Ierland.
3. Websites met content volledig vertaald in verschillende talen, zoals een pagina die een Italiaanse, Duitse en Engelse versie serveert.

Je kunt een versie van een webpagina instellen door de ccTLD, subdomein of een submap op het hoofddomein. Of met parameters, maar dat wordt niet aangeraden.

ccTLD hreflang

ccTLD staat voor country code Top Level Domain. CcTLD's gebruiken een tweeletterige code die zoekmachines en gebruikers vertelt waar een website staat geregistreerd.

Bijvoorbeeld: voorbeeld.nl

Subdomein hreflang

Internationale content wordt gehost op een apart "onderliggend domein" dat wordt geserveerd op het hoofddomein:

Bijvoorbeeld: de.voorbeeld.nl

Submap hreflang

Internationale content wordt gehost in een submap op het hoofddomein.

Bijvoorbeeld: voorbeeld.nl/de/

Parameters

Internationale content wordt gehost op het hoofddomein met aan het einde een parameter toegevoegd.

Internationale mogelijkheden vergelijken voor een domein

Ga je een internationale domein opzetten? Dan is het van belang om ervoor te zorgen dat de structuur past binnen de strategie van de website, regio en land. Als je bijvoorbeeld als Nederlands bedrijf in Duitsland wil gaan opereren. Dan kun je beter gaan registreren met een ccTLD (.de-domein). Hieronder vind je enkele opties.

Risico's van internationale content die geen Hreflang bevat

Als hreflang niet op de website is geïmplementeerd, kan content worden gezien als duplicaten en/of worden weergegeven aan een verkeerde doelgroep. Als de hreflang-opmaak onjuist is, kan dit ertoe leiden dat Google de opmaak helemaal negeert. Daarom is het belangrijk om te zorgen voor een correcte implementatie.

Canonical en hreflang, tips voor gebruik.

Een fout is proberen canonical en hreflang rels te combineren in dezelfde code string, zoals in het voorbeeld hieronder:

<link rel=”canonical, alternate” hreflang=”nl-NL” href=”https://voorbeeld.nl/nl-nl/pagina.html” />.

Het is verplicht om de canonical tag te scheiden van de hreflang tags en vervolgens als aparte regel in de HTML in te stellen.

<link rel = “canonical” “href=”https://voorbeeld.nl/nl-nl/pagina.html“/>

<link rel = “alternate” hreflang = “nl-nl” href=”https://voorbeeld.nl/nl-nl/pagina.html

Het is daarom belangrijk om de juiste x-default in te stellen om ervoor te zorgen dat Google de juiste pagina toont wanneer er geen specifieke hreflang-tag is ingesteld. Over het algemeen wordt aanbevolen om de x-default in te stellen op de meest gebruikte versie van een pagina, bijvoorbeeld de homepage of de Nederlandse versie van de pagina.

Een ander belangrijk punt om op te merken is dat de hreflang-tag alleen van toepassing is op pagina's die bedoeld zijn voor verschillende talen of geografische locaties. Als een pagina alleen in één taal is geschreven en is bedoeld voor een enkele geografische locatie, is het niet nodig om een hreflang-tag in te stellen.

Het is ook belangrijk om ervoor te zorgen dat de URL's die worden gebruikt in de hreflang-tags correct zijn en overeenkomen met de juiste versie van de pagina in de juiste taal/geografische locatie. Als de URL's onjuist zijn of niet overeenkomen met de juiste pagina, kan dit leiden tot fouten in de zoekresultaten en een slechte gebruikerservaring.

Kortom, het gebruik van de hreflang-tag is essentieel voor het bereiken van een wereldwijde doelgroep en het bieden van een goede gebruikerservaring aan bezoekers die verschillende talen spreken of zich in verschillende geografische locaties bevinden. Het is belangrijk om de juiste x-default in te stellen en ervoor te zorgen dat de URL's correct zijn om de beste resultaten te behalen in de zoekresultaten van Google.

Hreflang controleren in Screaming Frog

Screaming Frog heeft de crawl optie om hreflang tags te analyseren. Het tabblad Hreflang toont alle URL's die tijdens een crawl zijn gevonden en toont alle rel=”alternate” hreflang-annotaties die zijn ontdekt en waarnaar wordt verwezen door een URL in kolommen aan de rechterkant in het hoofdvenster. 'Occurences' telt het aantal hreflang dat is ontdekt voor elke URL.

Het tabblad Hreflang heeft 13 filters (zoals weergegeven in de onderstaande afbeelding) die je helpen veelvoorkomende SEO-problemen te identificeren.

hreflang in bulk met Python

In dit voorbeeld haalt de functie get_hreflang() de hreflang-informatie uit de HTML-code van een URL met behulp van Beautiful Soup, en retourneert een dictionary met de taal en regio voor elke gevonden hreflang-tag. De functie generate_hreflang_tags() gebruikt vervolgens deze informatie om de overeenkomstige hreflang-tags voor de URL te genereren.

import requests
from bs4 import BeautifulSoup
import re

# Create a list of URLs to add hreflang tags to
url_list = ['https://www.voorbeeld.nl/over-ons', 'https://www.voorbeeld.nl/pagina']

# Create a function to scrape a URL and extract its language and regional targeting information
def get_hreflang(url):
    response = requests.get(url)
    soup = BeautifulSoup(response.text, 'html.parser')
    hreflang_tags = soup.find_all('link', rel='alternate', hreflang=True)
    hreflang_dict = {}
    for tag in hreflang_tags:
        hreflang = tag['hreflang']
        href = tag['href']
        # Extract language and region from hreflang code
        lang, region = re.match(r'^([a-z]{2})(-[a-z]{2})?$', hreflang).groups()
        hreflang_dict[hreflang] = {'lang': lang, 'region': region, 'href': href}
    return hreflang_dict

# Create a function to generate hreflang tags for a URL
def generate_hreflang_tags(url):
    hreflang_dict = get_hreflang(url)
    hreflang_tags = ''
    for hreflang, values in hreflang_dict.items():
        lang = values['lang']
        region = values['region']
        href = values['href']
        hreflang_tags += f'<link rel="alternate" hreflang="{hreflang}" href="{href}"'
        if region:
            hreflang_tags += f' hreflang="{lang}{region}"'
        hreflang_tags += ' />\n'
    return hreflang_tags

# Write hreflang tags to file for each URL
for url in url_list:
    hreflang_tags = generate_hreflang_tags(url)
    with open(f'{url.replace("https://", "").replace("/", "-")}.html', 'w') as f:
        f.write(hreflang_tags)

Het hreflang-attribuut is een HTML-attribuut dat wordt gebruikt om zoekmachines te vertellen welke taal- of landversies van een pagina beschikbaar zijn. Het kan worden gebruikt om internationale websites te optimaliseren voor lokale zoekopdrachten en om duplicate content-problemen te voorkomen. Meer informatie over hreflang.