Stosuj atrybuty alt i title
Współczesna strona WWW to bardzo często zaawansowany projekt graficzny, na którym
poza tekstem możemy znaleźć wiele obrazków. Dlatego należy pamiętać, że do każdego
z obrazków możemy podpiąć dodatkowe frazy i słowa kluczowe, dla których budujemy
pozycję strony.
Specyfikacja języka HTML/XHTML przewiduje, że do znacznika <img /> możemy
dodać dwa interesujące atrybuty:

  • alt — atrybut powinien zawierać tekst alternatywny dla przeglądarki, która

nie wyświetliła obrazka,

  • title — atrybut może zawierać dowolny tekst, który pojawi się w postaci

chmurki wyświetlanej po umieszczeniu kursora myszy nad obrazkiem.

Niezależnie od oficjalnych definicji stosowania atrybutów alt i title możemy w nich
umieścić wybrane przez nas frazy i słowa kluczowe. Oczywiście staramy się kierować
zdrowym rozsądkiem i nie przesadzamy. Jesteśmy zdania, że w każdym atrybucie
nie powinny znaleźć się więcej niż 3 - 4 słowa.
Poniżej prezentujemy przykładową konstrukcję znacznika <img /> wraz z niezbędnymi
atrybutami uzupełnionymi słowami kluczowymi:
<img src=”forum-laptopy.jpg” alt=”laptopy, notebooki, tablety, forum” title=”forum,
laptopy, tablety, notebooki” />
Przy zapisywaniu plików graficznych na dysku możesz stosować słowa kluczowe
w ich nazwach. Co prawda nie udowodniono, że działanie takie ma zauważalny
wpływ na budowę pozycji strony w wynikach wyszukiwania, ale pewne jest też, że
nie zaszkodzi.
Na rysunku 4.15 widać przykład, na którym umieściliśmy dwa obrazki. Pierwszy z elementów
graficznych jest poprawnie widoczny i widać na nim chmurkę z opisem pobieranym
z atrybutu title. Natomiast drugi obrazek nie został wyświetlony przez
przeglądarkę i w jego miejscu widoczny jest tekst pobrany z atrybutu alt.