Gdy publikujesz stronę internetową w sieci i chcesz, aby była wielojęzyczna, potrzebujesz znacznika hreflang. Informuje on Google, jakiego typu języka używasz na konkretnej stronie. Znacznik ujawnia związek między stronami internetowymi w różnych językach. Jeśli tłumaczysz stronę na hiszpański, francuski lub inny język, możesz dodać sygnał identyfikujący język danej strony.
Znacznik hreflang to atrybut HTML używany do opisania języka strony internetowej wraz z jej lokalizacją geograficzną. Prezentuje treść strony internetowej w wielu językach. Jeśli wyszukasz stronę internetową w wyszukiwarce Google w języku angielskim, zobaczysz ją w języku angielskim dzięki znacznikowi hreflang.
Jeśli otworzysz witrynę w innym kraju, na przykład we Francji, strona otworzy się w języku francuskim. Jednak tagi Hreflang mogą czasami się mieszać, ponieważ mogą nie być poprawnie skonfigurowane. W rezultacie witryna wyświetla błąd: „Twoja witryna nie ma tagów hreflang”. Na szczęście możesz szybko rozwiązać ten problem.
Kiedy wymagane są znaczniki Hreflang?
Witryny wymagają znaczników hreflang, gdy istnieje wiele wersji w zależności od języka lub regionu. Zanim zaczniesz rozwiązywać problem braku znaczników hreflang, musisz zmapować wszystkie wersje regionalne lub językowe swoich witryn.
Nawigacja i przełączniki języków prowadzą odwiedzających do właściwego adresu URL, gdy przeglądają Twoją witrynę. Jeśli witryna ma listę różnych adresów URL, na przykład witrynę w innych językach, mapa witryny XML dostarczy wyszukiwarce listę wszystkich tych adresów URL. Tak jak mapa witryny HTML lub zwykłe menu nawigacyjne prowadzą odwiedzającego, tak mapa witryny XML prowadzi wyszukiwarkę, ale do właściwego adresu URL.
Tak wygląda znacznik hreflang:
<html lang="en-US" data-lt-installed="true">
Kod en-US odnosi się do kodu „dialektu amerykańskiego” języka angielskiego używanego w USA. Możesz również skorzystać z profesjonalnych narzędzi Linguise , aby skonfigurować tag hreflang dla swojej witryny bez konieczności pisania kodu.
Metody umieszczania znaczników Hreflang
Istnieją dwie metody umieszczania tagów hreflang na stronie internetowej. Pierwsza metoda polega na użyciu map witryny XML, a druga metoda wykorzystuje metody tagowania stron. Oto różnica między nimi:
Metody tagowania stron za pomocą sekcji HTML Head
Tagowanie stron oferuje prostą metodę dodawania tagów hreflang do Twojej witryny. W tej metodzie tag hreflang jest dodawany do nagłówka HTML Twojej witryny. Tag strony dla Twojej witryny będzie wyglądał następująco:
<html lang="en" data-lt-installed="true">
Znacznik „en” jest używany dla języka angielskiego, a jeśli chcesz przetłumaczyć tę stronę na język niemiecki, musisz dodać „de” lub dla wersji chińskiej „zh-CN” w adresie HTML. Wynikowe znaczniki HTML będą wyglądać tak:
chiński
<html lang="zh-CN" data-lt-installed="true">
niemiecki
<html lang="de" data-lt-installed="true">
Ten proces może wydawać się łatwy, ale będziesz musiał dodać osobny kod dla każdej strony internetowej. Zajmie to dużo czasu i może również powodować błędy manualne przy wprowadzaniu kodów, co prowadzi do różnych błędów
Alternatywne znaczniki języka
Alternatywny tag języka uzupełnia atrybut hreflang i pozwala pokazać wyszukiwarkom, jaki jest związek między przetłumaczonymi stronami internetowymi Twojej witryny.
Na przykład, jaka jest hiszpańska wersja tej francuskiej strony, a także jaka jest oryginalna wersja językowa tej strony.
Jest to przydatne, gdy utworzono treść przeznaczoną dla lokalnej grupy odbiorców. Atrybut hreflang dodaje sygnał dla wyszukiwarek, że użytkownik wyszukujący z Francji z francuskim zapytaniem chce francuską wersję strony, a nie stronę o podobnej treści w języku angielskim.
Ponadto, jeśli użytkownik mówi w 2 językach, francuskim i angielskim, Google może zwrócić oba wyniki.
Tag języka w nagłówku HTTP dla plików
Znaczniki Hreflang są dodawane do stron internetowych za pomocą nagłówka HTTP w przypadku treści innych niż HTML oraz plików PDF. Możesz dodać znacznik href w elementach link swojego nagłówka HTTP. Nagłówek zostanie dodany na końcu linku i będzie wyglądał następująco:
<https://www.linguise.com/pre-sale-questions/document.pdf>; rel="alternate"; hreflang="es"
Możesz dodać dowolną treść w sekcji zaznaczonej na czerwono. Wystarczy dodać adres URL pliku PDF i na końcu podlinkować tag hreflang.
Jaki błąd Hreflang zwraca Google?
Gdy zobaczysz komunikat „Twoja witryna nie ma tagów hreflang”, oznacza to, że występuje problem z odsyłaczami lub linkowaniem strony. Oznacza to, że strona 1 linkuje do strony 2, ale strona 2 nie linkuje z powrotem do strony 1. Brak tagu zwrotnego często skutkuje błędem Hreflang. Możesz sprawdzić mapy witryny XML, aby ustalić liczbę tagów Hreflang na pojedynczej stronie oraz błędy związane z tymi tagami. Przed zastosowaniem rozwiązania upewnij się, że dokładnie przeprowadziłeś analizę.
Błędy w kodach języków
<xhtml:link rel="alternate" hreflang="ur-pk" href="https://www.rekhta.org/?lang=ur" />
Prawidłowy tag hreflang używany dla języka urdu to lang=ur. Możesz użyć różnych narzędzi, aby poznać kody używane dla poszczególnych języków. Linguise zapewnia łatwe rozwiązanie problemów z tagiem hreflang. Gdy powiążesz właściwy kod z właściwym językiem i połączysz go z określonym krajem, nie zobaczysz błędu tagu Hreflang podczas otwierania stron internetowych swojej witryny.
Nieprawidłowe atrybuty języka
Most people confuse the hreflang attributes with a hyphenated version of the language. This leads to errors in the linking of the website to the correct language code. Most users think that using “ en-uk” for a UK dialect will be sufficient to run their webpage. The correct attribute for a British English dialect is “en-gb”. Once you use the right attribute the problem of a faulty hreflang attribute will vanish.
Jednoczesne używanie mapy witryny i tagowania stron
Większość osób uważa, że stosuje obie metody dla tagów hreflang. Jeśli używasz metody tagowania stron, skutkuje to skomplikowaną serią integrowania różnych tagów hreflang w sekcjach head wielu adresów URL. Inni używają metod mapy witryny hreflang, aby określić język strony internetowej. Gdy używasz obu metod tagowania hreflang, powoduje to redundancję i Google może całkowicie odrzucić Twoją witrynę. Wybierz jedną metodę wdrażania tagu hreflang i upewnij się, że w implementacji nie ma błędów.
Jak wdrożyć znaczniki Hreflang za pomocą Linguise?
Najłatwiejszym rozwiązaniem problemu z Hreflang jest skorzystanie z Linguise. Automatycznie generuje i wdraża tag hreflang, więc nie musisz martwić się nauką kodu. Posiada dostosowany system, który tłumaczy treści HTML inline. Tłumaczenia te są powiązane z metadanymi strony internetowej i zapewniają szybkie rezultaty.
Weryfikowanie implementacji tagu językowego hreflang
Gdy Twoja strona internetowa zostanie przetłumaczona za pomocą Linguise, kliknij prawym przyciskiem myszy w dowolnym miejscu na stronie i kliknij „Zbadaj” lub użyj F12.
Będziesz mieć dostęp do narzędzia deweloperskiego przeglądarki.
Następnie, jeśli moja strona jest na przykład po francusku, wdrożony hreflang powinien mieć wartość fr.
Podsumowując, tag hreflang jest automatycznie wdrażany na Twojej przetłumaczonej stronie, a tag jest globalny, co oznacza, że dla języka francuskiego to fr. Więc jeśli francuski Kanadyjczyk wyśle żądanie w języku francuskim, jego strona również będzie zwracana priorytetowo w wyszukiwarkach.
Podsumowanie
Błędy Hreflang mogą na początku wydawać się przytłaczające, ale można je łatwo naprawić. Wystarczy użyć metod podanych powyżej, aby rozwiązać błąd i zobaczyć różnicę. Jeśli nie masz czasu na ręczne poprawianie błędów, możesz użyć Linguise. To automatyczne rozszerzenie do tłumaczenia języków, które potrafi usunąć wszelkie błędy hreflang w ciągu kilku minut.
