Jak dodać tagi Hreflang do swojej strony WordPress: Kompletny przewodnik

Chcesz mieć klientów online z całego świata? W takim razie Twoja witryna musi mówić w ich języku.

W końcu, chociaż angielski jest jednym z najczęściej używanych języków na świecie, nie oznacza to, że każdy może się nim posługiwać. Nawet jeśli odwiedzający mogą zrozumieć angielską wersję witryny, mogą być bardziej biegli w innym języku. A jeśli szukasz ich biznesu, będziesz musiał dostosować się do ich preferencji językowych - a nie na odwrót.

W związku z tym konieczne będzie przetłumaczenie treści na różne języki rynków docelowych. Aby jednak upewnić się, że witryna wyświetla treści w odpowiednim języku właściwym odbiorcom, należy również dodać kod znany jako "tagi hreflang" do swojej witryny.

Jeśli korzystasz z WordPressa na swojej stronie internetowej, pamiętaj, że nie jest on zaprojektowany do obsługi wielojęzycznych witryn internetowych po wyjęciu z pudełka. W rezultacie nie znajdziesz wbudowanego ustawienia w WordPress o nazwie "Dodaj tagi Hreflang" lub podobnej.

Nie ma się jednak czym martwić, ponieważ istnieją różne opcje dodawania tagów hreflang do witryny WordPress. Przejdźmy więc do tego:

• Czym są tagi hreflang,
• Ich znaczenie dla międzynarodowych stron internetowych skierowanych do użytkowników z różnych krajów oraz
• Jak dodać je do swojej witryny WordPress.

Dorzucimy również kilka najlepszych praktyk dotyczących prowadzenia wielojęzycznej strony internetowej, która zapewnia wyjątkowe wrażenia użytkownika i napędza sprzedaż.

Co to są tagi Hreflang?

Tagi hreflang lub atrybuty tagów href lang to atrybuty kodu HTML, które wskazują język strony internetowej i region geograficzny, dla którego została utworzona. Załóżmy, że mamy stronę główną o adresie URL "https://www.example.com/gb", która zawiera ten tag hreflang:

Tutaj znacznik hreflang wskazuje, że strona główna "https://www.example.com/gb/" to:

• W języku angielskim, zgodnie z kodem języka "en" ISO-639-1, i jest to
• Stworzony dla odwiedzających z regionu Wielka Brytania, zgodnie z kodem regionu "gb" ISO 3166-1 alpha-2.

Strony internetowe mogą zawierać wiele tagów hreflang jednocześnie - i w rzeczywistości będą musiały, jeśli masz wiele wariantów stron internetowych, aby kierować reklamy do odwiedzających z różnymi ustawieniami językowymi i regionalnymi.

Wyszukiwarki używają tagów hreflang do określenia, który język i wariant regionalny strony internetowej ma być wyświetlany użytkownikom. W rzeczywistości Google oficjalnie zaleca używanie tagów hreflang jako części procesu lokalizacji. Zgodnie z powyższym przykładem, jeśli osoba wyszukująca z Francji ma francuski jako ustawienia językowe, wyszukiwarka nie powinna kierować jej na stronę "https://www.example.com/gb/".

Zamiast tego wyszukiwarka może próbować skierować użytkownika do alternatywnej wersji tej samej strony internetowej, która ma atrybut hreflang "rel="alternate" hreflang="fr-fr"" (zakładając, że taka strona istnieje).

Oddzielnie, czy kiedykolwiek próbowałeś odwiedzić globalną wersję ".com" strony internetowej, tylko po to, aby zostać automatycznie przekierowanym do specyficznego dla danego kraju wariantu tej strony? Jeśli nie, spróbuj przejść do"https://nike.com/"i obserwuj, czy ten adres URL zmienia się podczas przetwarzania żądania przez przeglądarkę.

Mówiąc prościej, celem znaczników hreflang jest ułatwienie odwiedzającym witrynę dostępu do treści internetowych dostosowanych specjalnie do ich lokalnego kontekstu.

