Een canonieke URL instellen in Shopify met metavelden

Kyle Risley is senior lead SEO bij Shopify.

Wanneer webpagina's exact dezelfde inhoud hebben onder meerdere URL's, moeten zoekmachines beslissen welke versie ze indexeren. Canonieke tags helpen zoekmachines het overzicht te bewaren door ze te vertellen alle verschillende versies van een pagina onder één URL samen te voegen: de canonieke URL.

Shopify-thema's canonicaliseren URL's automatisch, dus meestal hoef je er niet over na te denken. Gebruik deze handleiding voor de zeldzame gevallen waarin je handmatig een canonieke URL moet instellen.

Wat is een canonieke URL?

Een canonieke URL is de voorkeurs-URL voor indexering. Wanneer je meerdere URL's hebt met vergelijkbare of identieke inhoud, kun je zoekmachines vragen om de canonieke URL te indexeren met deze tag:

<link rel="canonical" href="{{ canonical_url }}">

Canonieke URL's worden standaard gedefinieerd in de eigen thema's van Shopify en zouden standaard gedefinieerd moeten zijn in alle goede thema's van derden. Als je standaard canonieke URL's aan je winkel moet toevoegen, kun je dat oplossen door één regel code vóór de afsluitende </head>-tag in je thema-layoutbestand te plaatsen.

Hier is een voorbeeld van hoe een canonieke URL eruitziet in het Dawn-thema van Shopify:

Wanneer gebruik je canonieke URL's?

Als je meerdere URL's met sterk vergelijkbare inhoud hebt geïndexeerd, is het instellen van de canonieke URL een manier om zoekmachines te vertellen welke URL je wilt laten ranken en indexeren. Als best practice stellen de eigen thema's van Shopify op alle pagina's een canonieke URL in.

Een veelvoorkomend voorbeeld waarbij je canonieke URL's zou gebruiken, is wanneer URL's UTM-parameters bevatten. UTM-parameters zijn een soort URL-parameter die Google Analytics gebruikt om de prestaties van marketingcampagnes te volgen. Het zijn de tekens aan het einde van een URL die de bron van de verwijzing tonen. Zo krijgt dezelfde productpagina een andere URL als je erop komt via een e-mailcampagne dan via een Google-advertentie. Dat is handig om verkopen toe te wijzen, maar minder handig voor zoekmachines. Die behandelen namelijk elke URL op dezelfde manier: als er één letter verandert, is dat een gloednieuwe URL die gecrawld moet worden. In plaats van elk van deze URL's afzonderlijk te indexeren, kunnen zoekmachines alle verschillende versies onder één URL indexeren (de canonieke URL).

Een canonieke URL instellen in Shopify

1. Maak een metaveld voor elk paginatype dat je wilt canonicaliseren
2. Voeg code toe aan je themabestand om te verwijzen naar je nieuwe metavelden

In de meeste gevallen is de standaard canonieke URL correct. Deze handleiding is bedoeld voor uitzonderlijke gevallen waarin je de standaard canonieke URL handmatig wilt overschrijven en een nieuwe waarde wilt instellen. Hiervoor maak je een metaveld voor elk paginatype dat je wilt canonicaliseren, en voeg je vervolgens code toe aan je themabestand om te verwijzen naar je nieuwe metavelden. Zo doe je dat:

1. Maak een metaveld voor elk paginatype dat je wilt canonicaliseren

