Shopify Sayfası için Kanonik URL Ayarlama

Kyle Risley, Shopify'da kıdemli bir SEO lideridir.

Web sayfalarının içeriği birden fazla URL altında tamamen aynı olduğunda arama motorlarının hangi sürümü dizine ekleyeceğine karar vermesi gerekir. Kanonik etiketler, sayfanın farklı sürümlerini tek bir URL altında birleştirme tercihini arama motorlarına bildirir. Bu URL, kanonik URL olarak adlandırılır.

Shopify temaları URL'ler için kanonik etiketleri otomatik olarak oluşturur. Bu nedenle çoğu durumda manuel bir işlem yapmanız gerekmez. Ancak istisnai durumlarda kanonik URL'yi kendiniz ayarlamanız gerekebilir. Bu rehberde, bu işlemi nasıl yapacağınızı öğrenebilirsiniz.

Kanonik URL nedir?

Kanonik URL, arama motorlarının dizine eklemesi için tercih edilen URL'dir. Benzer veya aynı içeriğe sahip birden fazla URL'niz varsa bu etiket aracılığıyla arama motorlarına hangi URL'yi dizine eklemelerini tercih ettiğinizi bildirebilirsiniz:

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

Shopify'ın kendi temalarında kanonik URL'ler varsayılan olarak tanımlıdır. Kaliteli üçüncü taraf temalarda da bu özelliğin varsayılan olarak bulunması beklenir. Mağazanıza varsayılan kanonik URL'ler eklemeniz gerekiyorsa tema düzeni dosyanızdaki kapanış </head> etiketinden önce tek satırlık bir kod ekleyerek bu sorunu giderebilirsiniz.

İşte Shopify'ın Dawn temasında kanonik URL'nin nasıl göründüğüne dair bir örnek:

Kanonik URL'ler ne zaman kullanılmalı?

Dizine eklenmiş, içeriği büyük ölçüde benzer birden fazla URL'niz varsa kanonik URL ayarlamak, arama motorlarına hangi URL'nin dizine eklenmesini ve arama sonuçlarında tercih edilmesini istediğinizi bildirmenin bir yoludur. Shopify'ın kendi temaları, en iyi uygulama olarak tüm sayfalarda kanonik URL tanımlar.

Kanonik URL'lerin kullanılabileceği yaygın durumlardan biri, URL'lerin UTM parametreleri içermesidir. UTM parametreleri, pazarlama kampanyalarının performansını izlemek için Google Analytics'te kullanılan URL parametreleridir. Bunlar, yönlendirme kaynağını belirten URL sonundaki karakterlerdir.

Örneğin, bir ürün sayfasının URL'si e-posta kampanyasından veya Google reklamından gelen ziyaretçilere göre farklı olabilir. Bu farklılıklar satışların hangi kanaldan geldiğini ölçmek açısından yararlıdır, ancak arama motorları açısından sorun yaratabilir. Çünkü URL'deki küçük bir değişiklik bile arama motorlarının farklı bir URL ile karşılaşmasına neden olabilir ve bu URL'nin taranması gerekebilir.

Arama motorlarının bu URL'lerin her birini ayrı ayrı dizine eklemesi yerine, farklı sürümleri tek bir URL altında birleştirmelerine yardımcı olmak için kanonik URL kullanabilirsiniz.

Shopify sayfası için kanonik URL nasıl ayarlanır?

1. Kanonik URL tanımlamak istediğiniz her sayfa türü için bir meta alanı oluşturun
2. Yeni oluşturduğunuz meta alanlarına referans vermesi için tema dosyanıza kod ekleyin

Çoğu durumda varsayılan kanonik URL doğru değerdir. Bu rehber, varsayılan kanonik URL'yi manuel olarak değiştirmek ve yeni bir değer belirlemek istediğiniz özel durumlar içindir. Bunun için kanonik URL'sini özelleştirmek istediğiniz her sayfa türü için bir meta alanı oluşturmanız, ardından bu alanlara referans veren kodu tema dosyanıza eklemeniz gerekir. İşte izlemeniz gereken adımlar:

1. Kanonik URL tanımlamak istediğiniz her sayfa türü için bir meta alanı oluşturun

Öncelikle meta alanlarını oluşturun. Yalnızca ürün sayfaları gibi belirli sayfalardaki kanonik URL'yi değiştirmek istiyorsanız tek bir meta alanı oluşturmanız yeterlidir. Koleksiyon sayfaları veya blog yazıları gibi başka sayfa türlerinde de kanonik URL'yi değiştirmek istiyorsanız ilgili her sayfa türü için ayrı bir meta alanı oluşturmanız gerekir.

Shopify yönetici panelinizdeki "Metafields" (Meta alanları) sayfasına gidin. Bunun için yönetim panelindeki arama çubuğuna "metafields" yazıp Metafields seçeneğine tıklayabilirsiniz.

Ardından kanonik URL'sini özelleştirmek istediğiniz sayfa türünü seçin. Örneğin "Products" (Ürünler), "Collections" (Koleksiyonlar), "Pages" (Sayfalar) veya "Blog Posts" (Blog gönderileri) seçeneklerinden yararlanabilirsiniz.

Not: "Blogs" (Bloglar) blogun tamamını, "Blog Posts" ise tek tek makaleleri ifade eder.

"Add description" (Tanım ekle) seçeneğine tıklayın. Meta alanına "Ürün Kanonik URL'si" gibi kısa ve açıklayıcı bir ad verin. İsterseniz "Bu URL, sayfanın varsayılan kanonik URL'sini geçersiz kılar." gibi bir açıklama da ekleyebilirsiniz.

Alan türünü "URL" olarak ayarlayın ve "Kaydet" seçeneğine tıklayın. Meta alanınız aşağıdaki örneğe benzer şekilde görünmelidir.

Ad alanı (namespace) ve anahtar (key) bilgileri çok önemlidir, ilerleyen adımlarda bu bilgilere referans vereceksiniz.

Ardından ürün düzenleme sayfasına gidin. Ürün meta alanları bölümünde "Product Canonical URL" (Ürün Kanonik URL'si) alanını görebilirsiniz. Yeni kanonik URL değerini girin ve kaydedin.

2. Yeni oluşturduğunuz meta alanlarına referans vermesi için tema dosyanıza kod ekleyin

Şimdi kanonik etiket mantığını oluşturan dosyayı açın. Bu dosya genellikle Layout klasöründeki theme.liquid dosyasıdır.

Kanonik URL'yi oluşturan Liquid kodu şu şekilde görünmelidir:

Mevcut kod satırını:

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

aşağıdaki kod bloğuyla değiştirin:

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

Bu kod bloğunda meta alanları için aşağıdaki anahtarların kullanıldığı varsayılır:

• product_canonical_url
• collection_canonical_url
• page_canonical_url
• blog_post_canonical_url

Kod, Shopify'ın varsayılan olarak sunduğu "custom" ad alanını kullandığınızı da varsayar. Farklı adlar kullandıysanız yukarıdaki kodda ilgili değerleri kendi alanlarınıza göre değiştirebilirsiniz. Belirli bir sayfa türü için özel kanonik meta alanı oluşturmadıysanız o sayfa türüne ait "elsif" ve "assign" etiketlerini kaldırabilirsiniz.

Yalnızca ürün ve koleksiyon sayfaları için özel kanonik meta alanları oluşturduysanız kod bloğu şöyle görünür:

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

Yalnızca koleksiyon sayfaları için özel kanonik etiketler oluşturduğunuzda, ad alanı olarak "cool_name", anahtar olarak ise "collection_canonical" kullanıyorsanız kod bloğu şöyle görünür:

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