HTML lang - deklaracja języka witryny. Dlaczego jest ważny!

HTML lang – deklaracja języka witryny. Dlaczego jest ważny!

Czas czytania: 2 minut

Jedną z czynności, o której warto pamiętać podczas budowy strony internetowej jest właściwe określenie wersji językowej. Do tego celu służy w języku HTML zmienna lang.

Prawidłowe określenie wersji językowej strony jest ważne z wielu powodów. Przede wszystkim chodzi jednak o to by wchodzący do witryny robot wyszukiwarki potrafił prawidłowo ją sklasyfikować.

Do czego wykorzystywana jest zmienna językowa lang

Jak nie trudno się domyśleć wartość zmiennej lang odpowiadać powinna językowi „mówionemu” w jakim napisana została treść witryny. W praktyce chodzi więc o to by dopasować znacznik pod docelowego odbiorcę. Czyli dla stron w języku:

  • Polskim – pl
  • Angielskim – en
  • Francuski – fr
  • Niemieckim – de

Deklarację językową umieszczamy w następujący sposób:

<html lang=”pl-PL”>

Gdzie małe pl to język jakim w jakim się posługujemy a duże PL to region w jakim się go stosuje. Niestety wielu developerów o nim często zapomina. W efekcie nie ma go na stronie lub jest błędnie użyty.

Gdzie umieszczamy zmienną językową?

Deklarację języka witryny internetowej umieszcza się praktycznie na samej górze strony. Zaraz po deklaracji w jakim języku piszemy.

<!doctype html>
<html lang="pl-PL">
<head>

Ustawianie zmiennej lang dla różnych języków i regionów

Z pomocą zmiennej lang ustawiamy nie tylko sam język jakim będziemy posługiwać się na witrynie, ale również region – kraj, w którym jest on używany. Przykładowo np. w języku angielskim mówi się i pisze w wielu rożnych krajach – w Wielkiej Brytanii, USA, Australii czy nawet w części Kanady. W teorii wszędzie tam mówi się w tym samym języku. Jednak w praktyce istnieją drobne różnice.

Dobrze widać to na przykładzie poniższych wyrazów:

SłowoUKUSA
frytkichipsfries
aptekachemist’sdrugstore
trampkitrainerssneakers
mieszkanieflatapartment
piłka nożnafootballsoccer

Takich różnic jest więcej i nie dotyczą samych słówek. Dlatego też konieczne jest ustawienie również odpowiedniego regionu.

  • Stany Zjednoczone: <html lang=”en-US”>
  • Wielka Brytania: <html lang=”en-GB”>
  • Australia: <html lang=”en-AU”>
  • Kanada: <html lang=”en-CA”>

Kody językowe znajdziecie np. https://www.w3schools.com/tags/ref_language_codes.asp

%d bloggers like this: