Optymalizacja grafik na stronie WWW
Obrazy są prostym a za razem ważnym elementem każdej witryny WWW. Warto zachować kilka prostych zasad przy ich wstawianiu aby zoptymalizować stronę, a za razem poprawić jej pozycję w rankingu Google. Oto kilka ważnych zasad, których należy się trzymać wstawiając grafiki na stronę:
- Nazwa grafiki powinna jak najdokładniej odzwierciedlać jej zawartość (słowa powinny być rozdzielane znakiem „-„). Nazwa powinna być odpowiednikiem frazy kluczowej, według której obrazek ma być wyszukiwany przez wyszukiwarkę.
- Każda grafika powinna posiadać atrybut alt – tekst alternatywny wyświetlany zamiast grafiki w momencie kiedy ta z jakiegoś powodu nie może zostać wyświetlona, np. gdy witryna wyświetlana jest w przeglądarce, która nie obsługuje obrazków, wtedy wyświetlany jest tekst alternatywny. Atrybut alt powinien zawierać dokładny ale zwięzły opis ilustracji, oraz słowa kluczowe opisujące obraz. Atrybut pomaga w pozycjonowaniu na wybrane frazy.
Przykład:
<img src="molo-w-sopocie.jpg" alt="molo w Sopocie" />
Teksty alternatywne warto uzupełniać także ponieważ:
– atrybut alt wymagany jest w specyfikacjach XHTML
– umożliwiają korzystanie z nawigacji graficznej, gdy obrazki się nie wyświetlają,
– używane są w programach dla niewidomych,
– ułatwiają robotom indeksującym i wyszukiwarkom określenie zawartości obrazków,
Warto zapamiętać:
– dobry opis i optymalne nazewnictwo grafik korzystnie wpływa na pozycję strony w wyszukiwarce plików graficznych,
– stosowanie ostylowania CSS wszędzie gdzie jest to możliwe zamiast wstawiania grafik pozwala zaoszczędzić miejsce i transfer na serwerze,
– używanie CSS Sprites przyspiesza ładowanie strony,
– stosowanie odpowiednich formatów i rozdzielczości grafik korzystnie wpływa na szybkość witryny i pozwala zaoszczędzić transfer,
– warto dodawać krótkie opisy pod każdą wstawianą grafiką, a ważne informacje wstawiać jako tekst a nie obraz, ponieważ przegladarka interpretuje teksty pomijając obrazy,
Należy unikać:
– ogólnych nazw plików typu grafika1.jpg,
– długich nazw plików i tekstów alternatywnych,
– używania słów kluczowych wypisywanych po przecinkach bez żadnej logiki i długich zdań w tekstach alternatywnych,
– tworzenia linków nawigacyjnych za pomocą obrazów,