{{banerebook}}

Kiedy należy dodać tagi hreflang?

Nie każda strona internetowa wymaga tagów hreflang. Jednakże, jeśli Twoja strona internetowa:

• jest dostępny w wielu językach,
• zawiera treści skierowane do określonych regionów,
• jest skierowany do odbiorców posługujących się dialektami tego samego języka (na przykład brazylijski portugalski w porównaniu z portugalskim lub australijski angielski w porównaniu z kanadyjskim angielskim).

Zdecydowanie potrzebujesz atrybutów hreflang, aby być bardziej widocznym w wyszukiwarkach.

Krótko mówiąc, jeśli Twoja strona internetowa ma wiele wersji strony skierowanych do różnych odbiorców, tagi hreflang są niezbędne.

Dlaczego tagi Hreflang są ważne dla stron wielojęzycznych?

Zasadniczo tagi hreflang informują wyszukiwarki o języku docelowym strony internetowej i ustawieniach regionalnych, dlatego są one niezwykle ważne dla witryn skierowanych do międzynarodowej publiczności. Tagi hreflang mogą bowiem pomóc w:

1. Zoptymalizuj globalne rankingi swojej witryny w wyszukiwarkach

Wyszukiwarki chcą wyświetlać użytkownikom najbardziej trafne wyniki pod względem treści i języka. Używając znaczników hreflang, pomagasz wyszukiwarkom zrozumieć, która wersja twoich stron internetowych jest najbardziej odpowiednia dla osób wyszukujących w określonym języku i ustawieniach regionalnych. W rezultacie wyszukiwarki mogą uszeregować ten wariant strony wyżej na stronach wyników wyszukiwania dla tych osób.

Na przykład, jeśli wyszukiwarka wykryje, że strona zawiera atrybut hreflang "rel="alternate" hreflang="en-us"", to dowie się, że strona jest przeznaczona dla użytkowników języka angielskiego ze Stanów Zjednoczonych. W związku z tym może pozycjonować tę stronę wyżej w wynikach wyszukiwania dla osób wyszukujących w języku angielskim ze Stanów Zjednoczonych - a tego właśnie chcesz, realizując globalną strategię SEO (optymalizacji pod kątem wyszukiwarek).

Ponadto wyszukiwarki starają się dostarczać użytkownikom unikalne treści. Tak więc, gdy używasz tagów hreflang, sygnalizujesz wyszukiwarkom, że niektóre strony internetowe nie powinny być traktowane jako duplikaty treści, nawet jeśli ich zawartość może być bardzo identyczna. W rezultacie wyszukiwarki uczą się, że powinny rankingować wszystkie te bardzo podobne strony, zamiast wybierać tylko jedną wersję strony do rankingu.

2. Poprawa doświadczenia użytkownika

Podążając za sposobem, w jaki wyszukiwarki starają się dostarczać unikalne i istotne treści, tagi hreflang pomagają kierować odwiedzających witrynę do wersji językowych stron internetowych stworzonych specjalnie dla ich potrzeb. Otwiera to możliwości tworzenia stron internetowych, które zapewniają prawdziwie lokalne wrażenia użytkownika - od odwoływania się do lokalnej pogody po włączenie obrazów specyficznych dla lokalizacji, a nawet włączenie unikalnego slangu, który nie jest używany gdzie indziej.

Gdy to zrobisz, możesz stworzyć poczucie więzi między odwiedzającymi witrynę a Twoją marką. Możesz nawet promować dobrą wolę, która zachęci odwiedzających do wydawania pieniędzy!

3. Zmniejsz współczynnik odrzuceń witryny

"Współczynnik odrzuceń" odnosi się do odsetka odwiedzających, którzy opuszczają witrynę po obejrzeniu tylko jednej strony. Najlepiej byłoby spróbować utrzymać współczynnik odrzuceń na jak najniższym poziomie.

