Atrybut SEO dla treści w wielu językach

Opublikowany: 2022-05-11

Czy kiedykolwiek odwiedziłeś stronę internetową, która była w innym języku, a Twoja przeglądarka zapytała Cię, czy chcesz zmienić ją na swój pierwszy język?

To ratuje życie, prawda?

Jest to możliwe dzięki tagom językowym lub tagom hreflang, które służą do informowania wyszukiwarek, w jakim języku jest treść.

Bezpłatny przewodnik: Jak przeprowadzić audyt techniczny SEO

Teraz zastanów się, czy udostępniłeś tę funkcję, aby Twoje własne strony internetowe były gotowe dla odbiorców z całego świata. Jeśli nie odpowiednio otagowałeś lub nie przekierowałeś treści w celu optymalizacji w różnych językach, może ona nie uzyskiwać takiego ruchu, jak mogłaby być. Przyjrzyjmy się, jak tagi hreflang mogą pomóc w wyświetlaniu użytkownikom prawidłowych wyników.

Skocz do

Co to są tagi hreflang?

Tagi Hreflang to atrybuty HTML, które informują wyszukiwarki, jaki język jest używany na stronie internetowej, do której prowadzi łącze w SERP. Umożliwia to wyszukiwarkom dostarczanie zlokalizowanych wyników dostosowanych do lokalizacji geograficznej użytkownika i preferowanego języka.

Tagi Hreflang (znane również jako rel="alternate" hreflang="x") umożliwiają pokazanie Google i innym wyszukiwarkom relacji między stronami internetowymi w różnych językach. Na przykład, jeśli Twój tag musi prowadzić do bloga w języku angielskim, użyj następującego tagu: hreflang=”en”.

Jak wyglądają tagi hreflang?

Tagi hreflang mają ustaloną składnię. Oto przykład pisania tagów hreflang.

Składnia

<link rel=”alternate” hreflang=”x” href=”https://example.com/alternate-page”/>

Tag jest podzielony na trzy części:

  • link rel="alternate": Informuje wyszukiwarkę, że jest to alternatywna wersja strony.
  • hreflang="x": Określa język.
  • href=„https://example.com/alternate-page”: alternatywna strona znajduje się pod tym adresem URL.

Przykład

Oto przykład tego, jak strona internetowa będzie wyglądać, gdy zostanie oznaczona atrybutem hreflang:

<link rel=”alternate” hreflang=”en-us” href=”https://blog.hubspot.com/marketing/hreflang-tags”/>

„en” w pierwszej części tagu odnosi się do kodu języka, angielskiego, a „US” odnosi się do kodu kraju w Stanach Zjednoczonych.

Załóżmy, że chcemy mieć tę samą stronę w języku hiszpańskim dla klientów w Meksyku. Znacznik hreflag będzie wyglądał następująco:

<link rel=”alternate” hreflang=”es-mx” href=”https://blog.hubspot.com/marketing/hreflang-tags”/>

Użytkownicy z adresem IP, który powiadamia o używanym języku, automatycznie zobaczą właściwie otagowaną stronę internetową, więc tag hreflang jest szczególnie przydatny, jeśli masz globalną publiczność i chcesz, aby ich wrażenia z użytkowania były przyjemne.

Tagi hreflang a tagi HTML Lang

Istnieją dwa różne typy znaczników językowych: znaczniki HTML lang i znaczniki hreflang.

Chociaż zarówno tagi HTML, jak i hreflang mają na celu optymalizację treści w wielu językach, mają kilka różnic.

Mówiąc najprościej, atrybuty tagu języka (lub lang) w tagu HTML informują przeglądarkę o języku bieżącego dokumentu lub strony internetowej, podczas gdy atrybut tagu hreflang informuje przeglądarkę o języku strony, do której prowadzi łącze — na przykład tag lang na HubSpot.com informuje przeglądarkę o języku HubSpot.com, ale atrybut tagu hreflang informuje wyszukiwarkę o języku HubSpot.com, gdy użytkownik szuka HubSpot.

Jeśli użytkownik szuka HubSpot.com z Niemiec, tag hreflang odpowiada za zmianę linku dostępnego w wyszukiwarkach. Jednak gdy ktoś trafi na HubSpot.com w Niemczech, tag lang zmienia język na samej stronie.

Przykłady

Wizualizacja może być łatwiejsza, więc oto przykładowy tag lang:

<html lang="pl">

Alternatywnie, oto przykładowy tag hreflang:

<link rel=”alternatywny” href=”http://example.com/”hreflang=”en”/>

Google zaleca używanie hreflang podczas indeksowania witryn w różnych językach.

Możesz również użyć tagów języka HTML w połączeniu z tagiem hreflang — mogą one współpracować w celu informowania wyszukiwarek o treści na Twoich stronach internetowych. Posiadanie obu tagów informuje wyszukiwarki, w jakim języku jest strona internetowa, jednocześnie kierując użytkowników z innych krajów do odpowiedniej strony internetowej.

Następnie przyjrzyjmy się, do czego służą tagi hreflang i jak możesz ich używać na własnych stronach internetowych.

Dlaczego potrzebujesz tagów hreflang?

Ostatecznie pomocne jest użycie tagów hfreflang, aby zapewnić lepsze wrażenia użytkownika. Jeśli użytkownik w Niemczech wyszukuje HubSpot, chcemy się upewnić, że wynik w wyszukiwarce wyświetla naszą witrynę w języku niemieckim, a nie angielskim. Oprócz lepszego komfortu użytkownika może to również pomóc w zmniejszeniu współczynnika odrzuceń i zwiększeniu współczynników konwersji, ponieważ wyświetlasz najlepszą wersję swojej witryny właściwym odbiorcom.

