Jak ustawić linki kanoniczne strony w Shopify za pomocą metapól?

Gdy strony internetowe mają dokładnie taką samą treść pod kilkoma adresami URL, wyszukiwarki muszą zdecydować, którą wersję zaindeksować. Tagi kanoniczne pomagają im uporządkować te adresy, wskazując, że różne wersje tej samej strony powinny być traktowane jako jedna, dostępna pod wybranym adresem URL, czyli adresem kanonicznym.

Szablony Shopify automatycznie ustawiają kanoniczne adresy URL, dlatego w większości przypadków nie musisz się tym zajmować. Skorzystaj z tego poradnika w tych rzadkich sytuacjach, gdy konieczne jest ręczne ustawienie kanonicznego adresu URL.

Czym jest kanoniczny adres URL?

Kanoniczny adres URL to preferowany adres do indeksowania. Gdy masz kilka adresów URL z podobną lub identyczną treścią, możesz poprosić wyszukiwarki o zaindeksowanie adresu kanonicznego za pomocą tego tagu:

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

Kanoniczne adresy URL są domyślnie określone w natywnych szablonach Shopify i powinny być domyślnie określone we wszystkich dobrych szablonach zewnętrznych. Jeśli potrzebujesz dodać domyślne kanoniczne adresy URL do swojego sklepu, możesz to naprawić, dodając jedną linię kodu przed zamykającym tagiem </head> w pliku układu szablonu.

Zobacz, jak wygląda kanoniczny adres URL w szablonie Dawn od Shopify:

Kiedy stosować kanoniczne adresy URL?

Jeśli masz zaindeksowanych kilka adresów URL o bardzo podobnej treści, ustawienie kanonicznego adresu URL to jeden ze sposobów, by wskazać wyszukiwarkom, który adres ma być pozycjonowany i indeksowany. Zgodnie z najlepszą praktyką natywne szablony Shopify ustawiają kanoniczny adres URL na wszystkich stronach.

Częstym przykładem sytuacji, w której można zastosować kanoniczne adresy URL, są adresy zawierające parametry UTM. Parametry UTM to rodzaj parametru URL, używany przez Google Analytics do śledzenia skuteczności kampanii marketingowych. Są to znaki na końcu adresu URL, które pokazują źródło odesłania. Na przykład ta sama strona produktu będzie miała inny adres URL, gdy trafisz na nią z kampanii e-mailowej, a inny z reklamy Google. To świetne rozwiązanie dla przypisywania sprzedaży, ale niekorzystne dla wyszukiwarek. Dzieje się tak, ponieważ wyszukiwarki traktują każdy adres URL tak samo: jeśli zmieni się jedna litera, to jest to zupełnie nowy adres URL, który trzeba zindeksować. Zamiast indeksować każdy z tych adresów osobno, wyszukiwarki mogą zaindeksować różne wersje pod jednym adresem (linkiem kanonicznym).

Jak ustawić linki kanoniczne dla strony Shopify?

1. Stwórz metapole dla każdego typu strony, dla którego chcesz ustawić link kanoniczny.
2. Dodaj kod do pliku szablonu, by odwoływał się do nowo utworzonych metapól

W większości przypadków domyślny kanoniczny adres URL jest poprawny. Ten poradnik dotyczy jednorazowych sytuacji, gdy chcesz ręcznie nadpisać domyślny kanoniczny adres URL i ustawić nową wartość. Aby to zrobić, utworzysz metapole dla każdego typu strony, którego adres chcesz zmienić, a następnie dodasz kod do pliku szablonu, aby odwoływał się do tych metapól. Dowiedz się, jak to zrobić.

1. Stwórz metapole dla każdego typu strony, dla którego chcesz ustawić link kanoniczny

Zacznij od utworzenia metapól. Jeśli chcesz nadpisać kanoniczny adres URL tylko (na przykład na jednej lub kilku stronach produktów), to musisz utworzyć tylko jedno metapole. Jeśli chcesz nadpisać kanoniczny adres URL także na innych typach stron (jak strona kolekcji czy wpis na blogu), musisz utworzyć metapole dla każdego z odpowiednich typów stron.

Przejdź do strony metapól w panelu administracyjnym Shopify. Możesz to zrobić, wpisując „metapole" w pasku wyszukiwania panelu i wybierając „Metapola".

Następnie wybierz typ strony, dla której chcesz utworzyć nadpisanie kanonicznego adresu URL, taki jak Produkty, Kolekcje, Strony czy Wpisy na blogu. (Uwaga: „Blogi" odnosi się do całego bloga, natomiast „Wpisy na blogu" do poszczególnych artykułów).

Kliknij „Dodaj definicję”. Nadaj metapolu krótką, opisową nazwę, na przykład „Kanoniczny adres URL produktu”. Możesz również dodać opis np. „Ten adres URL zastępuje domyślny kanoniczny adres URL tej strony”.

Ustaw typ na „URL" i kliknij Zapisz. Twoje metapole powinno wyglądać mniej więcej tak:

Przestrzeń nazw i klucz są niezwykle ważne, ponieważ będziesz się do nich odwoływać później.

Stąd przejdź do edytora strony produktu, a powinno pojawić się metapole „Kanoniczny adres URL produktu" w sekcji „Metapola produktu". Wprowadź nową wartość kanonicznego adresu URL i kliknij „Zapisz”.

2. Dodaj kod do pliku szablonu, by odwoływał się do nowo utworzonych metapól

Następnie otwórz plik, który generuje logikę twojego tagu kanonicznego. Zazwyczaj będzie to plik theme.liquid w folderze Layout.

Kod Liquid dla linku kanonicznego powinien wyglądać tak:

Zastąp istniejącą linię kodu:

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

– tym blokiem kodu:

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

Ten blok kodu zakłada, że używasz następujących nazw dla swoich metapól:

• product_canonical_url
• collection_canonical_url
• page_canonical_url
• blog_post_canonial_url

Zakłada również, że używana jest przestrzeń nazw „custom" (wartość domyślna dostarczana przez Shopify). Jeśli używasz innych nazw, możesz zmienić pogrubiony tekst powyżej. Jeśli nie utworzono niestandardowych metapól kanonicznych dla danego typu strony, możesz usunąć reguły „elsif" i „assign" dla tego typu strony.

Poniżej znajdziesz przykład tego samego bloku kodu w sytuacji, gdy niestandardowe metapola kanoniczne zostały utworzone tylko dla stron produktów i kolekcji:

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

Z kolei poniżej przedstawiono przykład bloku kodu dla sytuacji, w której niestandardowe tagi kanoniczne skonfigurowano wyłącznie dla stron kolekcji,, a użyta przestrzeń nazw to cool_name i klucz to 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 }}">