Atrybuty alt i title
Atrybuty alt i title są również bardzo ważnymi elementami optymalizacji strony pod kątem SEO i dostępności. Atrybuty alt i title ułatwiają zrozumienie zawartości strony przez wyszukiwarki oraz użytkowników korzystających z czytników ekranu. Ponadto są niezwykle istotne w procesie projektowania nowoczesnych stron internetowych.
Atrybut alt
Atrybut alt (alternatywny tekst) jest stosowany w znacznikach obrazów (img) w celu dostarczenia tekstowej informacji o obrazie. Z tego właśnie powodu atrybut alt jest szczególnie ważny dla czytników ekranów i wyszukiwarek internetowych.
- Czytniki ekranu — Użytkownicy niewidomi lub słabowidzący korzystają z czytników ekranu, które odczytują zawartość atrybutów
alt, aby poinformować użytkownika o tym, co jest na obrazie. - Wyszukiwarki internetowe — Wyszukiwarki, takie jak Google, używają atrybutów
altdo indeksowania obrazów i lepszego zrozumienia zawartości strony.
Ważne: Atrybut alt powinien być krótki, opisowy i zawierać słowa kluczowe, jeśli jest to możliwe.
Przykład użycia atrybutu alt:
<img src="rower-gorski.jpg" alt="Czerwony rower górski z amortyzatorem">Atrybut title
Atrybut title jest używany w różnych znacznikach HTML (np. a, img, iframe) w celu dostarczenia dodatkowej informacji o elemencie. Atrybut title jest szczególnie ważny dla:
- Wskazówki dla użytkowników — Gdy użytkownik najedzie kursorem na element z atrybutem
title, przeglądarka wyświetli dymek z informacjami. Jest to przydatne dla użytkowników, którzy chcą uzyskać więcej informacji przed kliknięciem na link lub obraz. - Wyszukiwarki internetowe — Wyszukiwarki mogą używać atrybutu
titledo lepszego zrozumienia zawartości elementów i indeksowania treści. Z tego właśnie powodu znaczniktitlezaliczany jest do sekcji optymalizacji SEO.
Ważne: Atrybut title powinien być krótki, opisowy i, jeśli to możliwe, zawierać słowa kluczowe.
Przykład użycia atrybutu title:
<a href="rowery-gorskie.html" title="Zobacz naszą ofertę rowerów górskich">
Rowery górskie
</a>Warto zapamiętać
Atrybuty alt i title odgrywają kluczową rolę w optymalizacji strony pod kątem SEO i dostępności. Zdecydowanie warto się upewnić, czy wszystkie obrazy na stronie mają odpowiednie atrybuty alt, a elementy, takie jak linki, mają atrybuty title, które zawierają dodatkowe informacje dla użytkowników i wyszukiwarek. Stosowanie tych praktyk pomoże poprawić widoczność strony w wynikach wyszukiwania oraz uczynić ją bardziej dostępną dla użytkowników.
Czy ten poradnik był pomocny?
Mateusz Turek
Swoją przygodę z projektowaniem stron internetowych rozpocząłem z kursem od Komputer Świat wydanym w marcu 2003 roku w formie małej książeczki. Na przestrzeni 20 lat zaprojektowałem niezliczoną ilość witryn i aplikacji internetowych. Projektowałem dla małych i dużych firm takich jak Oriflame, Top Market, Bezpieczna Rodzina czy Helping Hand.
