[Dziennik tworzenia wielojęzycznej strony internetowej - dzień 23] Różnica między ustawieniem locale a hreflang

Moja strona internetowa ma poprawnie skonfigurowane ustawienia hreflang.

Durumis (두루미스) również ma dobrze skonfigurowane ustawienia hreflang."

Podczas obsługi wielojęzykowej witryny internetowej,ustawienia localeorazustawienia hreflangto dwie ważne koncepcje, z którymi często się spotykamy. Chociaż te dwa ustawienia mogą wydawać się podobne, w rzeczywistości różnią się celem i sposobem użycia. W tym wpisie na blogu przyjrzymy się bliżej różnicom między tymi dwoma ustawieniami.

Czym jest ustawienie locale?

Ustawienie locale definiuje język i zlokalizowany format w witrynie internetowej. Mówiąc prościej, jest to ustawienie, które pozwala stronie internetowej wyświetlać treści dostosowane do określonego języka lub regionu. Na przykład, w przypadku strony internetowej w języku polskim, format daty, liczb i strefy czasowej będzie dostosowany do polskich standardów.

Najbardziej podstawowym przykładem jest użycie atrybutu <html lang="..."> w HTML. Za pomocą tego atrybutu można określić główny język używany na stronie i umożliwić wyświetlanie zlokalizowanych treści.

Na przykład, na stronie w języku polskim ustawiamy lang="pl":

html

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Polskojęzyczna strona internetowa</title>
</head>
<body>
<h1>Dzień dobry!</h1>
</body>
</html>

Dzięki takiemu ustawieniu strona będzie domyślnie wyświetlać treści w języku polskim, a liczby i daty będą wyświetlane zgodnie z polskimi standardami. Takie ustawienie pozwala na naturalne dostarczanie użytkownikom treści dostosowanych do ich języka i regionu.

Czym jest ustawienie hreflang?

Ustawienie hreflang jest związane z optymalizacją pod kątem wyszukiwarek (SEO). W przypadku wielojęzykowych lub wielopaństwowych witryn internetowych służy do informowania wyszukiwarek o stronach odpowiadających określonym językom i regionom. Dzięki temu ustawieniu wyszukiwarki mogą wyświetlać odpowiednie treści dostosowane do języka i regionu użytkownika.

Na przykład, gdy te same treści istnieją na różnych stronach w języku angielskim, polskim i japońskim, hreflang pozwala wyraźnie określić, dla jakiego języka i regionu przeznaczona jest każda strona. Używanym w tym celu tagiem jest <link rel="alternate" hreflang="...">.

Poniżej znajduje się przykład konfiguracji hreflang dla stron w języku angielskim, polskim i japońskim:

html
⁠⁠⁠⁠⁠⁠⁠
<head>
<link rel="alternate" hreflang="en" href="https://example.com/en/" />
<link rel="alternate" hreflang="pl" href="https://example.com/pl/" />
<link rel="alternate" hreflang="ja" href="https://example.com/ja/" />
</head>
Dzięki takiej konfiguracji wyszukiwarki takie jak Google będą wyświetlać w wynikach wyszukiwania odpowiednie strony dla języka i regionu użytkownika. Na przykład, podczas wyszukiwania w Polsce wyświetlona zostanie strona w języku polskim, a podczas wyszukiwania w Japonii - strona w języku japońskim.

Różnice między ustawieniem locale a hreflang

Ustawienia locale i hreflang mają różne cele. Ustawienie locale służy do prawidłowego wyświetlania treści w określonym języku i zlokalizowanym formacie na stronie, podczas gdy ustawienie hreflang informuje wyszukiwarki o języku i regionie strony, co pozwala na prawidłowe wyświetlanie wielojęzykowych stron w wynikach wyszukiwania.

Ustawienie localeokreśla, w jakim języku wyświetlane będą treści na stronie i służy do ustawiania odpowiedniego formatu (daty, liczb itp.) dla tego języka.
Ustawienie hreflangw przypadku wielojęzykowych lub wielopaństwowych stron informuje wyszukiwarki, dla jakiego języka i regionu przeznaczona jest każda strona.

Podsumowanie

Właściwe wykorzystanie ustawień locale i hreflang na stronie internetowej pozwala na zapewnienie użytkownikom bardziej spersonalizowanego doświadczenia. Ustawienie locale jest przydatne do poprawnego wyświetlania języka i zlokalizowanych treści na stronie, a ustawienie hreflang odgrywa kluczową rolę w optymalizacji pod kątem wyszukiwarek w przypadku wielojęzykowych stron. Odpowiednie użycie tych dwóch ustawień może poprawić zarówno komfort użytkowania, jak i pozycjonowanie witryny w wyszukiwarkach.