Подобряване на достъпността и съдържанието на страницата с Alt Text
Погледнете почти всеки уебсайт в мрежата днес и ще видите, че едно от нещата, които имат общо, са изображения. Изображенията могат да се използват на уебсайтове, за да се добави визуално усещане, да се илюстрират идеите и да се добави към общото съдържание на страницата. В допълнение към избора на правилните изображения и правилното подготовка за доставка в мрежата , като се уверите, че всички изображения на сайта ви използват ALT текста, е много важна част от правилното използване на тези изображения за мрежата.
Какво представлява Alt Text
Алтернативият текст е алтернативен текст, използван от текстови браузъри и други агенти на уеб потребители, които не могат да преглеждат изображения. Той също е един от единствените атрибути, изисквани от маркера на изображението. Чрез написването на ефективен алтернативен текст вие гарантирате, че вашите уеб страници са достъпни за хора, които могат да използват екранен четец или друго помощно устройство за достъп до вас. Също така гарантирате, че нещо ще се покаже на мястото на изображението, ако не се зареди по някаква причина (погрешен път, неизправност в предаването и т.н.). Това е истинската цел на текста Alt, но това съдържание може да ви даде и повече места, за да добавите текстообработка, подходяща за SEO, която търсачките няма да ви санкционират (повече за това скоро).
Alt Text трябва да повтаря текст в изображението
Всяко изображение с текст в него трябва да има този текст като алтернативен текст. Можете да поставите други думи в алтернативния текст, но най-малко трябва да каже същото нещо като изображението. Например, ако имате лого за вашите изображения, Alt текстът трябва да повтори името на фирмата, написано от вашето графично лого.
Не забравяйте също така, че изображения като лого може да означава и текст - например, когато видите иконата на червената топка на уебсайта на site-bg.com, те означават "About.com". Така че алтернативният текст за тази икона може да каже "About.com", а не само "фирменото лого".
Поддържайте текста кратък
Колкото по-дълго алтернативният ви текст, толкова по-трудно ще бъде четенето от текстовите браузъри. Може да бъде изкушаващо да напишете дълги изречения на алтернативен текст (обикновено това се прави, защото някой се опитва да запълни маркера с ключови думи), но запазването на маркерите на Alt запазва страниците ви по-малки и по-малки.
Добро правило за алтернативния текст е да го запазите между 5 и 15 думи общо.
Използване на SEO ключови думи в Alt Tags
Хората често погрешно мислят, че целта на алтернативния текст е да поставят ключови думи в търсачката. Да, това е предимство, което можете да използвате, но само ако текстът, който добавяте, има смисъл за истинската цел на алгоритъма - да показва интелигентен текст, който обяснява какво представлява изображението, ако някой не може да го види!
Сега, че се каза, Alt текст не се означава като SEO инструмент не означава, че не можете да използвате вашите ключови думи в този текст. Тъй като алтернативният текст е важен и се изисква от изображенията, търсачките едва ли ще ви накажат да поставите ключови думи там, ако съдържанието, което добавяте, има смисъл. Само не забравяйте, че вашият първи приоритет е за вашите читатели. Може да се открие спам в ключови думи в алтернативен текст и търсачките непрекъснато променят правилата си, за да предотвратят разпространяването на спам.
Добро правило е да използвате ключовите си думи в търсачката, където отговарят на описанието на изображението, и не използвайте повече от една ключова дума в алтернативния текст.
Поддържайте Вашия текст по-смислен
Не забравяйте, че точката на алтернативния текст е да дефинирате изображенията за вашите читатели. Много уеб разработчици използват алтернативния текст за себе си, включително неща като размер на изображението, имена на файлове с изображения и т.н. Макар че това може да ви бъде от полза, това не прави нищо за вашите читатели и затова трябва да бъде пропусната от тези тагове.
Използвайте празен Alt Text само за икони и куршуми
Периодично ще използвате изображения, които нямат полезен описателен текст, като например куршуми или прости икони. Най-добрият начин да използвате тези изображения е в CSS, където нямате нужда от алтернативен текст. Но ако абсолютно трябва да ги имате във вашия HTML, използвайте празен alt атрибут, вместо да го оставяте напълно.
Може да е изкушаващо да поставите знак като звездичка (*), за да представите куршум, но това може да е по-объркващо, просто като го оставите празно. И поставянето на текст "bullet" ще стане още по-странно в текстов браузър.
Оригинална статия на Дженифър Кринин. Редактиран от Jeremy Girard на 3/3/17