Zgodnie z poprzednim punktem, tagi hreflang pomagają kierować odwiedzających witrynę do treści, które są dla nich istotne. Jeśli spowoduje to, że odwiedzający będą mieli świetne wrażenia użytkownika na stronie internetowej, na której początkowo wylądowali, mogą po prostu pozostać w pobliżu, aby przeglądać inne strony w Twojej witrynie. To świetna wiadomość dla zmniejszenia współczynnika odrzuceń.

Niższy współczynnik odrzuceń może również przełożyć się na bardziej wymierne wyniki biznesowe, takie jak zwiększenie liczby zapisów na kursy i zamówień.

Jak zaimplementować tagi Hreflang na swojej stronie WordPress

Teraz, gdy widzieliśmy już znaczenie tagów hreflang, jak możemy je wdrożyć na stronie WordPress? Oto dwa rozwiązania:

1. Użyj wtyczki WordPress przyjaznej dla SEO.

Wtyczki WordPress ratują życie, pomagając rozszerzyć możliwości witryny przy niewielkim zapotrzebowaniu na kodowanie. To samo dotyczy wdrażania tagów hreflang - odpowiednie rozwiązanie WordPress z funkcją hreflang może automatycznie dodawać tagi hreflang do wszystkich stron internetowych w Twoim imieniu. 

Weglot to przede wszystkim bezkodowa wtyczka do tłumaczenia stron internetowych oparta na sztucznej inteligencji, która integruje się z witryną WordPress i tłumaczy treści na praktycznie każdy język.

Wykorzystując zaawansowaną technologię języka maszynowego, taką jak DeepL i Yandex Translate, Weglot tłumaczy treści szybko i z dużą dokładnością. Następnie możesz zaangażować profesjonalnych tłumaczy lub wprowadzić ręczne zmiany bezpośrednio z pulpitu nawigacyjnego Weglot , aby dostosować swoje tłumaczenia do perfekcji.

To nie wszystko: Weglot bez wysiłku dodaje również tagi hreflang do każdej strony w Twojej witrynie. To ogromna oszczędność czasu i pozwala skupić się na podstawowych obowiązkach biznesowych.

Aby rozpocząć pracę z Weglot, załóż darmowe konto Weglot tutaj i rozpocznij nowy projekt tłumaczeniowy. Skopiuj API swojego konta Weglot (znajdziesz je na stronie ustawień swojego projektu Weglot ) i zapisz je w bezpiecznym miejscu - będziesz go wkrótce potrzebować!

Następnie wyszukaj i zainstaluj wtyczkę Weglot na swojej stronie WordPress:

Wklej API swojego konta Weglot na stronę ustawień. Weglot jest teraz skonfigurowany i gotowy do pracy.

Aby przetłumaczyć zawartość witryny, wybierz oryginalny język witryny i języki, na które chcesz ją przetłumaczyć. Po zapisaniu zmian, Weglot natychmiast przetłumaczy zawartość, a także doda tagi hreflang do stron internetowych.

Podczas gdy Weglot wykonuje swoją pracę, możesz pracować nad innymi zadaniami, aby Twoja strona była wielojęzyczna. Zapoznaj się z naszym przewodnikiem po najlepszych praktykach dla wielojęzycznych witryn WordPress, jeśli potrzebujesz pomocy w tym zakresie.

2. Ręczne dodawanie tagów Hreflang do witryny WordPress

Alternatywnie, jeśli wolisz nie korzystać z rozwiązania innej firmy, aby zautomatyzować dodawanie tagów hreflang do swojej witryny WordPress, zawsze możesz zastosować bardziej ręczne podejście. Podczas ręcznego dodawania tagów hreflang należy jednak zachować szczególną ostrożność, ponieważ:

• Tagi hreflang zawierają wiele ruchomych części: od używania właściwego języka i kodów regionu do struktury tagów hreflang w odpowiednim formacie, musisz upewnić się, że poprawnie skomponowałeś swoje tagi hreflang, aby działały.
• Ręczne wdrażanie staje się szczególnie skomplikowane w przypadku dużych witryn internetowych zawierających wiele wariantów stron: im więcej masz stron internetowych i im więcej języków, na które je przetłumaczyłeś, tym więcej tagów hreflang będziesz musiał utworzyć i dodać do swojej witryny. Pozostawia to więcej miejsca na błąd ludzki - a jeden mały błąd może spowodować, że tagi hreflang nie będą działać zgodnie z przeznaczeniem.

