Skip to main content

Научете повече за HTML

Езикът HTML (Юни 2026)

Езикът HTML (Юни 2026)
Anonim

Един от най-лесните начини да направите уебсайта си по-достъпен е да използвате alt елемент във вашите игрови изображения. За мен е невероятно колко хора забравят да използват този прост атрибут. Всъщност, ако искате да напишете валиден XHTML, атрибутът alt се изисква за маркера img. И все пак хората все още не го правят.

Атрибутът ALT

Атрибутът alt е атрибут на маркера img и е предназначен да бъде н за невизуални браузъри, когато се намират в изображения. Това означава, че текстът трябва да се използва, когато изображението не се вижда на страницата. Вместо това това, което се показва (или чете), е алтернативният текст.

Много браузъри също така показват алтернативния текст, когато клиентът постави мишката върху изображението. Това означава, че текстът трябва да е ясен и лесен за четене и да не създава огромен кошмар за всеки читател, който поставя на пауза своята мишка на страницата ви. Добавянето на alt текст е проста, просто използвайте атрибута alt на вашето изображение. Ето някои съвети за писането на алгоритъм:

Бъдете кратки

Някои браузъри действително ще се счупят, ако алтернативният текст е твърде дълъг. И макар да е хубаво да се опише точно какво е на снимката, това не е целта на alt маркера. Вместо това тя трябва да бъде изпълнена точно с думите, необходими за поставяне на изображението в контекст и не повече

Бъдете ясни

Не бъдете толкова кратки, че контекстът е объркващ. Не забравяйте, че някои хора САМО ще видят текста в алтернативните ви тагове, така че ако е твърде кратко, те може да не разберат какво се опитвате да ги покажете. Например:

  • Дърво: Добре
  • Плоско дърво: По-добре
  • Дърво от дърво с дърво, с дължина 10 фута, с предимно кафяви листа и вероятно нещо нередно с кората му: Твърде много

Бъдете контекстуални

Не опишете изображението, ако трябва да се разглежда в контекст. Например: Ако имате изображение на фирменото лого, трябва да напишете "Име на фирмата", а не "Лого на име на фирма".

Не показвайте вътрешните работи на сайта си

Ако поставяте spacer, просто използвайте интервал за алтернативния си текст. Ако пишете "spacer.gif", то просто насочва вниманието към сайта, а не предоставя полезна информация. Технически, ако се опитвате да напишете валиден XHTML, трябва да използвате CSS, а не спейсери, така че може и да оставите алтернативния текст на тези изображения.

Бъдете съзнателни за търсачката

Ако имате добър, кратък и ясен alt текст, който всъщност може да помогне на вашите търсачки, тъй като изображенията на вашата страница популяризират и подобряват вашите ключови думи.

Не го използвайте само за оптимизиране на търсачките

Много сайтове смятат, че ако използват алтернативен текст като инструмент за SEO, те могат да "заблудят" търсачките в оптимизирането на сайта им за ключова дума, която нямат там. Това обаче може да доведе до обратно вдъхване, ако търсачката реши, че се опитвате да фалшифицирате резултатите си и напълно да ги премахнете от резултатите.