Skip to main content

Dowiedz się więcej o HTML Alt Attribute Image Tags

Fun with Music and Programming by Connor Harris and Stephen Krewson (Czerwiec 2026)

Fun with Music and Programming by Connor Harris and Stephen Krewson (Czerwiec 2026)
Anonim

Jednym z najprostszych sposobów na zwiększenie dostępności strony jest użycie atrybutu alt w tagach graficznych. To niesamowite, jak wiele osób zapomina użyć tego prostego atrybutu. W rzeczywistości, jeśli chcesz napisać poprawny XHTML, atrybut alt jest wymagany dla tagu img. A jednak ludzie nadal tego nie robią.

Atrybut ALT

Atrybut alt jest atrybutem znacznika img i ma na celu być alt Idealne dla przeglądarek niewizualnych, gdy natrafiają na obrazy. Oznacza to, że tekst ma być używany, gdy obraz nie jest widoczny na stronie. Zamiast tego, co jest wyświetlane (lub czytane), jest tekstem alternatywnym.

Wiele przeglądarek wyświetla również tekst alternatywny, gdy klient kładzie mysz na obrazie. Oznacza to, że tekst powinien być czytelny i czytelny, a nie tworzyć ogromnego koszmaru dla każdego czytelnika, który zatrzyma mysz na swojej stronie. Dodanie tekstu alternatywnego jest proste, po prostu użyj atrybutu alt na obrazie. Oto kilka wskazówek dotyczących pisania tagów alt:

Bądź Krótki

Niektóre przeglądarki rzeczywiście się zepsują, jeśli tekst alternatywny będzie zbyt długi. I chociaż może się wydawać, że dobrze jest opisać, co dokładnie jest na obrazie, nie jest to celem tagu alt. Zamiast tego powinien być wypełniony dokładnie słowami potrzebnymi do umieszczenia obrazu w kontekście i nie więcej

Bądź czysty

Nie mów tak krótko, że kontekst jest mylący. Pamiętaj, że niektórzy ludzie będą wyświetlać TYLKO tekst w tagach alt, więc jeśli jest zbyt krótki, mogą nie rozumieć, co próbujesz im pokazać. Na przykład:

  • Drzewo: Dobrze
  • Drzewo jaworowe: lepsze
  • 10-metrowe drzewo jaworowe z przeważnie brązowymi liśćmi i prawdopodobnie coś nie tak z korą: Za dużo

Bądź kontekstowy

Nie opisuj obrazu, jeśli ma być oglądany w kontekście. Na przykład: jeśli masz obraz logo firmy, powinieneś wpisać "Nazwa firmy", a nie "Logo nazwy firmy".

Nie wyświetlaj wewnętrznych elementów swojej witryny

Jeśli wstawiasz obrazy spacerów, po prostu użyj spacji do tekstu alternatywnego. Jeśli piszesz "spacer.gif", po prostu zwraca uwagę na stronę, zamiast dostarczać użytecznych informacji. I technicznie, jeśli próbujesz napisać poprawny XHTML, powinieneś używać CSS zamiast spacerów, więc równie dobrze możesz zostawić tekst alternatywny z tych obrazów.

Bądź świadomy Search Engine

Jeśli masz dobry, zwięzły, wyraźny tekst alternatywny, który może pomóc w pozycjonowaniu w wyszukiwarkach, ponieważ obrazy na Twojej stronie promują i ulepszają słowa kluczowe.

Nie używaj go tylko do optymalizacji pod kątem wyszukiwarek

Wiele stron uważa, że ​​jeśli używają tekstu alternatywnego jako narzędzia SEO, mogą "oszukać" wyszukiwarki w optymalizowaniu swojej witryny pod kątem słowa kluczowego, którego tam nie mają. Może to jednak spowodować awarię, jeśli wyszukiwarka zdecyduje, że próbujesz podrobić wyniki i całkowicie usunąć z wyników.