Słownik Pojęć

Atrybut title

w tym wpisie dowiesz się czym jest title.

Atrybut title – co to jest i do czego służy?

Atrybut title to element kodu HTML, który służy do dostarczania dodatkowych informacji o danym elemencie na stronie internetowej. Najczęściej spotkasz go w odniesieniu do linków (znacznik <a>) oraz obrazów (<img>), choć teoretycznie można go przypisać do niemal każdego tagu HTML.

W praktyce, gdy użytkownik najeżdża kursorem myszy na element z tym atrybutem, pojawia się mała chmurka z tekstem (tzw. tooltip). Jego głównym zadaniem jest poprawa doświadczenia użytkownika (User Experience) poprzez krótkie wyjaśnienie, co stanie się po kliknięciu w dany odnośnik lub co przedstawia dany element.

Atrybut title a SEO – czy pomaga w rankingach?

W świecie pozycjonowania krąży wiele mitów na temat atrybutu title. Oto jak wygląda rzeczywistość:

Brak bezpośredniego wpływu na ranking: W przeciwieństwie do tagu <title> (tytułu strony widocznego w Google), atrybut title wewnątrz kodu nie jest bezpośrednim czynnikiem rankingowym. Google nie przyznaje „punktów” za samo jego uzupełnienie.
Wsparcie dla użyteczności: Może pośrednio wpływać na SEO poprzez poprawę wskaźników behawioralnych. Jeśli użytkownik dzięki podpowiedzi lepiej nawiguje po stronie, rośnie szansa na dłuższą sesję i niższy współczynnik odrzuceń.
Indeksowanie: Roboty wyszukiwarek potrafią odczytać treść tego atrybutu, jednak nadają mu znacznie mniejszy priorytet niż treściom widocznym bezpośrednio na stronie czy atrybutom alt.

Różnica między atrybutem title a atrybutem alt

To najczęstszy punkt sporny. Choć oba atrybuty dotyczą opisywania elementów, pełnią zupełnie inne funkcje:

Atrybut alt (tekst alternatywny): Jest kluczowy dla SEO i dostępności. Opisuje, co jest na obrazku, gdy ten się nie załaduje, oraz jest czytany przez czytniki dla osób niewidomych.
Atrybut title: Jest opcjonalnym „doradcą”. Pojawia się po najechaniu myszką i ma charakter pomocniczy.

Złota zasada: Nigdy nie kopiuj treści z alt do title. Jeśli oba mają tę samą treść, czytniki ekranowe mogą przeczytać ją dwukrotnie, co irytuje użytkowników z niepełnosprawnościami.

Dobre praktyki stosowania atrybutu title

Jeśli decydujesz się na wdrożenie atrybutu title w swoim serwisie, pamiętaj o kilku zasadach:

Dodawaj wartość: Nie pisz „Link do kontaktu”, jeśli tekst linku to już „Kontakt”. Napisz raczej: „Skontaktuj się z naszym doradcą ds. SEO”.
Dbaj o zwięzłość: Tooltip powinien być krótki i konkretny.
Pamiętaj o urządzeniach mobilnych: Na smartfonach i tabletach nie ma zjawiska „najechania kursorem” (hover), więc atrybut title jest tam praktycznie nieaktywny. Nie umieszczaj w nim krytycznych informacji!

Ciekawostki o atrybucie title

Problem z dostępnością: Wiele organizacji zajmujących się dostępnością cyfrową (jak WebAIM) odradza poleganie na atrybucie title jako jedynym źródle ważnych informacji, ponieważ jest on niedostępny dla użytkowników korzystających wyłącznie z klawiatury oraz na większości urządzeń dotykowych.
Standard z lat 90.: Atrybut title jest częścią specyfikacji HTML niemal od samego początku (wprowadzony w HTML 2.0). Mimo upływu lat i rewolucji mobilnej, jego sposób działania w przeglądarkach desktopowych praktycznie się nie zmienił.