W HTML <title> to jeden z kluczowych elementów umieszczanych w sekcji <head> dokumentu. Odpowiada on za tytuł strony internetowej i ma fundamentalne znaczenie zarówno dla użytkowników, jak i dla wyszukiwarek internetowych.
Czym jest tag <title>?
<title>ustala treść wyświetlaną na pasku tytułu, karcie przeglądarki oraz jako główny nagłówek linku w wynikach wyszukiwania (np. Google),- występuje obowiązkowo w każdym dokumencie HTML. Dopuszczalny jest tylko jeden taki element w każdej stronie,
- zawiera wyłącznie tekst – nie można tam umieszczać znaczników HTML ani obrazów.
Przykład zastosowania
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Poradnik HTML – Co to jest tag title?</title>
</head>
<body>
<h1>Witaj w poradniku HTML</h1>
<p>Poznaj znaczenie znacznika <code><title></code>.</p>
</body>
</html>
W powyższym przykładzie tytuł strony „Poradnik HTML – Co to jest tag title?” pojawi się na karcie przeglądarki oraz jako nagłówek w wynikach wyszukiwarki.
Najważniejsze funkcje tagu <title>
- Rozpoznawalność w przeglądarce – tekst w tagu
<title>jest wyświetlany na aktywnej karcie lub w pasku tytułu; ułatwia to użytkownikom orientację podczas korzystania z wielu kart; - Wyświetlanie w wynikach wyszukiwarek (SERP) – tytuł pojawia się jako klikalny link do strony, co wpływa na ilość kliknięć oraz pozycję witryny w Google;
- Dodawanie do zakładek/favoritów – przy zapisywaniu strony do ulubionych właśnie tytuł z
<title>jest widoczny dla użytkownika; - Udostępnianie w mediach społecznościowych – przy publikacji linku do strony na platformach społecznościowych, jej tytuł często jest pobierany właśnie z tego znacznika.
Znaczenie tytułu dla SEO
- Jeden z najważniejszych czynników rankingowych – tytuł pomaga zrozumieć wyszukiwarkom tematykę strony;
- Powinien być unikalny i precyzyjny, najlepiej streszczający zawartość danej strony;
- zalecana długość tytułu: 50–60 znaków – wtedy cały tekst najczęściej mieści się w wynikach wyszukiwania;
- unikaj przeładowania słowami kluczowymi – tytuł powinien być czytelny i naturalny.
Przykłady dobrych tytułów
Sklep z elektroniką – laptopy, telewizory, smartfonyPrzykładowe CV do pobrania – wzór i porady 2025Restauracja Wrocław – menu, rezerwacje, opinie
Przykłady złych tytułów
Strona głównaOfertaHome – firma XYZ – najlepsze produkty tanio sklep zamówienia prezenty
Dobre praktyki użycia <title>
- Twórz unikalne tytuły dla każdej podstrony – to poprawia SEO i czytelność serwisu;
- dodaj nazwę firmy/marki tylko wtedy, gdy to istotne (np. na stronie głównej lub w połączeniu z konkretną ofertą);
- nie stosuj wyłącznie ogólnych wyrażeń – zawsze precyzuj, o czym jest konkretna podstrona;
- stosuj prosty język dostosowany do odbiorcy oraz tematyki strony.
Podsumowanie
Znacznik <title> to niewielki, ale bardzo istotny element każdej strony internetowej. Dobrze napisany tytuł pomaga uzyskać lepsze pozycje w wyszukiwarce, zachęca użytkowników do odwiedzin oraz poprawia komfort korzystania z serwisu. Projektując każdą stronę warto poświęcić chwilę, by właściwie dobrać jej tytuł, adekwatnie odzwierciedlający prezentowaną treść.