W związku z tym ręczna implementacja hreflang jest zalecana tylko dla poważnych programistów, którzy mają czas i cierpliwość, aby rozwiązać wszelkie występujące błędy hreflang. Jeśli pasujesz do tej listy, możesz ręcznie dodać tagi hreflang na jeden z poniższych sposobów:

a) Poprzez nagłówki HTTP

Head over to the <head> section – pun not intended – of one of your web pages, then add all the hreflang tags you need there. Rinse and repeat for every web page (or page variant, to be precise) on your website. Be sure to provide the correct language and region codes, and alternate page URLs, in your hreflang tags.

Chociaż w teorii metoda ta brzmi prosto, ręczne dodawanie wielu tagów hreflang do wszystkich stron internetowych będzie dość żmudne. Nie tylko to: jeśli twoje strony internetowe zawierają dziesiątki tagów hreflang, szybkość ładowania strony może ucierpieć. W rezultacie Twoje SEO może ucierpieć, ponieważ wyszukiwarki wolą pozycjonować strony internetowe, które ładują się szybciej, przy wszystkich innych równych.

b) Za pośrednictwem mapy witryny XML

Mapa witryny XML to plik zawierający informacje na temat zawartości witryny (stron, obrazów, filmów itp.). Wyszukiwarki odwołują się do mapy witryny XML, aby dowiedzieć się, które treści w witrynie są ważniejsze, dzięki czemu powinny zwracać szczególną uwagę na ich indeksowanie - a tym samym indeksowanie i rankingowanie.

Aby dodać tagi hreflang do mapy witryny XML, należy użyć kodu, który wygląda następująco:

Dodanie tagów hreflang do mapy witryny XML upraszcza proces ręcznej implementacji hreflang. Wynika to z faktu, że wszystkie tagi hreflang są zasadniczo umieszczane w jednej centralnej lokalizacji, bez konieczności replikowania ich na wielu stronach. W rezultacie eliminujesz niepotrzebny kod na stronie, a także możesz skrócić czas ładowania strony. Oczywiście, im więcej wariantów stron posiadasz, tym bardziej złożona stanie się implementacja XML hreflang.

Niezależnie od tego, jaką metodę użyjesz do ręcznego dodania tagów hreflang, pamiętaj, aby po zakończeniu sprawdzić, czy nie popełniłeś błędów podczas wdrażania. Jeśli tagi hreflang nie zostały dodane poprawnie, w Google Search Console może pojawić się komunikat o błędzie „Twoja witryna nie ma tagów hreflang”.

Chociaż jest to powszechny problem z implementacją DIY, dokładna przyczyna błędu może zająć trochę czasu, aby go zidentyfikować i naprawić. Jeśli napotkałeś ten problem, przygotowaliśmy osobny przewodnik dotyczący rozwiązywania błędu "Twoja witryna nie ma tagów hreflang", który może okazać się przydatny.

Najlepsze praktyki dotyczące dodawania tagów Hreflang do wielojęzycznej witryny WordPress

Dodanie tagów hreflang do witryny WordPress to nie koniec historii. Aby stworzyć dobrze zbudowaną wielojęzyczną witrynę zbudowaną dla międzynarodowego SEO, postępuj zgodnie z tymi najlepszymi praktykami hreflang:

Używaj prawidłowych kodów

Nigdy nie zgaduj kodów samodzielnie. Na przykład en-uk nie odn osi się do osób anglojęzycznych w Wielkiej Brytanii, ale do osób anglojęzycznych na Ukrainie. Jak wspomniano wcześniej, należy używać prawidłowego formatu ISO 639-1 dla kodów językowych i formatu ISO 3166-1 dla kodów regionalnych.

