Атрибут alt (от англ. alternative text — «альтернативный текст») — HTML-атрибут тега <img>, содержащий текстовое описание изображения, которое отображается вместо картинки при её недоступности, используется программами экранного чтения для слабовидящих пользователей и индексируется поисковыми системами как один из сигналов о содержании изображения.
Что такое атрибут alt в SEO — один из самых старых и стабильных факторов оптимизации изображений, упомянутый в спецификации HTML 4.01 от 1999 года и обязательный для всех изображений по требованиям W3C и стандартов доступности WCAG.
В HTML-разметке alt выглядит так: <img src="logo.png" alt="Логотип агентства Cropas">. Текст из атрибута alt используется в трёх независимых сценариях: пользователю с медленным интернетом он показывается вместо изображения, программа экранного чтения для незрячего пользователя зачитывает его вслух, поисковый робот извлекает alt как один из текстовых сигналов о содержании картинки.
С точки зрения ранжирования alt-атрибут — заметный сигнал для Google Images и поиска по картинкам Яндекса. По данным внутренней документации Google, утёкшей в мае 2024 года (Content Warehouse API Leak), параметр imageAltText входит в десятки атрибутов, используемых при оценке изображения в выдаче. Корректно заполненные alt у изображений на коммерческом сайте дают 5–15% дополнительного трафика из поиска по картинкам — для интернет-магазинов и визуальных тематик это значимый канал.
Что такое атрибут alt
Атрибут alt (полное название — alternative text, альтернативный текст) — это текстовая аннотация изображения, встраиваемая прямо в HTML-код страницы. Атрибут описан в спецификации HTML 4.01 от декабря 1999 года и сохранён во всех последующих стандартах HTML5 как обязательный для тега <img>. По стандарту W3C, любое изображение в HTML должно иметь атрибут alt — даже декоративные картинки, для которых alt оставляется пустым (alt="").
Базовый синтаксис:
<img src="/images/seo-audit.jpg" alt="Скриншот SEO-аудита сайта в Ahrefs">В этом примере: src — путь к файлу изображения, alt — описательный текст. Если файл по какой-либо причине не загрузился (медленный интернет, отсутствующий файл, отключённая загрузка картинок в браузере), пользователь увидит текст из alt вместо картинки.
Зачем нужен alt
Атрибут alt одновременно решает три задачи разной природы — техническую, социальную и SEO-задачу. Каждая по отдельности оправдывает обязательное наличие alt у любого изображения.
| Сценарий | Кто получает пользу | Как работает |
|---|---|---|
| Изображение не загрузилось | Любой пользователь | Браузер показывает текст alt в рамке вместо картинки |
| Программа экранного чтения | Слабовидящие и незрячие пользователи | JAWS, NVDA, VoiceOver зачитывают alt голосом |
| Голосовые помощники | Пользователи Алисы, Siri, Google Assistant | Описание картинки используется при озвучивании страницы |
| Поисковый робот | SEO | Поисковик использует alt как текстовый сигнал о содержании картинки |
| Поиск по картинкам | SEO + пользователи | Картинка ранжируется по запросам, релевантным тексту alt |
| Browser-расширения и скрейперы | Парсеры, агрегаторы, AI-инструменты | Используют alt как структурированное описание изображений |
Доля пользователей с программами экранного чтения в Беларуси и СНГ оценивается в 0,3–0,8% от общей аудитории — это десятки тысяч человек на крупном коммерческом сайте, которые без alt вообще не смогут понять, что изображено на странице. По законодательству Беларуси требований к веб-доступности для коммерческих сайтов нет, но для государственных порталов соответствие стандартам WCAG обязательно с 2018 года.
Как правильно писать alt
Хороший alt описывает содержание изображения коротко, точно и в контексте страницы. Идеальная длина — 5–15 слов, максимум 125 символов. Программы экранного чтения иногда обрезают alt по этой границе, поэтому ключевая мысль должна быть в начале.
Базовые принципы написания alt:
- Описывать содержание, а не файл. Не «фото 12345.jpg», а «Команда Cropas на конференции SEO в Минске».
- Учитывать контекст страницы. Одна и та же картинка собаки на странице о породах и в статье о ветеринарии описывается по-разному. На странице о породах — «Лабрадор палевого окраса, профильный вид». На странице о ветеринарии — «Здоровый лабрадор на приёме у ветеринара».
- Естественно вписывать ключевые слова. Если страница ранжируется по запросу «купить ноутбук Lenovo», у фотографии ноутбука alt может быть «Ноутбук Lenovo ThinkPad X1 Carbon на рабочем столе». Это релевантно, естественно и работает на SEO.
- Не начинать с «картинка», «изображение», «фото». Программа экранного чтения уже сообщает пользователю, что это картинка. Префикс «фото» становится избыточным повторением и раздражает слепых пользователей.
- Декоративные картинки оставлять с пустым alt. Разделители, фоновые орнаменты, иконки для красоты — все они получают
alt=""(атрибут есть, значение пустое), чтобы экранный читатель их пропустил.
Примеры хороших alt для разных типов изображений:
| Тип изображения | Корректный alt |
|---|---|
| Фото товара | Чёрные кроссовки Nike Air Max 90 размер 42, вид сбоку |
| Скриншот интерфейса | Интерфейс Google Search Console: отчёт о покрытии сайта |
| Инфографика | Доли поисковиков в Беларуси: Google 70%, Яндекс 28%, Bing 2% |
| Логотип компании | Логотип агентства Cropas |
| Фотография эксперта | SEO-специалист Иван Петров, портретное фото |
| Декоративный разделитель | (пустой alt: alt=””) |
Влияние alt на SEO
Атрибут alt влияет на SEO двумя независимыми способами. Первый — прямой: поиск по картинкам Google Images и Яндекс.Картинки использует alt как один из основных текстовых сигналов о содержании изображения, по которому картинка ранжируется в выдаче картинок и приносит трафик на страницу-источник. Второй — косвенный: alt считается частью текстового контента страницы и учитывается при общей оценке релевантности страницы её ключевому запросу, особенно если ключи органично встроены в alt.
Утечка Google Content Warehouse API в мае 2024 года подтвердила, что в системе Google для изображений используются как минимум следующие сигналы: imageAltText, imageFilename, imageCaption, окружающий текст рядом с картинкой (nearbyText) и заголовок страницы. Из этого набора alt — самый управляемый сигнал, поэтому именно его оптимизация даёт наибольший контролируемый эффект.
Практические значения трафика из поиска по картинкам для разных тематик в Беларуси:
- Интернет-магазин одежды и обуви: 15–30% трафика приходит из поиска по картинкам.
- Интернет-магазин мебели и интерьеров: 20–40%.
- Туристический сайт: 10–25%.
- Кулинарный сайт с рецептами: 25–50%.
- Информационный сайт, блог: 5–15%.
- B2B-услуги, корпоративные сайты: 1–5%.
Распространённые ошибки
Самые типичные ошибки при работе с alt-атрибутом на белорусских и российских сайтах:
| Ошибка | Пример | Чем плохо |
|---|---|---|
| Отсутствие alt | <img src="photo.jpg"> | Нарушение W3C, потеря SEO-сигнала, недоступность для слабовидящих |
| Имя файла как alt | alt=”IMG_20240315_142233.jpg” | Не описывает картинку, бесполезно для всех сценариев |
| Переспам ключей | alt=”купить ноутбук Минск дёшево цена недорого ноутбук купить” | Триггер фильтра за переспам, низкая оценка качества Google |
| Слишком длинный alt | alt на 300+ символов с описанием каждой детали | Обрезается экранным читателем, выглядит как наполнитель ключами |
| Одинаковый alt для всех картинок | Везде alt=”SEO продвижение” | Поисковик распознаёт шаблон, обесценивает сигнал |
| «Картинка», «фото» в начале | alt=”Картинка с логотипом” | Раздражает пользователей экранных читателей |
| Нерелевантный контексту alt | alt=”Закат на море” на странице о SEO-аудите | Сигнал, что картинка не относится к теме страницы |
| Декоративная картинка без пустого alt | Разделитель с alt=”разделитель” | Программа экранного чтения зачитывает бесполезное слово |
Alt, title и caption — чем различаются
На странице у одного изображения могут одновременно присутствовать три текстовых атрибута: alt, title и подпись (<figcaption>). Они выполняют разные роли и не взаимозаменяемы.
| Атрибут / тег | Что это | Когда используется |
|---|---|---|
| alt | Альтернативный текст | Замена картинки при недоступности + экранные читатели + SEO |
| title | Всплывающая подсказка | Появляется при наведении курсора (только на десктопе) |
| figcaption | Видимая подпись | Поясняет картинку всем пользователям, видна постоянно |
Главное правило: alt обязателен всегда, title почти никогда не нужен (его не видят пользователи мобильных устройств и экранных читателей), figcaption уместен в статьях, где подпись несёт информацию для читателя — например, источник графика, имена людей на фото, расшифровку схемы.
Как проверить alt на сайте
Массовая проверка alt-атрибутов на сайте делается через специализированные SEO-инструменты. Стандартные варианты:
- Screaming Frog SEO Spider. Сканирует сайт и выдаёт отдельный отчёт «Images → Missing Alt Text» со списком всех картинок без alt. Бесплатная версия — до 500 URL, платная без ограничений.
- Sitebulb. Более удобный визуальный отчёт по доступности и alt-атрибутам, делит проблемы по серьёзности.
- Ahrefs Site Audit. Включает проверку alt в общий технический аудит, показывает процент покрытия.
- Google Lighthouse. Бесплатный аудит в Chrome DevTools, раздел «Accessibility» показывает все картинки без alt.
- WAVE Web Accessibility Tool. Бесплатное расширение для Chrome, проверяет одну страницу за раз, удобно для точечной проверки.
- SEOlyzer, Netpeak Spider, JetOctopus. Альтернативы Screaming Frog с похожим функционалом.
Для интернет-магазинов в Беларуси с тысячами товаров в карточках типичная картина — 30–60% картинок не имеют корректного alt при первичном аудите. После систематической доработки доля картинок с заполненным релевантным alt должна достигать 95%+.
Часто задаваемые вопросы
Обязателен ли atribut alt?
Да, по стандарту HTML5 и W3C атрибут alt обязателен для всех изображений в теге <img>. Для декоративных картинок значение оставляется пустым (alt=""), но сам атрибут должен присутствовать в коде.
Какой длины должен быть alt?
Оптимальная длина — 5–15 слов, до 125 символов. Программы экранного чтения часто обрезают alt по этой границе, поэтому ключевая информация должна быть в начале.
Можно ли вставлять ключевые слова в alt?
Да, при условии естественности. Ключ должен органично описывать содержание картинки, а не вставляться искусственно. Один-два ключа на одну фотографию — нормально. Перечисление ключевых слов через запятую — переспам и риск фильтра.
Что делать с alt для декоративных картинок?
Использовать пустое значение: alt="". Программа экранного чтения пропустит такие картинки и не будет зачитывать ничего бесполезного. Полное отсутствие атрибута alt — ошибка по стандарту, пустое значение — корректно.
Влияет ли alt на ранжирование страницы в обычной выдаче?
Косвенно — да. Текст из alt учитывается при общей оценке релевантности страницы запросу. Прямой вес alt в обычной выдаче невелик, но в комбинации с другими сигналами заметен. В поиске по картинкам alt — один из главных сигналов.
Чем alt отличается от title?
Alt — обязательный атрибут, который заменяет картинку при недоступности и используется экранными читателями и поисковиками. Title — необязательная всплывающая подсказка при наведении курсора на десктопе. Title не виден пользователям мобильных устройств и экранным читателям; в большинстве случаев его можно вообще не использовать.
Что делать со старыми картинками без alt?
Заполнить вручную через CMS или через массовое обновление по правилам. В WordPress есть плагины (например, SEO Image Optimizer, AI Image Alt Text), которые помогают сгенерировать alt автоматически, но качество таких alt всегда требует ручной проверки на релевантность контексту страницы.
Сколько стоит проставить alt у тысячи картинок?
В Беларуси у SEO-специалиста — около 200–600 BYN за тысячу картинок при работе через CMS-фильтр и групповые операции. Если требуется индивидуальный осмотр каждой картинки (например, для интернет-магазина одежды с фотографиями товаров) — стоимость растёт до 1000–2500 BYN за тысячу позиций.
