Tytuł strony

Tytuł strony to parametr monitoringu stron internetowych, który sprawdza, czy dokument HTML strony głównej zawiera element title z niepustą treścią. Możliwe wyniki to: tytuł obecny, tytuł pusty albo brak elementu. Według specyfikacji WHATWG element title reprezentuje tytuł lub nazwę dokumentu ^[1].

Jak działa

W zwykłym dokumencie sekcja head musi zawierać dokładnie jeden element title. Wyjątkiem są dokumenty iframe srcdoc i przypadki, gdy tytuł dostarcza protokół wyższego poziomu ^[1]. Tytuł ma identyfikować dokument także poza kontekstem, np. w historii, zakładkach i wynikach wyszukiwania ^[1]. Dlatego tytuł dokumentu często różni się od pierwszego nagłówka, który nie musi być zrozumiały w oderwaniu od strony ^[1].

Przeglądarka pokazuje tytuł na pasku tytułu okna albo na karcie ^[3]. Element zawiera wyłącznie tekst, a znaczniki HTML w środku są traktowane jak zwykły tekst ^[3]. Właściwość document.title bierze treść pierwszego elementu title w dokumencie i usuwa z niej nadmiarowe białe znaki ^[2]. Tytuł złożony z samych spacji jest więc pustym napisem.

RYS. 1.1Kto czyta element title

Standardy i specyfikacje

• WHATWG HTML definiuje element title, jego miejsce w head i sposób odczytu przez document.title ^{[1] [2]}.
• WCAG 2.4.2 Page Titled (poziom A) wymaga, by strony miały tytuły opisujące ich temat lub cel ^[5]. Tytuł pozwala rozpoznać bieżące miejsce bez czytania treści ^[5]. Korzystają na tym m.in. osoby z niepełnosprawnością wzroku przy wielu otwartych stronach i osoby z ograniczoną pamięcią krótkotrwałą ^[5].
• Google Search Central zaleca, by każda strona miała tytuł w elemencie title, opisowy i zwięzły ^[4]. Długość nie jest ograniczona, ale tytuł linku jest przycinany do szerokości urządzenia ^[4].
• WordPress od wersji 4.1 zaleca motywom deklarację add_theme_support( 'title-tag' ), którą motyw potwierdza, że sam nie definiuje tytułu ^[8]. Deklarację należy stosować zamiast funkcji wp_title() ^[6]. Rdzeń wypisuje element funkcją _wp_render_title_tag() tylko wtedy, gdy motyw tę obsługę deklaruje ^[7].

Zagrożenia i skutki

Wyniki wyszukiwania. Tytuł linku bywa głównym elementem, na podstawie którego użytkownik decyduje, czy kliknąć wynik ^[4]. Google ustala go automatycznie z wielu źródeł, a dokumentacja nie podaje ich kolejności ^[4]. Przy wykrytym problemie, np. tytule na wpół pustym, złożonym z samego separatora i nazwy witryny, Google może zbudować tytuł z nagłówków i innego widocznego tekstu ^[4]. Brak tytułu nie usuwa więc wyniku, lecz odbiera właścicielowi wpływ na jego treść. Gdy robot nie ma dostępu do treści strony, Google opiera tytuł linku na treści spoza niej, np. tekstach kotwic z innych witryn ^[4]. Poprawiony tytuł pojawi się w wynikach dopiero po ponownym pobraniu i przetworzeniu strony, co według dokumentacji trwa od kilku dni do kilku tygodni ^[4].

RYS. 1.2Tytuł linku: lista źródeł Google

Tytuły powtarzane. Ten sam tytuł na wielu stronach uniemożliwia użytkownikom ich odróżnienie ^[4].

Dostępność. Użytkownicy technologii wspomagających często czytają tytuł, by wywnioskować, co zawiera strona ^[3]. MDN zaleca zaczynać tytuł od celu strony, a nazwę witryny podawać na końcu ^[3].

Motyw WordPress. Motyw, który nie deklaruje obsługi title-tag i sam nie wypisuje tytułu, zostawia dokument bez niego, bo rdzeń nic nie doda ^[7]. Deklaracja pozwala rdzeniowi dodać tytuł bez duplikacji ^[8]. Motyw, który mimo niej wypisuje własny element, łamie regułę jednego tytułu w dokumencie ^[1].

Przykłady

Kod w head	Wynik
<title>Oferta – Firma</title>	opisowy i zwięzły [4]
brak elementu title	dokument niezgodny ze specyfikacją [1], tytuł linku z innych źródeł [4]
<title> </title>	document.title zwraca pusty napis [2]
<title>Strona główna</title>	ogólnik, Google odradza opisy w rodzaju „Home” [4]
dwa elementy title	niezgodne ze specyfikacją [1], document.title bierze pierwszy [2]
motyw z add_theme_support( 'title-tag' )	element wypisuje rdzeń WordPressa [7]