Kanoninen URL ja sen käyttö Shopify-kaupan sivuilla (2027)

Kyle Risley on Shopifyn SEO-tiimin johtava asiantuntija.

Kun verkkosivuston useamman URL-osoitteen takana on samankaltaista sisältöä, hakukoneiden on päätettävä, minkä version ne indeksoivat. Kanoniset tunnisteet auttavat hakukoneita toimimaan oikein, koska ne neuvovat hakukoneita yhdistämään sivun kaikki eri versiot yhden URL-osoitteen eli kanonisen URL-osoitteen alle.

Shopifyn teemat kanonisoivat URL-osoitteet automaattisesti, joten useimmiten koko asiaa ei tarvitse edes miettiä. Käytä tätä opasta niissä harvoissa tapauksissa, joissa kanoninen URL-osoite täytyy määrittää itse.

Mikä on kanoninen URL-osoite?

Kanoninen URL-osoite on indeksointiin ensisijaisesti valittu osoite. Kun useamman URL-osoitteen takana on samankaltaista tai identtistä sisältöä, hakukoneita voidaan pyytää indeksoimaan kanoninen URL-osoite tällä tunnisteella:

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

Kanoniset URL-osoitteet on määritetty oletusarvoisesti Shopifyn omissa teemoissa, ja myös kaikissa laadukkaissa kolmannen osapuolen teemoissa ne on yleensä määritetty valmiiksi. Jos verkkokauppaan on lisättävä kanoniset URL-oletusosoitteet, se onnistuu lisäämällä yksi koodirivi ennen teeman asettelutiedoston sulkevaa </head>-tunnistetta.

Tältä kanoninen URL-osoite näyttää Shopifyn Dawn-teemassa:

Milloin kanonisia URL-osoitteita kannattaa käyttää

Jos indeksoituna on useampi URL-osoite, joiden sisältö on hyvin samankaltaista, kanonisen URL-osoitteen määrittäminen on yksi tapa kertoa hakukoneille, mikä osoite niiden halutaan sijoittavan hakutuloksissa ja indeksoivan. Parhaana käytäntönä Shopifyn omat teemat määrittävät kanonisen URL-osoitteen kaikille sivuille.

Yleinen esimerkki kanonisten URL-osoitteiden käytöstä on tilanne, jossa URL-osoitteet sisältävät UTM-parametreja. UTM-parametrit ovat eräänlainen URL-parametri, jota Google Analytics käyttää markkinointikampanjoiden vaikutuksen seuraamiseen. Ne ovat URL-osoitteen loppuun lisättyjä merkkejä, jotka kertovat liikenteen lähteen. Esimerkiksi sama tuotesivu saa eri URL-osoitteen riippuen siitä, saapuuko kävijä sille sähköpostikampanjan vai Google-mainoksen kautta. Tämä on hyödyllistä myynnin kohdentamisessa, mutta ei niinkään hakukoneiden kannalta. Hakukoneet nimittäin käsittelevät jokaista URL-osoitetta samalla tavalla: jos yksikin kirjain muuttuu, kyseessä on aivan uusi URL-osoite, joka täytyy indeksoida. Sen sijaan, että hakukoneet indeksoisivat jokaisen näistä osoitteista erikseen, ne voivat indeksoida kaikki eri versiot yhden URL-osoitteen (eli kanonisen URL-osoitteen) alle.

Kuinka määrittää kanoninen URL-osoite Shopify-sivulle

1. Luo metakenttä kullekin sivutyypille, jonka haluat kanonisoida
2. Lisää teematiedostoon koodi, joka viittaa juuri luotuihin metakenttiin

Useimmissa tapauksissa kanoninen URL-oletusosoite on oikein. Tämä opas on tarkoitettu niihin yksittäisiin tapauksiin, joissa kanoninen URL-oletusosoite halutaan ohittaa manuaalisesti ja määrittää uusi kanoninen URL-arvo. Tämä tehdään luomalla metakenttä kullekin kanonisoitavalle sivutyypille ja lisäämällä sitten teematiedostoon koodi, joka viittaa juuri luotuihin metakenttiin. Näin se tehdään:

1. Luo metakenttä kullekin sivutyypille, jonka haluat kanonisoida

Aloita luomalla metakentät. Jos haluat ohittaa kanonisen URL-osoitteen vain tietyillä sivuilla (esimerkiksi yhdellä tai useammalla tuotesivulla), riittää, että luot yhden metakentän. Jos haluat ohittaa kanonisen URL-osoitteen myös muilla sivutyypeillä (kuten kokoelmasivulla tai blogikirjoituksessa), sinun on luotava metakenttä kullekin sovellettavalle sivutyypille.

Siirry Shopify Adminin metakenttäsivulle. Tämä onnistuu kirjoittamalla Adminin hakupalkkiin metafield-sana ja valitsemalla Metafields-vaihtoehto.

Valitse seuraavaksi sivutyyppi, jolle haluat luoda kanonisen URL-osoitteen ohituksen, kuten Products, Collections, Pages tai Blog posts. (Huomaa: Blogs viittaa koko blogiin, kun taas Blog posts viittaa yksittäisiin artikkeleihin.)

Valitse Add definition. Anna nimeksi jokin lyhyt ja kuvaava vaihtoehto, kuten Product Canonical URL. Halutessasi voit lisätä myös kuvauksen, esimerkiksi: Tämä URL-osoite ohittaa tämän sivun kanonisen URL-oletusosoitteen.

Aseta tyypiksi URL ja klikkaa Save. Metakentän tulisi näyttää suunnilleen tältä:

Nimiavaruus ja avain ovat erittäin tärkeitä, ja palaamme niihin myöhemmin.

Siirry tästä tuotesivun muokkausnäkymään, jossa Product Canonical URL -metakentän pitäisi näkyä Product metafields -kohdassa. Syötä uusi kanoninen URL-arvo ja klikkaa Save.

2. Lisää teematiedostoon koodi, joka viittaa juuri luotuihin metakenttiin

Avaa seuraavaksi se tiedosto, joka luo kanonisen tunnisteen logiikan. Tämä on tyypillisesti Layout-kansiossa oleva theme.liquid-tiedosto.

Kanonisen tunnisteen Liquid-koodin tulisi näyttää tältä:

Korvaa tämä olemassa oleva koodirivi eli

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

tällä koodilohkolla:

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

Tämä koodilohko olettaa, että metakentille käytetään seuraavia nimiä:

• product_canonical_url
• collection_canonical_url
• page_canonical_url
• blog_post_canonial_url

Se olettaa myös, että käytössä on custom-nimiavaruus (Shopifyn tarjoama oletusarvo). Jos käytetään eri nimiä, yllä olevaa tekstiä voi muuttaa. Jos tietylle sivutyypille ei luotu mukautettuja kanonisia metakenttiä, kyseisen sivutyypin elsif- ja assign-säännöt voi poistaa.

Sama koodilohko näyttää tältä, jos mukautettuja kanonisia metakenttiä luotiin vain tuote- ja kokoelmasivuille:

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

Ja tässä esimerkki siitä, miltä koodilohko näyttää, jos mukautettuja kanonisia tunnisteita luotiin vain kokoelmasivuille ja käytetty nimiavaruus oli cool_name ja avain 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 }}">