Begin met het maken van metavelden. Als je alleen de canonieke URL wilt overschrijven (bijvoorbeeld op een of meer productpagina's), hoef je maar één metaveld te maken. Wil je de canonieke URL ook op andere paginatypen overschrijven (zoals een collectiepagina of blogpost), dan moet je ook voor elk van die paginatypen een metaveld maken.

Ga naar de pagina met metavelden in je Shopify-beheercentrum. Dat kun je doen door ‘metaveld’ te typen in de zoekbalk van je beheercentrum en ‘Metavelden’ te selecteren.

Selecteer vervolgens het paginatype waarvoor je de canonieke URL wilt overschrijven, zoals Producten, Collecties, Pagina's of Blogposts. (Let op: ‘Blogs’ verwijst naar de hele blog, terwijl ‘Blogposts’ naar afzonderlijke artikelen verwijst.)

Selecteer ‘Definitie toevoegen’. Geef het een korte, beschrijvende naam, zoals ‘Canonieke URL product’. Als je wilt, kun je ook een beschrijving toevoegen, bijvoorbeeld: ‘Deze URL overschrijft de standaard canonieke URL voor deze pagina.’

Stel het type in op ‘URL’ en klik op Opslaan. Je metaveld zou er ongeveer zo moeten uitzien:

De namespace en sleutel zijn erg belangrijk, want daar verwijs je later naar.

Ga vervolgens naar de productpagina-editor. Daar zou je het metaveld ‘Canonieke URL product’ moeten zien onder ‘Productmetavelden’. Voer de nieuwe canonieke URL-waarde in en klik op opslaan.

2. Voeg code toe aan je themabestand om te verwijzen naar je nieuwe metavelden

Open vervolgens het bestand dat de logica voor je canonieke tag genereert. Dit is meestal je theme.liquid-bestand in de map Layout.

De canonieke Liquid-code zou er als volgt uit moeten zien:

Je vervangt deze bestaande coderegel—

<link rel=”canonical” href=”{{ canonical_url }}”>

—door dit codeblok:

{% assign custom_canonical = null %}

{% if product and product.metafields.custom.product_canonical_url != blank %}

{% assign custom_canonical = product.metafields.custom.product_canonical_url %}

{% elsif collection and collection.metafields.custom.collection_canonical_url != blank %}

{% assign custom_canonical = collection.metafields.custom.collection_canonical_url %}

{% elsif page and page.metafields.custom.page_canonical_url != blank %}

{% assign custom_canonical = page.metafields.custom.page_canonical_url %}

{% elsif article and article.metafields.custom.blog_post_canonical_url != blank %}

{% assign custom_canonical = article.metafields.custom.blog_post_canonical_url %}

{% endif %}

<link rel="canonical" href="{{ custom_canonical | default: canonical_url | default: page_url }}">

Dit codeblok gaat ervan uit dat je de volgende namen voor je metavelden gebruikt:

• product_canonical_url
• collection_canonical_url
• page_canonical_url
• blog_post_canonial_url

Het gaat er ook vanuit dat de namespace ‘custom’ (de standaardwaarde die Shopify biedt) wordt gebruikt. Als je andere namen gebruikt, kun je de vetgedrukte tekst hierboven aanpassen. Als je voor een bepaald paginatype geen aangepaste canonieke metavelden hebt gemaakt, kun je de ‘elsif’- en ‘assign’-regels voor dat paginatype verwijderen.

Zo ziet hetzelfde codeblok eruit als je alleen aangepaste canonieke metavelden voor product- en collectiepagina's hebt gemaakt:

{% assign custom_canonical = null %}

{% if product and product.metafields.custom.product_canonical_url != blank %}

{% assign custom_canonical = product.metafields.custom.product_canonical_url %}

{% elsif collection and collection.metafields.custom.collection_canonical_url != blank %}

{% assign custom_canonical = collection.metafields.custom.collection_canonical_url %}

{% endif %}

<link rel="canonical" href="{{ custom_canonical | default: canonical_url | default: page_url }}">

En zo ziet het codeblok eruit als je alleen aangepaste canonieke tags voor collectiepagina's hebt gemaakt, waarbij de gebruikte namespace cool_name is en de sleutel collection_canonical:

{% assign custom_canonical = null %}

{% if collection and collection.metafields.cool_name.collection_canonical != blank %}

{% assign custom_canonical = collection.metafields.cool_name.collection_canonical %}

{% endif %}

<link rel="canonical" href="{{ custom_canonical | default: canonical_url | default: page_url }}">