Публикувано: Обновено:
Alt текстът (alt text, алтернативен текст или alt атрибут) е кратко описание на изображение, записано в HTML кода на страницата. Посетителите обикновено не го виждат. Четат го програмите за незрящи, показва се на мястото на снимката, когато тя не се зареди, и помага на Google да разбере какво има на изображението.
В тази статия обясняваме какво е alt текст, защо е важен за достъпността и SEO, как се пише за различните видове изображения, кога трябва да е празен и как се добавя и проверява в WordPress.
Какво е alt текст и как работи в HTML
Alt текстът е стойността на атрибута alt в тага за изображение. Ето пример:
<img src="sini-maratonki.webp" alt="Сини мъжки маратонки за бягане на бял фон">
Браузърът използва този текст по три начина:
- Програмите за четене на екрана (screen readers) го прочитат на глас на хората с нарушено зрение.
- Браузърът го показва на мястото на снимката, ако тя не може да се зареди.
- Търсачките го ползват, за да разберат какво показва изображението.
Понякога се нарича „alt таг“, но по-точното име е alt атрибут, защото alt е част от тага img.
Alt текст, title и надпис: каква е разликата
| Alt текст | Title атрибут | Надпис (figcaption) | |
|---|---|---|---|
| Видим ли е | Не, освен ако снимката не се зареди | При задържане на мишката | Да, под снимката |
| За кого е | Програми за четене, търсачки | Посетители с мишка | Всички посетители |
| Задължителен ли е | Да, за всяко изображение (може и празен) | Не | Не |
Надписът и alt текстът не трябва да се повтарят дословно. Надписът добавя контекст за всички, а alt текстът замества снимката за тези, които не я виждат.
Защо alt текстът е важен
Достъпност. Хората с нарушено зрение ползват програми, които четат страницата на глас. Без alt текст те научават само, че има „изображение“, или чуват името на файла. Изискването текстова алтернатива да има за всяко изображение, което носи информация, е в стандарта WCAG (критерий 1.1.1). Повече за темата има в статията за уеб достъпност. Кои снимки са декоративни и кои носят информация е добре да се реши още в wireframe-а на сайта.
SEO. Google обяснява в ръководството си за изображенията, че използва alt текста заедно с текста около снимката, за да разбере какво показва тя. Добрият alt текст помага снимките да се показват в Google Изображения и подкрепя темата на страницата. Основите на SEO обясняваме в статията какво е SEO, а оптимизацията на отделната страница в статията за on-page SEO за WordPress.
Европейски акт за достъпността (EAA). От 28 юни 2025 г. в ЕС се прилагат изисквания за достъпност за част от продуктите и услугите, включително за част от онлайн търговията. Дали и как се отнасят до конкретен сайт, зависи от дейността на фирмата. Не сме юристи, затова за конкретен случай препоръчваме консултация с юрист.
Как се пише alt текст според вида на изображението
Правилният alt текст зависи от това каква роля има изображението на страницата. W3C има дърво за решения, което помага да определите вида му. Накратко:
| Вид изображение | Какъв alt текст | Пример |
|---|---|---|
| Информационно (снимка, продукт, екип) | Кратко описание на това, което е важно | „Екипът на CreateWeb обсъжда дизайн на сайт“ |
| Декоративно (фон, разделител, иконка до текст) | Празен: alt="" |
Програмата за четене го прескача |
| Функционално (снимка или иконка, която е линк или бутон) | Какво прави линкът, не как изглежда | „Към началната страница“ за логото в горната част |
| Изображение с текст (банер, цитат) | Същият текст като в изображението | „Безплатна доставка над 50 €“ |
| Сложно (графика, диаграма) | Кратко обобщение, а данните в текста на страницата | „Графика на кликовете по месеци за 2026 г.“ |
7 правила за добър alt текст
- Опишете това, което е важно в контекста. Една и съща снимка може да има различен alt текст в различни статии.
- Бъдете конкретни. „Червени дамски обувки на ток“ казва повече от „обувки“.
- Пишете кратко, обикновено с едно изречение.
- Не започвайте с „снимка на“ или „изображение на“. Програмите за четене вече казват, че е изображение.
- Не пълнете с ключови думи. Ако фразата пасва естествено, добре, но alt текстът е описание, не списък с думи.
- Не повтаряйте текста около снимката дума по дума.
- Използвайте празен alt (
alt="") за декоративните изображения, но никога не махайте атрибута изобщо.
Чести грешки при alt текста
- Липсващ атрибут. Програмата за четене прочита името на файла, например „DSC_0047.jpg“.
- Еднакъв alt текст на всички снимки, например името на фирмата навсякъде.
- Име на файла или „image“ като alt текст.
- Описание на логото вместо на това накъде води то, когато е линк.
- Дълги текстове с много ключови думи.
- Описание на декоративни елементи, които само пречат при четене на глас.
Как се добавя alt текст в WordPress
В WordPress alt текстът се добавя в медийната библиотека: отворете изображението и попълнете полето „Алтернативен текст“. В редактора Gutenberg същото поле е в настройките на блока „Изображение“ вдясно.
Важно е да знаете, че alt текстът от библиотеката се взема, когато вмъквате снимката. Ако го смените после в библиотеката, снимките, които вече са в статиите, остават със стария текст и трябва да се оправят поотделно.
Alt текстът е част от по-голямата работа по снимките: размер, формат и бързо зареждане. Вижте статията за оптимизация на изображения и за техническо SEO за WordPress.
Как да проверите alt текстовете на сайта си
- Ръчно: с десен бутон върху снимката и „Inspect“ в браузъра вижте дали има атрибут
altи какво пише в него. - С програма за обхождане на сайта (crawler): повечето SEO инструменти показват списък със снимките без alt текст.
- С програма за четене на екрана: NVDA за Windows или VoiceOver за Mac и iPhone, за да чуете как звучи страницата.
Може ли AI да пише alt текст
Може, и вече се справя добре. Ние пишем alt текстовете с помощ от AI, защото ръчното писане за стотици снимки е много работа. AI обаче не знае защо снимката е на тази страница, затова текстът винаги се преглежда от човек и се коригира според контекста.
Как работим с alt текст в CreateWeb
В сайтовете, които правим, alt текстовете ги пишем ние, с помощ от AI, и ги проверяваме при предаването на сайта на клиента. Засега клиентите ни не питат за европейския акт за достъпността, но alt текстът е част от стандартната ни проверка, защото помага едновременно на хората и на търсачките. Ако планирате нов сайт, вижте нашата изработка на уебсайт.
Често задавани въпроси
Какво е alt текст?
Кратко описание на изображение в HTML кода. Четат го програмите за незрящи и търсачките, а браузърът го показва, ако снимката не се зареди.
Каква е разликата между alt текст и alt атрибут?
Няма разлика. Alt атрибутът е мястото в кода (alt="..."), а alt текстът е описанието, което пишете в него.
Трябва ли декоративните изображения да имат alt текст?
Трябва да имат атрибут alt, но празен (alt=""). Така програмите за четене ги прескачат.
Колко дълъг трябва да е alt текстът?
Обикновено едно кратко изречение. За сложни графики alt текстът обобщава, а подробностите се дават в текста на страницата.
Влияе ли alt текстът на SEO?
Да. Google го използва, за да разбере какво показва снимката, заедно с текста около нея. Той помага особено за показване в Google Изображения.
Може ли AI да генерира alt текст?
Да, и вече го прави добре, но текстът трябва да се провери от човек, за да отговаря на смисъла на снимката в конкретната страница.
Как да добавя alt текст в WordPress?
В медийната библиотека, в полето „Алтернативен текст“, или в настройките на блока „Изображение“ в редактора.
Заключение: alt текстът е описание за хората, които не виждат снимката
Alt текстът е кратко описание на изображението, което помага на хората с нарушено зрение, на посетителите с бавна връзка и на Google. Правилният текст зависи от ролята на снимката: описание за информационните, празен за декоративните и действието за линковете.
Нашето мнение е, че най-добрият тест за alt текста е да си го прочетете на глас без снимката: ако някой, който не я вижда, разбира какво пропуска, текстът е добър.
За грижа след пускането на сайта вижте поддръжката на уебсайт или ни пишете. Повече за нас има на началната страница на CreateWeb.
