HTML lang – deklaracja języka witryny. Dlaczego jest ważny!
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ć.
Co znajdziesz w tym wpisie
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łowo | UK | USA |
| frytki | chips | fries |
| apteka | chemist’s | drugstore |
| trampki | trainers | sneakers |
| mieszkanie | flat | apartment |
| piłka nożna | football | soccer |
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