Elementem HTML, który definiuje tytuł dokumentu, jest <title>. Znacznik <title> znajduje się wyłącznie wewnątrz sekcji <head> i jego zawartość ma kluczowe znaczenie zarówno dla użytkowników, jak i dla wyszukiwarek internetowych.
Czym jest element <title>?
- Znacznik
<title>– określa tytuł dokumentu HTML, czyli tekst, który pojawia się w pasku tytułu przeglądarki oraz na nazwie zakładki danej strony; - Tytuł ten wykorzystywany jest także przez wyszukiwarki jako główny nagłówek prezentowany w wynikach wyszukiwania,
- każdy dokument HTML powinien zawierać tylko jeden element
<title>, a jego brak jest błędem formalnym w składni HTML.
Struktura i poprawne użycie
Element <title> zawsze umieszczamy wewnątrz sekcji <head> w dokumencie HTML. Wygląda to następująco:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Moja pierwsza strona WWW</title>
</head>
<body>
<h1>Witaj na mojej stronie!</h1>
<p>To jest przykładowa treść strony internetowej.</p>
</body>
</html>
Gdzie widoczny jest tytuł strony?
- W pasku tytułu lub na karcie przeglądarki – użytkownik natychmiast widzi, z jaką stroną ma do czynienia;
- W historii i ulubionych – po dodaniu strony do zakładek jej opis pochodzi z
<title>; - W wynikach wyszukiwania – tytuł jest najczęściej klikalnym nagłówkiem prowadzącym do witryny.
Znaczenie dla SEO i użyteczności
- Tytuł jest jednym z najważniejszych czynników, które wpływają na pozycjonowanie strony. Algorytmy wyszukiwarek Google oraz innych wykorzystują go do określania tematyki strony,
- powinien być unikalny dla każdej podstrony, zwięzły (zalecane 50–60 znaków) i dobrze oddający jej zawartość,
- zaleca się umieszczenie kluczowych fraz na początku oraz dodanie nazwy firmy lub marki na końcu.
Przykłady dobrze skonstruowanych tytułów:
<title>Poradnik: Jak rozpocząć naukę HTML | WebDev Akademia</title>
<title>Buty do biegania męskie – sklep sportowy RunPro.pl</title>
<title>Kontakt – Biuro Rachunkowe FinExpert, Warszawa</title>
Najczęstsze błędy i dobre praktyki
- Nie należy mieć więcej niż jednego
<title>w dokumencie – przeglądarki i wyszukiwarki będą miały z tym problem; - w treści tytułu nie umieszczamy elementów HTML ani znaków specjalnych – tylko tekst,
- unikaj zbyt ogólnych sformułowań typu „Strona główna” czy „Nowy dokument” – tytuł ma być informacyjny,
- każda sekcja lub podstrona serwisu powinna mieć unikalny tytuł, jasno wskazujący użytkownikowi, czego się spodziewać.
Podsumowanie praktyczne
Znacznik <title> to podstawa każdego dokumentu HTML, kluczowa dla widoczności witryny w internecie i pierwsze źródło informacji o zawartości strony dla użytkownika i wyszukiwarki. To jeden z najważniejszych elementów wpływających na odbiór i skuteczność strony, dlatego warto przywiązywać wagę do precyzji i jakości tworzonego tytułu.