Dodaj tagi x-default

Jeśli samodzielnie konfigurujesz tagi hreflang, pamiętaj o dodaniu tagu x-default. Określa on stronę zastępczą dla użytkowników, których język nie został wyraźnie wskazany.

Połącz wszystkie wersje językowe ze sobą

Tagi hreflang muszą być wzajemne (lub dwukierunkowe): każda wersja językowa strony powinna zawierać linki do wszystkich swoich alternatyw (i do siebie samej). Jeśli Twoja strona angielska odwołuje się do strony hiszpańskiej, strona hiszpańska musi w zamian odwoływać się do strony angielskiej.

Sprawdzanie poprawności tagów Hreflang w WordPress

Jak wspomniano wcześniej, istnieje wiele ruchomych części i zagrożeń związanych z ręcznym dodawaniem tagów hreflang. Nawet jeśli jesteś doświadczonym programistą, nie możesz całkowicie wykluczyć błędu ludzkiego. Trudno jest również stwierdzić, czy zostały one zaimplementowane nieprawidłowo - będziesz musiał ręcznie sprawdzić każdy z nich i czy wyświetlają one właściwy kod kraju.  

Dlatego zalecamy skorzystanie z naszego bezpłatnego narzędzia do sprawdzania tagów hreflang! Po prostu skopiuj i wklej swój adres URL, wybierz wyszukiwarkę, dla której chcesz być zoptymalizowany i kliknij przycisk "Testuj adres URL". 

Narzędzie sprawdzi, czy tagi hreflang zostały poprawnie zaimplementowane i pokaże szczegóły, takie jak adresy URL w językach alternatywnych, czy są indeksowalne, czy nie, aktualny status i czy są jakieś błędy. W poniższym przykładzie widać, że tagi hreflang zostały zaimplementowane nieprawidłowo!

Wybierz dobrze zaprojektowane wtyczki WordPress

Zwiększ wydajność i funkcjonalność swoich wielojęzycznych witryn WordPress za pomocą renomowanych i potężnych wtyczek WordPress. Takie wtyczki obejmują:

• WooCommerce jeśli zamierzasz prowadzić sklep internetowy lub
• Yoast SEO lub Slim SEO, aby pomóc wyszukiwarkom w lepszym indeksowaniu i pozycjonowaniu treści.

Co więcej, wiele z tych wtyczek może być używanych za darmo! Jest to świetna okazja, aby bezpłatnie ulepszyć swoją witrynę, więc nie wahaj się dodać takich wtyczek do swojej wielojęzycznej witryny, jeśli ma to sens. Upewnij się, że są one kompatybilne z twoim motywem WordPress, zanim użyjesz ich na swojej stronie!

Tagi hreflang: Kluczowy komponent każdej wielojęzycznej witryny WordPress

Jeśli tworzysz wielojęzyczną witrynę WordPress, absolutnie nie możesz sobie pozwolić na pominięcie tagów hreflang. Dodanie tych tagów do witryny - i dodanie ich poprawnie - jest kluczem do zapewnienia tego:

• Wyszukiwarki umieszczają w wynikach wyszukiwania odpowiednie wersje językowe i regionalne stron,
• Użytkownicy są przekierowywani do treści najbardziej odpowiednich dla ich języka i regionu.
• Ostatecznie zoptymalizujesz swoją obecność w witrynie pod kątem maksymalnego globalnego zasięgu i sprzedaży.

Dzięki możliwości automatycznego wdrażania tagów hreflang i renderowania wysokiej jakości tłumaczeń maszynowych treści, Weglot idealnym rozwiązaniem tłumaczeniowym opartym na sztucznej inteligencji dla webmasterów, którzy chcą wprowadzić swoją stronę WordPress na rynek międzynarodowy. Obsługuje ponad 110 języków, w tym hiszpański, niemiecki, arabski, syngaleski, afrikaans itp.

Zarejestruj się na darmowy okres próbny, aby wypróbować Weglot.