Canonical URL: uitleg voor webdesign en SEO

Wat is een canonical URL

Een canonical URL is een HTML tag die aangeeft welke versie van een pagina de hoofdversie is. Dit gebruik je wanneer dezelfde inhoud op meerdere URL’s te vinden is. Met een canonical tag laat je aan zoekmachines zien welke pagina zij moeten indexeren.

Hoe ziet een canonical tag eruit en wat is het doel

De canonical tag bestaat sinds 2009 en is ontwikkeld door Google, Microsoft en Yahoo. De tag lost problemen met dubbele content op. Je plaatst deze in de head van een pagina.

De betekenis van deze code:

1. rel="canonical" geeft aan dat dit de hoofdversie van de pagina is.
2. href bevat de URL die als hoofdversie geldt.

Waarom canonical tags belangrijk zijn voor SEO

Dubbele content zorgt voor verwarring bij zoekmachines. Zonder canonical weet Google niet welke versie van een pagina telt. Dat kan zorgen voor verlies van zichtbaarheid.

• Google weet niet welke pagina moet worden geïndexeerd
• Google weet niet welke pagina moet worden gerankt
• Linkwaarde wordt verdeeld over meerdere URL’s

Dubbele pagina’s kosten ook extra crawlcapaciteit. Google besteedt dan tijd aan meerdere versies van dezelfde pagina in plaats van aan nieuwe inhoud.

Wat Google zegt over crawlcapaciteit

“Als nieuwe pagina's op dezelfde dag worden gecrawld en gepubliceerd, hoeven website-eigenaren zich geen zorgen te maken over crawlcapaciteit. Websites met minder dan enkele duizenden URL’s worden efficiënt gecrawld.”

Een canonical tag voorkomt deze problemen. Google weet hierdoor welke pagina als hoofdversie telt. Zonder canonical maakt Google zelf een keuze. Dat levert risico op.

Heb je altijd dubbele content zonder dat je het ziet

Zoekmachines crawlen geen pagina’s maar URL’s. Dat betekent dat deze twee URL’s als aparte pagina’s gelden:

example.com/product
example.com/product?color=red

Dit zijn geparameteriseerde URL’s. Ze komen vaak voor bij webshops met filters.

Voorbeeld van een geparameteriseerde URL

Een webshop verkoopt overhemden via deze URL:

https://www.fashionoutlet.nl/kleding/shirts.html

Filter je op maat XL dan wordt de URL:

https://www.fashionoutlet.nl/kleding/shirts.html?maat=XL

Filter je ook op blauw dan wordt dit:

https://www.fashionoutlet.nl/kleding/shirts.html?maat=XL&kleur=blauw

Voor Google zijn dit drie aparte pagina’s. Dat terwijl de inhoud grotendeels gelijk blijft.

Veelvoorkomende oorzaken van dubbele content

• Zoekparameters zoals example.com?q=zoekterm
• Sessie ID’s zoals example.com?sessionid=3
• Printversies van pagina’s
• Pagina’s in meerdere categorieën
• Mobiele en desktop varianten
• AMP en niet AMP versies
• www en non www versies
• http en https versies
• URL’s met en zonder schuine streep
• Index pagina varianten zoals index.html of index.php
• Hoofdletters en kleine letters in URL’s

Ook bij content die wordt overgenomen door andere websites speelt dit mee. In dat geval gebruik je een cross domain canonical tag.

Canonical tags binnen webdesign en website laten maken

Bij het bouwen van een website spelen canonical tags een vaste rol in de technische basis. Ze worden ingesteld tijdens de oplevering van de website. Zo voorkomen we problemen met indexatie vanaf de start.

Dit is vooral belangrijk bij:

• Webshops met filters
• Websites met meerdere talen
• Websites met veel categorieën

Canonical tags implementeren

Je kunt canonical tags op meerdere manieren instellen. Welke methode je kiest maakt minder uit dan het volgen van vaste regels.

1. Gebruik altijd een absolute URL

Correct:

<link rel="canonical" href="https://example.com/pagina/" />

Niet correct:

<link rel="canonical" href="/pagina/" />

2. Gebruik altijd kleine letters

Hoofdletters en kleine letters gelden als aparte URL’s. Gebruik daarom altijd kleine letters.

3. Gebruik de juiste https versie

Gebruik je een beveiligde website dan moet je ook een https canonical instellen.

Correct:

<link rel="canonical" href="https://example.com/pagina/" />

Niet correct:

<link rel="canonical" href="http://example.com/pagina/" />

4. Gebruik een zelfverwijzende canonical

Bij een zelfverwijzende canonical verwijst de pagina naar zichzelf als hoofdversie.

Voorbeeld:

<link rel="canonical" href="https://example.com/voorbeeld-pagina" />

Dit voorkomt problemen met variaties in URL’s zoals parameters, hoofdletters of www.

5. Gebruik nooit meerdere canonical tags

Als een pagina meerdere canonical tags bevat, negeert Google ze allemaal. Gebruik er daarom altijd slechts één per pagina.