Какво е Alt Text?
Alt text (алтернативен текст) - известен също като "alt description" или "alt attribute" - е писменото описание на изображенията в HTML страници. Основната му цел е да подобри достъпността за хора, които не могат да виждат изображения.
Често ще чуете хората да го наричат "alt tag", но това е технически неправилно. Alt текстът е атрибут, който се съдържа в HTML тага.
Как се прилага Alt Text
Атрибутът alt започва с alt=, последван от текста alt в кавички. Обикновено той изглежда така:
<img src="image.jpg" alt="Текст на изображението" title="Заглавие на изображението"/>Защо е важен Alt текстът?
Достъпност
Добавянето на алтертекст към изображенията е преди всичко за подобряване на достъпността на уеб страниците. Милиони потребители с увредено зрение разчитат на екранни четци, за да ползват онлайн съдържание. За тях наличието на текст, еквивалентен на визуално показваната информация, е от решаващо значение. Без алтертекст екранните четци не могат да предадат съдържанието на изображението, което вреди на потребителското изживяване.
Ползи от SEO
Alt текстът също играе роля в SEO оптимизацията. Въпреки че alt атрибутите не са видими за потребителите, те могат да бъдат прочетени от търсачките и четците на екрани. Текстът помага на търсачките да разберат съдържанието на изображението. Това добавя семантично значение към изображението, подобрява тематичната значимост на страницата в очите на Google и потенциално помага за по-високото ѝ класиране.
Освен това алтертекстът може да подобри шансовете ви за класиране в Google Images, осигурявайки допълнителен източник на трафик за вашия уебсайт. Когато изображенията се използват като линкове, алтертекстът служи като текст на котва, като помага на Google да разбере съдържанието на свързаната страница.
Най-добри практики за Alt Text
Добавянето на алтертекст към изображенията е лесен начин да направите страниците си по-достъпни и да подпомогнете усилията си за SEO. Ето някои най-добри практики, които трябва да имате предвид:
1. Проверете уебсайта си за липсващи Alt текстове
Започнете с проверка за липсващи текстове alt. Използвайте онлайн инструмент, който може да обхожда сайта ви, за да откриете изображения с липсващи или празни текстове. Инструменти като Google Search Console (конзола за търсене на Google) и различни инструменти за SEO одит могат да помогнат в тази задача.
Не всички изображения се нуждаят от алтертекст. Декоративните изображения могат да бъдат оставени без него, тъй като не предоставят смислено съдържание и могат да бъдат игнорирани от екранните четци. Съсредоточете се върху най-посещаваните си страници, които водят до голям органичен трафик.
2. Избягвайте набиването на ключови думи
Въпреки че алтертекстът може да включва подходящи ключови думи за подобряване на SEO оптимизацията, от решаващо значение е да използвате информативен и стойностен текст, който е в съответствие със съдържанието на страницата. Избягвайте набиването на ключови думи, тъй като тази практика не се насърчава от Google и може да се разглежда като неетична и неефективна.
Използвайте ключови думи пестеливо и само там, където те естествено се вписват в описанието.
3. Поддържайте го под 100 символа
Alt текстът обикновено се състои от една дума или кратка фраза. Оценителят на достъпността на функциите предлага алтертекстовете да са дълги не повече от 100 символа. Това ви дава достатъчно място за оптимизиране на алттекста, но гарантира, че няма да пишете дълги описания, които биха могли да бъдат отрязани от инструментите за четене на екрана.
Пример:
Ето един пример за добре написан текст alt за изображение на голдън ретривър, който играе на апорт в парка:
<img src="golden-retriever.jpg" alt="Голдън ретривър, който играе на апорт в слънчев парк" title="Голдън ретривър"/>Като следвате тези най-добри практики, можете да направите уебсайта си по-достъпен за всички потребители и да подкрепите цялостната си стратегия за SEO.
За повече информация относно уеб достъпността и най-добрите практики за SEO се обърнете към авторитетни източници, като например Насоките за достъпност на уеб съдържанието (WCAG ) и Ръководството на Google за начална SEO оптимизация.
