Над половината уебсайтове все още имат поне едно изображение без alt текст. Средната начална страница съдържа 66,6 изображения, от които 10,8 нямат никакво текстово описание, а при тези с alt атрибут 10,8% съдържат безсмислени стойности като „image“, „photo“ или име на файл. На практика повече от 1 на всеки 4 изображения в интернет е невидимо за скрийн ридъри и търсачки.
В същото време Google Image Search обработва 22% от всички търсения, Google Lens преминава 20 милиарда визуални търсения месечно, а European Accessibility Act (EAA) е в сила от юни 2025 г. с глоби до €250 000. Alt текстът вече не е „хубаво да има“ – той е бизнес задължение. В това ръководство екипът на CreateWeb обяснява какво е alt text, как работи технически и как да го пишете правилно, организирано около оригинална рамка – Alt Text Decision Tree – която казва, че правилният alt зависи първо от типа на изображението.
Какво е alt text и как работи в HTML
Alt text (алтернативен текст, alt атрибут, понякога неправилно наричан „alt tag“) е кратко текстово описание, вградено в HTML кода на изображението. Когато браузърът среща елемент img, той използва атрибута alt по три начина: показва го на мястото на снимката, ако тя не може да се зареди; предава го на скрийн ридъри (NVDA, JAWS, VoiceOver), за да „прочетат“ изображението на потребители с увредено зрение; и го предоставя на търсачките, за да разберат какво изобразява картинката.
Ето как изглежда в практиката:
<img src="sini-maratonki.webp"
alt="Сини мъжки маратонки Nike Air Zoom на бял фон"
width="800" height="600">
Атрибутът alt е различен от title (tooltip при задържане на мишката) и от figcaption (видим надпис под изображението). Google Search Central посочва в официалната си документация за Image SEO, че alt text е основният начин, по който търсачката разбира какво показва снимката.
Важна разлика: липсващ alt атрибут и празен alt атрибут (alt="") са две коренно различни неща. Когато атрибутът липсва, скрийн ридърите четат името на файла – потребителят чува нещо като „DSC underscore 0047 dot jpg“, което е безполезно. Когато атрибутът е празен, скрийн ридърът разбира, че изображението е декоративно, и го прескача. Именно затова alt="" е правилният избор за визуални елементи без информационна стойност – разделители, фонове, декоративни икони.
Alt Text Decision Tree: рамка за правилния alt
Повечето ръководства дават едно общо правило („пишете описателно“), но това е грешка – защото правилният alt зависи изцяло от типа на изображението. Декоративно изображение с дълго описание е също толкова грешно, колкото информационно изображение с празен alt. Alt Text Decision Tree обръща логиката: преди да напишете и една дума, класифицирайте изображението по тип, и типът определя правилото.
| Тип изображение | Решение | Правило |
|---|---|---|
| Декоративно | alt="" | празен атрибут, скрийн ридърът прескача |
| Информационно | описателен alt | 40-125 символа, конкретно, без „снимка на“ |
| Функционално / линкнато | alt = дестинацията | опиши функцията на линка, не картинката |
| Сложно (графика, диаграма) | кратък alt + дълго описание | обобщение в alt, данните в текста |
| Текст в изображение | alt = текста дословно | възпроизведи видимия текст |
Принцип на рамката: грешката рядко е „лош текст“ – тя е прилагане на грешното правило за типа. Затова процесът винаги е двустъпков: първо класифицирай, после пиши. Това различава рамката от обикновените списъци със съвети, които третират всички изображения еднакво.
Прилагане на рамката: при всяко изображение задайте си първо въпроса „какъв тип е това?“. Декоративно ли е (тогава alt=""), носи ли информация (описателен alt), линк ли е (опиши дестинацията), сложна визуализация ли е (кратко обобщение плюс данни в текста), или съдържа текст (възпроизведи го). Чак след класификацията идват 8-те правила за самото писане по-долу.
Дървото има и важно правило за припокриващи типове: когато изображението попада в два клона едновременно, функцията винаги печели пред описанието. Класически пример е продуктова снимка, която същевременно е линк към продуктовата страница – тук изображението е едновременно „информационно“ и „функционално“. Правилото на дървото е, че функцията доминира: alt текстът трябва да описва накъде води линкът и какво действие предизвиква, а не просто да изброява какво се вижда на снимката. Друг граничен случай е лого, поставено в хедъра – то почти винаги е линк към началната страница, затова не се описва като „логото на компанията“, а като дестинацията, към която води. Този приоритет на функцията пред формата е причината класификацията да предхожда писането, а не обратното – ако започнете да пишете преди да сте определили дали изображението има функция, рискувате да опишете грешното нещо.
Трите стълба: достъпност, SEO и закон
Alt текстът стои в пресечната точка на три приоритета, всеки от които сам по себе си оправдава усилието.
Достъпност. Световната здравна организация оценява, че 2,2 милиарда души живеят с някаква форма на зрително увреждане, а милиони от тях разчитат на скрийн ридъри. Стандартът WCAG 2.2 (критерий 1.1.1) изисква всяко информационно изображение да има текстова алтернатива. Липсващият alt text е вторият най-чест accessibility проблем в интернет – среща се на 53,1% от сайтовете, веднага след ниския контраст. Това е само един аспект от достъпността; целият спектър (контраст, навигация, ARIA, клавиатура) е разгледан в ръководството ни за уеб достъпност.
SEO. Google Image Search обработва 22% от общия обем търсения, а резултатите от изображения носят CTR между 1,4% и 4,9% според позицията. Google не „вижда“ изображенията по човешки начин – разчита на alt text, файлово име, заобикалящ текст и structured data, за да определи контекста. Добрият alt подобрява класирането в Google Images, засилва тематичната релевантност и увеличава шанса за цитиране в AI Overviews. Как изображенията се вписват в общата SEO картина е в централната статия за SEO и в техническото SEO.
Закон. EAA влезе в сила на 28 юни 2025 г. за нови продукти и услуги на пазара в ЕС и изисква WCAG 2.1 AA съответствие, което включва описателен alt текст за всички информационни изображения. Техническият стандарт EN 301 549 препоръчва минимум 40 символа за смислен alt text, а глобите варират от €20 000 до €250 000 за нарушение. Съществуващите услуги имат преходен период до 28 юни 2030 г., но новите дигитални продукти трябва да отговарят веднага. За български бизнеси, които продават в ЕС или имат клиенти от ЕС, EAA е директно приложим – а дори за чисто локален пазар достъпността подобрява UX за всички и е силен SEO сигнал. Официалните насоки на стандарта се поддържат от W3C WAI.
8 правила за писане на перфектен alt текст
След като класифицирате изображението по дървото, тези осем правила водят самото писане на описателните типове.
- Бъдете описателни и конкретни. Не „обувки“, а „червени дамски кожени обувки на ток 7 см“. Опишете цвят, форма, действие, контекст – каквото бихте казали на глас, описвайки снимката по телефона.
- Дръжте дължината под 125 символа. Повечето скрийн ридъри съкращават по-дълъг текст. Идеалната зона е 40-125 символа – достатъчно описателно, без излишни думи.
- Включвайте ключови думи естествено. Само когато описват точно изобразеното. Google изрично предупреждава срещу keyword stuffing в alt атрибутите, защото води до спам възприятие.
- Не започвайте със „Снимка на…“ или „Изображение на…“. Скрийн ридърът вече обявява елемента като изображение – повторението губи ценни символи.
- Пишете уникален alt за всяко изображение. Повтарящи се или идентични на заобикалящия текст описания са чест проблем.
- Използвайте
alt=""за декоративни изображения. Фонове, разделители, чисти декорации – празен атрибут казва на скрийн ридъра да прескочи. Критичната грешка е да пропуснете атрибута изцяло. - За линкнати изображения опишете дестинацията. Когато изображение е обвито в линк (например лого към началната страница), alt описва функцията: не „лого“, а „Към началната страница на CreateWeb“. Около 45% от изображенията без alt са именно линкнати.
- За графики и диаграми – кратко обобщение плюс подробно описание. Например „Графика: ръст на органичния трафик с 67% за 6 месеца“, а самите данни в текста на страницата или чрез aria-describedby.
Примери: лош срещу добър alt текст
Първият типичен случай е липсващ alt – скрийн ридърът чете „DSC underscore 0047 dot jpg“, SEO стойността е нулева, WCAG оценката е провал. Добрият вариант: „Екип от трима уеб дизайнери работи по wireframe на бяла дъска в офис“.
Вторият е generic alt – „image“ или „photo“. Потребителят чува „изображение: image“, което е по-лошо дори от липсата на alt, защото създава илюзия за описание без стойност. Правилно е конкретно описание на реалното съдържание.
Третият е keyword stuffing – „маратонки евтини маратонки онлайн маратонки магазин“. Google третира това като спам сигнал. Правилно: „Черни мъжки маратонки Nike Air Max 90, изглед отстрани“.
Четвъртият е продуктова снимка с „product-123″. Потребителят не научава нищо. Правилно: „Безжични слушалки Sony WH-1000XM5 в черно, сгънати, изглед отпред“. Точно този тип alt прави продуктите откриваеми и подкрепя конверсиите в сайт за онлайн продажби.
Alt text в WordPress: ръчно и с AI плъгини
Добавянето на alt текст в WordPress е просто: при качване на изображение в Media Library полето „Alternative Text“ е в десния панел, същото е достъпно и в Block Editor (Gutenberg). Но ръчното писане за стотици или хиляди снимки е времеемко, особено за онлайн магазини с обширни каталози.
Тук влизат AI плъгините за автоматичен alt текст. През 2026 г. водещите решения за WordPress са AltText.ai (автоматично генериране при качване, bulk обработка на цялата Media Library), Alt Magic Pro (WooCommerce интеграция, WebP/AVIF, Yoast и Rank Math съвместимост), WP Media Folder AI (генериране плюс автоматично преименуване на файлове) и AutoAlt.ai. Тези инструменти използват vision-language модели за анализ на визуалното съдържание, а модерните версии са context-aware – анализират не само снимката, но и заобикалящия текст, заглавието и категорията на продукта. Този подбор е част от по-широката серия за WordPress плъгини.
Изборът на плъгин зависи от обема и бюджета: за малки сайтове (до 200-300 изображения) ръчното писане е напълно постижимо и дава най-добри резултати; за по-големи каталози AI плъгинът спестява време, но човешкият преглед остава задължителен – AI покрива коректно около 90-92% от случаите, а останалите изискват око. Alt текстът е и една от стъпките в по-широката оптимизация на изображенията, където там той е финалният етап „Annotate“; тук го разглеждаме в самостоятелна дълбочина.
Alt текст и визуалното търсене: Google Lens и AI Overviews
Визуалното търсене вече не е бъдеще – то е настояще. Google Lens обработва 20 милиарда визуални търсения месечно и е интегриран в Google Search, Shopping и Chrome. Когато потребител насочи камерата към продукт, Lens комбинира визуално разпознаване с текстови метаданни (alt text, structured data, заобикалящ текст), за да идентифицира обекта. Визуалното търсене генерира над $45 милиарда приходи за e-commerce годишно и расте двуцифрено всяка година – за онлайн магазините alt текстът е „текстовият мост“ между снимката и индекса на Google.
Що се отнася до AI Overviews, генеративните отговори на Google вече се появяват в до 48% от търсенията и цитират 3 до 6 домейна на отговор. Съдържание с ясни изображения и описателен alt text е значително по-вероятно да бъде референцирано, а цитираните брандове получават 35% по-висок CTR. Тази мултимодална посока на търсенето се допира и до гласовото и асистентно търсене, разгледано в материала за гласово търсене и SEO. Alt текстът вече не е само accessibility и SEO инструмент – той е входен билет за AI видимост.
Чести грешки, които трябва да избягвате
Първата грешка е пълното пропускане на alt атрибута – различно от alt="" и WCAG нарушение, при което скрийн ридърът чете файловото име. Втората е генеричните описания („image“, „photo“, „img001″), които са по-лоши от празен alt, защото имитират описание без стойност. Третата е keyword stuffing, който Google третира като спам и наказва. Четвъртата е идентичен alt за различни изображения – пет снимки на продукт от различни ъгли изискват пет уникални описания („изглед отпред“, „изглед отстрани“, „детайл на подметката“). Петата е декоративни изображения с описателен alt, който е чист шум за скрийн ридърите (правилно е alt=""). Шестата е липса на alt при линкнати изображения, при което линкът остава напълно неописателен. Всяка от тези грешки в крайна сметка е грешна класификация по дървото или нарушено правило за писане.
Одит на alt текста: стъпка по стъпка
Одитът е систематично прилагане на Decision Tree върху съществуващ сайт. Първо, автоматичен скан с безплатни инструменти като WAVE, Google Lighthouse (вграден в Chrome DevTools) или Axe DevTools, които идентифицират изображенията без alt или с проблемен alt. Второ, категоризиране по четирите основни типа от дървото – декоративни, информационни, функционални и сложни. Трето, приоритизиране: започнете с най-посещаваните страници и с продуктовите потоци, където рискът за конверсии и за правно съответствие е най-висок. Четвърто, писане или генериране – ръчно за малки сайтове, AI плъгин с човешки преглед за големи. Пето, тестване с реален скрийн ридър (NVDA за Windows, VoiceOver за macOS/iOS), защото автоматичните инструменти засичат само 30-40% от реалните проблеми. Шесто, непрекъснат мониторинг – всяко ново изображение получава alt преди публикуване, не ретроспективно. Цялостен технически одит с приоритизирани препоръки предлагат и инструментите за анализ на сайт.
Как CreateWeb помага с правилната основа
Alt текстът е текущо задължение за всеки, който качва съдържание – всяка нова продуктова снимка, всяка визуализация в блог статия, всеки подменен hero банер изисква описателен alt. В нашия екип не можем да пишем alt текста вместо вас за вашето конкретно съдържание, но изграждаме основата, върху която той работи.
При изработката на уеб сайт осигуряваме чиста HTML структура, коректни image елементи с валидни атрибути, правилни alt стойности за всички системни изображения (лога, икони, шаблонни визуали) и SEO оптимизация от първия ден, заложена чрез SEO уеб дизайн. Дългосрочно поддръжката на сайта гарантира, че техническата основа остава здрава, а одитът на съществуващ сайт проверява HTML структурата и валидността на image елементите. Писането на alt за конкретните ви снимки остава ваша задача – но с правилата и дървото от тази статия вече знаете как. Свържете се с нашия екип за технически коректна основа.
Често задавани въпроси
Какво е alt text?
Alt text (алтернативен текст) е кратко описание, вградено в HTML кода на изображение чрез атрибута alt. Той се показва, когато изображението не може да се зареди, чете се от скрийн ридъри за потребители с увредено зрение и се използва от Google за индексиране и класиране на изображения. Google го определя като най-важния метаданен атрибут за изображения.
Какво представлява Alt Text Decision Tree?
Alt Text Decision Tree е рамка, която казва, че правилният alt зависи първо от типа на изображението, не от общо правило. Класифицирате изображението в един от пет типа (декоративно, информационно, функционално, сложно или текст в изображение) и типът определя правилото – декоративно получава празен alt, информационно получава описание, линкнато описва дестинацията. Принципът е: първо класифицирай, после пиши.
Каква е идеалната дължина на alt текста?
Препоръчителната дължина е между 40 и 125 символа. EN 301 549 (стандартът зад EAA) препоръчва минимум 40 символа за смислено описание, а повечето скрийн ридъри съкращават текст над 125 символа. Целта е конкретно и кратко описание – без излишни думи, но с достатъчно детайл.
Трябва ли декоративните изображения да имат alt текст?
Не. Декоративните изображения (фонове, разделители, чисто визуални елементи) трябва да имат празен alt атрибут (alt=""), който казва на скрийн ридъра да ги прескочи. Критичната грешка е да пропуснете атрибута изцяло, защото без него скрийн ридърът чете файловото име като безсмислен шум.
Как alt текстът влияе на класирането в Google Images?
Google използва alt text като основен сигнал за предмета на изображението, така че описателният и релевантен alt увеличава вероятността снимките ви да се появят в Google Images за релевантни заявки. Google Image Search обработва 22% от всички търсения, а резултатите от изображения носят CTR между 1,4% и 4,9% според позицията.
Какви са глобите за липсващ alt текст по EAA?
European Accessibility Act е в сила от 28 юни 2025 г. и изисква WCAG 2.1 AA съответствие, включително описателен alt текст за всички информационни изображения. Глобите варират по държава от €20 000 до €250 000 за нарушение. Съществуващите дигитални услуги имат преходен период до 28 юни 2030 г., но новите продукти трябва да отговарят веднага.
Може ли AI да генерира alt текст автоматично?
Да. През 2026 г. AI плъгини за WordPress като AltText.ai, Alt Magic Pro и AutoAlt.ai генерират контекстно-зависим alt текст при качване, като анализират и визуалното съдържание, и контекста на страницата. Въпреки това човешкият преглед остава необходим за графики, диаграми и юридически чувствително съдържание – AI покрива коректно около 90-92% от случаите.
Заключение: малък атрибут, тройна възвръщаемост
Alt текстът е точката, в която се пресичат три критични приоритета – достъпност, SEO и правно съответствие. Рамката Alt Text Decision Tree прави писането му надеждно: първо класифицирайте изображението по тип, после приложете правилото за този тип, и чак тогава пишете по 8-те правила. Грешката почти никога не е „лош текст“ – тя е грешна класификация.
Числата го доказват: 53,1% от уебсайтовете все още имат проблеми с alt text, 22% от Google търсенията са за изображения, 20 милиарда визуални търсения месечно минават през Google Lens, а EAA предвижда глоби до €250 000. Инвестицията е минимална (около 30 секунди на изображение ръчно), но възвръщаемостта е тройна: видимост в Google Images и визуалното търсене, достъпност за 2,2 милиарда потребители и правно съответствие. Започнете с Lighthouse audit, идентифицирайте изображенията без alt и приложете дървото. Свържете се с екипа на CreateWeb за технически коректна основа или разгледайте портфолиото с реализирани проекти.
За свързани специализирани ресурси: оптимизация на изображения, уеб достъпност за хора с увреждания, централна статия за SEO, техническо SEO, класиране на сайт в Google, гласово търсене и SEO, SEO уеб дизайн, Core Web Vitals, серия за WordPress плъгини, инструменти за анализ на сайт, сайт за онлайн продажби, WooCommerce за България, какво е домейн, изработка на уеб сайт, поддръжка на сайт.
