Znacznik <title> w HTML to jeden z kluczowych elementów każdej strony internetowej. Odpowiada on za nadanie stronie tytułu, który widoczny jest zarówno dla użytkowników, jak i wyszukiwarek internetowych. Jego poprawne użycie ma istotne znaczenie zarówno pod względem technicznym, jak i marketingowym oraz SEO.
Czym jest znacznik <title>?
- Jest to obowiązkowy element w sekcji
<head>każdego dokumentu HTML, - określa tytuł strony internetowej, czyli tekst, który pojawia się:
- na karcie przeglądarki,
- jako nagłówek w wynikach wyszukiwania (np. Google),
- jako domyślna nazwa zakładki lub ulubionej strony w przeglądarce,
- podczas udostępnienia strony w niektórych mediach społecznościowych.
Składnia
Umieszczenie znacznika <title> w HTML wygląda następująco:
<!DOCTYPE html>
<html lang="pl">
<head>
<title>Tutaj wpisz tytuł swojej strony</title>
</head>
<body>
<!-- Zawartość strony -->
</body>
</html>
Główne zastosowania znacznika <title>
- Informacja dla użytkownika – tekst w
<title>widoczny jest na pasku lub karcie przeglądarki, dzięki czemu użytkownik od razu wie, co znajduje się na danej stronie; - Pozycjonowanie (SEO) – tytuł strony wyświetla się w wynikach Google jako klikalny nagłówek i jest jednym z najważniejszych czynników rankingowych. Odpowiedni dobór słów kluczowych w
<title>może zwiększyć widoczność strony w wyszukiwarce; - Udostępnianie w mediach społecznościowych – wiele serwisów pobiera tytuł strony właśnie z tego znacznika, wyświetlając go podczas udostępniania linków;
- Dla robotów wyszukiwarek –
<title>pomaga robotom indeksującym zrozumieć, o czym jest dana strona i jak ją kategoryzować.
Przykłady poprawnego użycia
- Prosta strona firmowa –
<title>Biuro Rachunkowe ABC – Księgowość i doradztwo podatkowe Warszawa</title>- Łączy nazwę firmy, rodzaj działalności oraz lokalizację – ułatwia odnalezienie strony lokalnym klientom i korzystnie wpływa na SEO.
- Artykuł na blogu –
<title>Znacznik title w HTML – co to jest i jak go ustawić?</title>- Opisuje tematykę artykułu, dzięki czemu użytkownik oraz wyszukiwarka wiedzą, czego dotyczy treść.
- Sklep internetowy – karta produktu –
<title>Smartwatch XYZ Pro – funkcje, opinie, cena | Sklep online</title>- Zawiera nazwę produktu, kluczowe informacje oraz nazwę sklepu.
Najważniejsze wskazówki dotyczące stosowania <title>
- Każda podstrona powinna mieć unikalny tytuł – identyczne tytuły utrudniają odnalezienie konkretnych treści i mogą negatywnie wpływać na pozycjonowanie;
- tytuł powinien być zwięzły, konkretny i informacyjny (zalecana długość to 50–60 znaków);
- Umieszczaj najważniejsze słowa na początku – zwłaszcza te kluczowe z punktu widzenia użytkownika i wyszukiwarki;
- unikaj upychania słów kluczowych – tytuł o zbyt sztucznej konstrukcji może zniechęcić użytkowników i zostać źle odebrany przez algorytmy wyszukiwarek.
Czego nie robi znacznik <title>
- Nie wyświetla się bezpośrednio na stronie (czyli w treści widocznej dla użytkownika);
- nie zastępuje nagłówków (
<h1>,<h2>itd.) – które służą do strukturyzowania treści na stronie.
Podsumowanie praktyczne
Znacznik <title> jest niezbędny na każdej stronie internetowej i odpowiada zarówno za czytelność dla użytkowników, jak i pozycjonowanie w wyszukiwarkach. Poprawnie napisany tytuł to wyższa pozycja Google, lepsza klikalność oraz większa szansa na zainteresowanie użytkownika.
Warto poświęcić czas na przygotowanie indywidualnego, dopasowanego do danej podstrony tytułu – to prosty krok, który daje duże efekty!
