Title tags — co to jest i jak je stosować

Czym jest title tags?

Title tags to tekst umieszczony w elemencie HTML <title> w sekcji head dokumentu. Służy do krótkiego opisania głównego tematu strony i jest jednym z głównych sygnałów używanych przez przeglądarki i wyszukiwarki do reprezentacji strony w wynikach wyszukiwania i na kartach przeglądarki. Przykład: <title>Przykładowy tytuł strony — Firma</title>.

Dlaczego title tags są ważne dla SEO

Title tags wpływają na to, jak Twoja strona jest prezentowana w wynikach wyszukiwania (snippet), co zmienia zachowania użytkowników i współczynnik klikalności (CTR). Google używa title tagu jako jednego z sygnałów przy opisie strony i czasami do ustalania tematu strony podczas indeksacji. Ważne: wpływ na indeksowanie (czy Google „rozumie” temat) jest oddzielony od ostatecznego rankingu — tytuł to jeden z wielu sygnałów, a pozycja w SERP zależy od wielu czynników.

Jak działają title tags

Proces można rozbić na trzy etapy: crawlowanie, indeksacja i wyświetlenie w SERP. Crawlowanie: robot pobiera HTML strony i odczytuje element <title>. Indeksacja: wyszukiwarka używa tytułu jako jednego z sygnałów opisujących zawartość. Wyświetlenie: wyszukiwarka może pokazać podany tytuł lub zastąpić go inną wersją (Google czasami przepisuje tytuły, szczególnie gdy algorytm uzna to za bardziej trafne). Od lipca 2024 Google domyślnie używa Googlebot Smartphone do crawlowania, więc ważne jest, by tytuły były obecne i poprawne w wersji, którą serwujesz mobilnym user-agentom.

Rodzaje title tags

W praktyce spotkasz kilka wariantów:

- Standardowy tytuł strony — pojedynczy <title> opisujący zawartość strony.

- Tytuły generowane przez JavaScript — tytuł ustawiany dynamicznie po renderze; wymaga, by crawler widział tę samą wartość po renderowaniu.

- Tytuły silnie zoptymalizowane pod wyszukiwarki (SEO-focused) — krótsze, z najważniejszymi frazami na początku.

Jak zacząć pracę z title tags

Rozpocznij od audytu tytułów: sprawdź, czy każda ważna strona ma unikalny, opisowy title. Następnie priorytetyzuj strony komercyjne i strony o dużym ruchu. Najlepsze praktyki obejmują umieszczanie najważniejszych słów kluczowych blisko początku, zachowanie czytelności dla użytkownika i unikanie upychania słów kluczowych (keyword stuffing). Nie traktuj tytułów tylko jako pole SEO — to także element doświadczenia użytkownika.

Typowe błędy związane z title tags

- Brak tytułu lub domyślny tytuł CMS na wielu stronach.

- Duplikacja tytułów na wielu podstronach (np. wszystkie kategorie z tym samym title).

- Zbyt długie tytuły, które zostaną obcięte w wynikach — preferuj zwięzłość i sens.

- Tytuły ustawiane wyłącznie przez JavaScript bez zapewnienia poprawnego renderowania dla Googlebot Smartphone.

Sprawdzanie i rozwiązywanie problemów: techniczna checklista

Praktyczna lista kontroli (każdy punkt: gdzie sprawdzić — passes when):

**Title obecny** — gdzie sprawdzić: view-source lub curl — passes when: strona zawiera element <title> w HTML odpowiedzi (po renderze, jeśli używasz JS).

**Unikalność** — gdzie sprawdzić: skan witryny (crawl) albo arkusz z listą URL — passes when: każdy istotny URL ma opisowy, niepowtarzający się title.

**Renderowanie JS** — gdzie sprawdzić: Chrome DevTools → Elements i curl -A 'Mozilla/5.0' https://example.com/strona — passes when: tytuł widoczny w wyrenderowanym DOM i w pobieranym HTML (jeśli wymagana jest prerender/SSR).

**Widoczność w SERP** — gdzie sprawdzić: ręczne zapytanie w wyszukiwarce lub użycie operatora site: — passes when: wynik pokazuje sensowny tytuł; pamiętaj że site: to wskazówka, nie pewne potwierdzenie indeksacji.

**URL w indeksie (dla stron, które posiadasz)** — gdzie sprawdzić: Google Search Console URL Inspection — passes when: URL jest zindeksowany i przedstawienie tytułu w narzędziu odpowiada oczekiwanemu title.

Przykładowe polecenia i narzędzia do szybkiej weryfikacji

Szybkie polecenie curl, które zwraca HTML strony (w tym <title>): curl -A "Mozilla/5.0" https://example.com/strona — wynik zawiera element <title> w treści odpowiedzi. W przeglądarce użyj View Source lub Chrome DevTools → Elements, by sprawdzić tytuł w wyrenderowanym DOM. Dla własnych stron użyj Google Search Console URL Inspection, aby zobaczyć, jak Google widzi stronę. Aby sprawdzić wpływ struktury danych na prezentację, użyj Rich Results Test lub Schema Markup Validator (schema.org).

Uwaga techniczna: curl -I zwraca tylko nagłówki — do sprawdzenia ciała HTML użyj curl bez -I.

Pamiętaj też, że Google czasami przepisuje tytuły w wynikach; dobrze napisana, klarowna i zgodna z treścią strona zmniejsza prawdopodobieństwo niepożądanej zmiany.

Przeczytaj przewodnik po Technical SEO

Najczęściej zadawane pytania

Czy title tag decyduje o pozycji w wyszukiwarce?

Title tag jest jednym z wielu sygnałów używanych przy indeksacji i przy ustalaniu tematu strony, ale sam w sobie nie determinuje pozycji. Ranking to wynik zestawu sygnałów, w tym treści, linków, sygnałów behawioralnych i wielu innych.

Ile znaków powinien mieć title tag?

Nie ma jednej sztywnej liczby znaków — nowoczesne wyniki wyszukiwania obcinają tytuły według szerokości w pikselach. Praktyczne podejście to krótsze, trafne tytuły z najważniejszymi słowami na początku, ale testuj i kontroluj, jak tytuły wyświetlają się w rzeczywistych wynikach.

Co zrobić, jeśli Google zmienia mój tytuł w SERP?

Sprawdź, czy tytuł wiernie odzwierciedla treść strony i czy nie zawiera nadmiernych słów kluczowych. Upewnij się, że tytuł jest obecny w wersji mobilnej (Googlebot Smartphone). Czasem poprawa spójności treści i metadanych zmniejsza liczbę automatycznych przepisań.