Så ställer du in en kanonisk URL i Shopify med hjälp av metafält

Kyle Risley är senior lead, SEO, på Shopify.

När webbsidor har exakt samma innehåll under flera URL:er måste sökmotorerna avgöra vilken version som ska indexeras. Kanoniska taggar hjälper sökmotorerna att hålla ordning genom att instruera dem att samla alla olika versioner av en sida under en enda URL, den kanoniska URL:en.

Shopifys teman ställer in kanoniska URL:er automatiskt, så för det mesta behöver du inte tänka på dem. Använd den här guiden för de sällsynta fall då du behöver ställa in en kanonisk URL manuellt.

Vad är en kanonisk URL?

En kanonisk URL är en föredragen URL för indexering. När du har flera URL:er med liknande eller identiskt innehåll kan du be sökmotorerna att indexera den kanoniska URL:en med den här taggen:

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

Kanoniska URL:er är definierade som standard i Shopifys egna teman och bör vara definierade som standard i alla bra tredjepartsteman. Om du behöver lägga till standardmässiga kanoniska URL:er i din butik kan du lägga till en kodrad före den avslutande </head>-taggen i temats layoutfil för att åtgärda det.

Så här ser en kanonisk URL ut i Shopifys Dawn-tema:

När du ska använda kanoniska URL:er

Om du har flera URL:er med mycket liknande innehåll indexerat är ett sätt att tala om för sökmotorerna vilken URL du vill ska rankas och indexeras att ange den URL:en. Som bästa praxis anger Shopifys egna teman en kanonisk URL på alla sidor.

Ett vanligt exempel på när du kan behöva använda kanoniska URL:er är när URL:er innehåller UTM-parametrar. UTM-parametrar är en typ av URL-parametrar som används av Google Analytics för att spåra hur väl marknadsföringskampanjer presterar. Det är tecknen i slutet av en URL som visar källan till hänvisningen. Till exempel kommer samma produktsida att ha en annan URL beroende på om du hamnar där via en e-postkampanj eller en Google-annons. Detta är utmärkt för att attribuera försäljning, men inte lika bra för sökmotorer. Det beror på att sökmotorer behandlar varje URL på samma sätt: om en enda bokstav ändras är det en helt ny URL som behöver genomsökas. I stället för att indexera var och en av dessa URL:er separat kan sökmotorerna indexera alla olika versioner under en enda URL (den kanoniska URL:en).

Så ställer du in en kanonisk URL i Shopify

1. Skapa ett metafält för varje sidtyp som du vill ange en kanonisk URL för
2. Lägg till kod i din temafil för att hänvisa till dina nyskapade metafält

I de flesta fall är den förinställda kanoniska URL:en korrekt. Den här guiden är till för enstaka fall då du vill åsidosätta den förinställda kanoniska URL:en manuellt och ange ett nytt kanoniskt URL-värde. För att göra detta skapar du ett metafält för varje sidtyp du vill ange en kanonisk URL för, och sedan lägger du till kod i din temafil för att hänvisa till dina nyskapade metafält. Så här gör du:

1. Skapa ett metafält för varje sidtyp som du vill ange en kanonisk URL för

Börja med att skapa metafält. Om du bara vill åsidosätta den kanoniska URL:en (till exempel på en eller flera produktsidor) behöver du bara skapa ett metafält. Om du även vill åsidosätta den kanoniska URL:en på andra sidtyper (som en kollektionssida eller ett blogginlägg) behöver du också skapa ett metafält för var och en av de aktuella sidtyperna.

Gå till metafältsidan i din Shopify-administratör. Du gör detta genom att skriva "metafält" i administratörens sökfält och välja "Metafält".

Välj sedan den sidtyp du vill skapa en kanonisk URL-åsidosättning för, såsom Produkter, Kollektioner, Sidor och Blogginlägg. (Obs: "Bloggar" hänvisar till hela bloggen, medan "Blogginlägg" hänvisar till enskilda artiklar.)

Välj "Lägg till definition". Ange ett kort och beskrivande namn, som "Produktens kanoniska URL". Om du vill kan du även lägga till en beskrivning som: "Denna URL åsidosätter den förinställda kanoniska URL:en för den här sidan."

Ange typen till "URL" och klicka på Spara. Ditt metafält bör se ut ungefär så här:

Det är särskilt viktigt att ange rätt namnrymd och nyckel, eftersom du behöver hänvisa till dem senare. 

Härifrån går du till produktsidans redigerare, så bör du se metafältet "Produktens kanoniska URL" under "Produktmetafält". Ange det nya kanoniska URL-värdet och klicka på spara.

2. Lägg till kod i din temafil för att hänvisa till dina nyskapade metafält

Öppna sedan den fil som genererar logiken för din kanoniska tagg. Detta är vanligtvis din theme.liquid-fil i Layout-mappen.

Den kanoniska Liquid-koden bör se ut så här:

Du ersätter den här befintliga kodraden,

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

med det här kodblocket:

{% 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 }}">

Det här kodblocket förutsätter att du använder följande namn för dina metafält:

• product_canonical_url
• collection_canonical_url
• page_canonical_url
• blog_post_canonial_url

Det förutsätter också att namnrymden "custom" (standardvärdet som Shopify tillhandahåller) används. Om du använder andra namn kan du ändra den fetstilta texten ovan. Om du inte skapade anpassade kanoniska metafält för en viss sidtyp kan du ta bort "elsif"- och "assign"-reglerna för den sidtypen.

Så här skulle samma kodblock se ut om du bara skapade anpassade kanoniska metafält för produkt- och kollektionssidor:

{% 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 }}">

Och här är ett exempel på hur kodblocket skulle se ut om du bara skapade anpassade kanoniska taggar för kollektionssidor, och namnrymden du använde var cool_name och nyckeln var 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 }}">