Jak dodać tagi hreflang w wordpress
Opublikowany: 2023-02-12
Czy tworzysz witrynę internetową obsługującą wiele języków i regionów? Wielojęzyczna witryna może wykładniczo zwiększyć liczbę potencjalnych odbiorców, ale może też wydawać się trudna w zarządzaniu.
Dobrą wiadomością jest to, że dodanie tagów hreflang może poprawić optymalizację witryny pod kątem wyszukiwarek (SEO) i wrażenia użytkownika (UX). Nie jest to trudne do osiągnięcia i możesz szybko zacząć czerpać korzyści ze zwiększonego ruchu i zaangażowania.
W tym artykule przyjrzymy się, czym są tagi hreflang i jakie są najlepsze praktyki ich używania. Następnie ujawnimy metody, których możesz użyć do zaimplementowania tych tagów w swojej witrynie WordPress. Chodźmy do pracy!
Co to jest hreflang?
Tag hreflang to kod HTML, który informuje Google, która wersja strony internetowej ma być wyświetlana w określonych językach i regionach. Oto przykład tego, jak może wyglądać ten kod:
<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />
Każdy tag zawiera kombinację szczegółów dotyczących języka i lokalizacji, takich jak „en-us” dla języka angielskiego i Stanów Zjednoczonych lub „fr-fr” dla języka francuskiego i Francji.
Chociaż Google może wykryć język strony internetowej, brak tagów hreflang może zaszkodzić rankingom wyszukiwania. To dlatego, że bez tych tagów Twoje strony w różnych językach mogą konkurować ze sobą o najlepsze miejsca docelowe. Chociaż tagi hreflang same w sobie nie są czynnikami rankingowymi, pomagają Google wyświetlać użytkownikom odpowiednie strony.
hreflang i Twoja witryna wielojęzyczna: najlepsze praktyki
Możesz dotrzeć do szerszej publiczności dzięki wielojęzycznej witrynie WordPress, ale musisz wdrożyć pewne najlepsze praktyki, aby uzyskać wyniki. Jedną z najlepszych praktyk dla tego rodzaju stron internetowych jest używanie tagów hreflang, ale są też inne sprytne techniki.
Aby zapewnić użytkownikom jak najlepsze wrażenia, mądrze jest używać treści napisanych przez native speakerów, a nie tekstów tłumaczonych maszynowo. Inną sprawdzoną praktyką jest użycie opcjonalnego znacznika x-default dla niedopasowanych języków. Powinno to być używane na stronach głównych, gdzie użytkownicy mogą wybrać lokalizację i język, jaki chcą.
Jeśli Twoja witryna używa tagów kanonicznych, musisz również zachować ostrożność podczas dodawania tagów hreflang. Te dwa typy tagów mogą powodować konflikty, wysyłając do Google mieszane sygnały dotyczące tego, którą stronę powinien wyświetlić. Chociaż możesz zostawić tagi hreflang poza stronami, które mają tagi kanoniczne, lepiej po prostu ostrożnie dodać tagi językowe.
Jak zaimplementować tagi hreflang w WordPress
Tagi hreflang są nieocenione na stronach WordPress, ale tylko wtedy, gdy są poprawnie zaimplementowane. Istnieją trzy metody dodawania tych tagów do witryny. Wtyczki są najłatwiejszą i najczęstszą metodą. Możesz jednak także zaktualizować nagłówek swojej witryny lub edytować jej mapę witryny XML. Przyjrzyjmy się wszystkim trzem technikom.
hreflang Wtyczki
Najłatwiejszą metodą implementacji hreflang jest użycie wtyczki WordPress. Wtyczki takie jak MultilingualPress automatycznie dodają znaczniki hreflang i nie powinny powodować żadnych problemów z wydajnością:
MultilingualPress posiada również funkcję tłumaczenia, którą można znaleźć w edytorze postów. Gdy zaakceptujesz tłumaczenie, wtyczka dodaje odpowiednie tagi hreflang do nagłówka Twojej witryny. Funkcja tłumaczenia nie ogranicza się do postów i działa na tagach i kategoriach, a jednocześnie dobrze synchronizuje się z wtyczkami takimi jak Yoast i WooCommerce.
Inną opcją wtyczki do implementacji hreflang jest Polylang:
Polylang to popularne bezpłatne narzędzie, które pomaga zarządzać witrynami WordPress w wielu językach. Możesz tworzyć treści w zwykły sposób, a następnie przypisać do nich język. Następnie Polylang zajmie się tagami hreflang za Ciebie.
Dodaj hreflang do <head>
Możesz dodać tagi hreflang do swojej witryny WordPress bez wtyczki, aktualizując plik header.php . Aby uzyskać dostęp do tego pliku, musisz przejść do opcji Wygląd > Edytor motywów lub użyć protokołu przesyłania plików (FTP).
Po otwarciu pliku poszukaj otwieracza <head> i wklej ten kod:
<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>
W tym przykładzie tagi należy dodać do treści w języku angielskim. Znaczniki x-default i English hreflang również wskazują stronę z zawartością w języku angielskim.
Z drugiej strony hiszpańskie i francuskie tagi hreflang przekierowują do odpowiednich wersji językowych strony. Oczywiście możesz dodać więcej tagów hreflang dla innych języków używanych w Twojej witrynie.
Dodaj hreflang do mapy witryny XML
Jeśli nie chcesz edytować pliku header.php , możesz zamiast tego zaktualizować mapę witryny XML witryny. Użycie tej metody gwarantuje, że Google znajdzie Twoje strony w alternatywnych językach i prawidłowo je zindeksuje. Aktualizacja mapy witryny zmniejsza również rozmiar stron internetowych, co skraca czas ładowania.
Tagi hreflang dla Twojej mapy witryny XML są nieco inne:
<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
Edytowanie mapy witryny XML pomaga w indeksowaniu, ale może się też skomplikować. Jeśli masz dużą witrynę, mapa witryny może być rozdęta. Dodanie tagów hreflang do mapy witryny może również zająć więcej czasu niż przy użyciu innych metod opisanych powyżej.
Jak sprawdzić poprawność hreflang w WordPress
Nawet jeśli są uwzględnione, tagi hreflang są często nieprawidłowo implementowane w witrynach wielojęzycznych. Sprawdzenie poprawności tagów hreflang może pomóc w ustaleniu, czy dodałeś je poprawnie.
Aby zweryfikować tagi, możesz użyć różnych narzędzi online. Narzędzia te oferują podobne informacje, ale prezentują je na różne sposoby. Narzędzie do testowania tagów hreflang firmy Sitrix wyświetla tagi w Twojej witrynie i informuje, czy są jakieś błędy:
Narzędzie do testowania tagów hreflang firmy Merke zawiera również zestawienie tagów i błędów w Twojej witrynie:
Jeśli jednak chcesz zobaczyć tylko błędy, inną opcją jest narzędzie do testowania tagów hreflang firmy SALT.agency.
Kontynuuj naukę z WP Engine
Jeśli masz witrynę internetową z treścią w wielu językach, tagi hreflang pomogą Google dostarczać odpowiednie strony właściwym użytkownikom. Na szczęście istnieje kilka sposobów dodawania tagów hreflang do swojej witryny, przy czym najłatwiejszą opcją jest instalacja dedykowanej wtyczki.
Jeśli zmagasz się z jakimkolwiek innym aspektem prowadzenia wielojęzycznej witryny, WP Engine pomoże Ci znaleźć potrzebne zasoby. Sprawdź nasze plany już dziś!