Kolejną zaletą używania tagów hreflang jest to, że zapobiegają duplikowaniu treści. Załóżmy, że masz te same treści pod różnymi adresami URL skierowanymi do osób mówiących po hiszpańsku w Meksyku, Hiszpanii i Chile, ale z niewielkimi różnicami w zależności od grupy docelowej, np. walutą. Bez tagu hreflang Google może po prostu uznać to za zduplikowaną treść.

Tagi hreflang informują wyszukiwarki, że chociaż treść może wyglądać podobnie, jest skierowana do różnych odbiorców.

Jak działają tagi hreflang?

Aby zilustrować działanie hreflang, rozważmy przykład. Załóżmy, że tworzysz dwie takie same strony główne, ale jedna jest po angielsku (hreflang=”en”), a druga po hiszpańsku (hreflang=”es”).

Gdy użytkownik wyszukuje Twoją stronę główną w języku hiszpańskim lub w hiszpańskojęzycznej przeglądarce, otrzyma hiszpańską wersję Twojej strony głównej, o ile jest ona odpowiednio otagowana.

Każdy język i kraj ma swój własny tag hreflang. Oto lista najczęstszych:

  • Niemiecki/Niemcy: de-de
  • Angielski/USA: en-us
  • irlandzki/Irlandia: ga-ie
  • hindi/Indie: hi-in
  • Włoski/Włochy: it-it
  • Japoński/Japonia: ja-jp
  • Koreański/Korea: ko-kp
  • Portugalski/Brazylia: pt-br
  • Federacja Rosyjska/Rosyjska: ru-ru
  • Chiński (uproszczony dla chińskiego kontynentalnego)/Chiny: zh-hans-cn
  • Tajski/Tajlandia: th-th

Jeśli udostępniasz tę samą stronę w różnych regionach, pamiętaj, że na tej samej stronie może znajdować się wiele tagów. Na przykład, jeśli Twoja francuska witryna sprzedaje również klientom w Niemczech i Hiszpanii, możesz odpowiednio otagować swoją stronę w HTML.

Tagi hreflang są dwukierunkowe i działają w parach. Jeśli dodasz tag do strony w języku angielskim wskazujący na wersję hiszpańską, wersja hiszpańska strony musi również zawierać tag hreflang wskazujący na stronę w języku angielskim.

Pamiętaj, że ponieważ tagi hreflang mogą być zastąpione innymi opcjami SEO, Twoja strona może mieć wyższą pozycję w innym języku. Aby tego uniknąć, upewnij się, że wyszukiwarki są wyposażone w odpowiednie atrybuty, aby wiedziały, w jakim języku prezentować Twoją stronę.

Jeśli to wszystko jest trochę zagmatwane, nie martw się. Możesz skorzystać z darmowego generatora tagów Hreflang, więc wszystko, co musisz zrobić, to skopiować i wkleić kod. Spójrzmy na kilka przykładów poniżej.

Narzędzia generatora tagów hreflang

1. Generator tagów hreflang

Narzędzia generatora tagów Hreflang: Narzędzie generatora Hreflang

Źródło obrazu

Za pomocą tego narzędzia możesz generować tagi hreflang dla swojej wielojęzycznej witryny. Wszystko, co musisz zrobić, to dodać adres URL do swojej witryny i wybrać, w jakim języku jest.

To świetne narzędzie, ponieważ możesz nawet przesłać plik CSV z maksymalnie 50 adresami URL i wygenerować tag hreflang dla 50 witryn jednocześnie.

Co nam się podoba

Ich możliwość zbiorczego przesyłania 50 adresów URL naraz w celu wygenerowania 50 tagów hreflang pozwoli Ci zaoszczędzić czas.

2. Celowanie geograficzne

Narzędzia generatora tagów hreflang: Geo Targetly Źródło obrazu

Geo Targetly to kolejne świetne narzędzie do generowania hreflang. Jest łatwy i darmowy. Wszystko, co musisz zrobić, to wpisać swój adres URL i język, a następnie voila.

Chociaż nie możesz przesłać 50 witryn jednocześnie, jest to nadal szybka i łatwa w użyciu opcja.

Co nam się podoba

Narzędzie Geo Targely jest proste i przyjazne dla użytkownika, co czyni go doskonałym wyborem dla początkujących lub osób z mniejszymi witrynami.

3. Siostra

Narzędzia generatora tagów Hreflang: Sistrix Źródło obrazu

Narzędzie Sistrix jest podobne do dwóch pozostałych powyższych narzędzi. Wszystko, co musisz zrobić, to wprowadzić adres URL i język, a następnie narzędzie wygeneruje kod za Ciebie.

Chociaż nie możesz zaimportować listy z pliku CSV, możesz wprowadzić wiele domen jednocześnie, aby wygenerować potrzebne tagi.

Co nam się podoba

Ten generator od Sistrix pozwala na jednoczesne wprowadzenie kilku domen w celu wygenerowania tagów hreflang, a ponadto oferuje narzędzie do weryfikacji tagów opłat, jeśli chcesz upewnić się, że istniejące tagi w Twojej witrynie są poprawne.

Użyj tagów hreflang, aby poprawić wrażenia użytkownika

Podczas optymalizacji treści pod kątem wyszukiwarek ważne jest, aby zrobić wszystko, co w Twojej mocy, aby uzyskać pozycję w SERP. Pomaga to ludziom na całym świecie znaleźć Twoją firmę.

Ostatecznie celem tagów hreflang jest zapewnienie klientom posługującym się różnymi językami lub mieszkającym w różnych regionach świata treściami dla nich przeznaczonymi.

Ten artykuł został pierwotnie opublikowany w marcu 2021 r. i został zaktualizowany pod kątem obszerności.

audyt SEO