Alt

Alt (от англ. alternative text) — это атрибут HTML-тега img, который содержит текстовое описание изображения для случаев, когда картинку невозможно отобразить или воспринять визуально. Поисковые роботы используют alt-текст для понимания содержания изображений, поскольку сами они «видят» картинки лишь частично.

Что такое alt

Alt-текст — это текстовая метка, которую автор прикрепляет к изображению через атрибут alt тега img. Когда браузер не может загрузить картинку — из-за медленного соединения, блокировки или ошибки сервера — пользователь видит именно этот текст вместо изображения. Программы экранного чтения (screen readers), которыми пользуются люди с нарушениями зрения, зачитывают alt вслух при переходе к изображению. С точки зрения HTML-стандарта атрибут alt — единственный обязательный атрибут тега img: без него разметка считается невалидной по спецификации W3C. Это не просто техническое требование, а фундаментальный элемент того, как веб работает для разных категорий пользователей и для поисковых систем.

Атрибут alt появился в спецификации HTML 2.0 в 1995 году, когда скорости интернета были настолько малы, что пользователи массово отключали загрузку изображений ради экономии трафика. Задача alt тогда была проста — показать, что изображение здесь есть и что именно на нем изображено. С развитием широкополосного интернета практическая роль «заглушки» отошла на второй план, но появились две новые функции: цифровая доступность и SEO-индексация. Стандарт WCAG (Web Content Accessibility Guidelines) версии 2.1, который в ЕС стал юридически обязательным для многих сайтов, закрепляет наличие осмысленного alt как один из базовых критериев доступности. В России требование к доступности сайтов фиксирует ГОСТ Р 52872-2019, хотя его исполнение пока не контролируется так строго, как в Европе.

В digital-маркетинге alt-текст работает на нескольких уровнях одновременно. Первый уровень — поиск по картинкам: Google Images и Яндекс Картинки используют alt как основной текстовый сигнал для понимания содержания изображения. По данным исследования BrightEdge 2023 года, изображения появляются в 22,6% всех поисковых запросов Google, и без alt-текста шанс попасть в эту выдачу близок к нулю. Второй уровень — текстовое ранжирование основной выдачи: поисковый робот воспринимает alt как дополнительный текст страницы, который подтверждает ее тематику. Третий уровень — визуальный и мультимодальный поиск, который активно развивается с 2022 года: Google Lens, поиск по фото, интеграция картинок в SGE — все это делает alt еще более значимым инструментом.

Маркетологи нередко воспринимают alt как техническую мелочь и делегируют его заполнение разработчикам или вовсе оставляют пустым. Это ошибка с измеримыми последствиями. Google в своем официальном руководстве по SEO прямо указывает: «Описательные тексты alt помогают Google понять изображение и включить его в результаты поиска». На практике сайты, которые системно заполняют alt, получают из Google Images от 10% до 30% дополнительного органического трафика — в зависимости от ниши и конкурентной среды. Для e-commerce, где визуальный поиск растет быстрее текстового, alt-оптимизация — это не бонус, а конкурентное преимущество, которое большинство малых магазинов упускает из-за недооценки канала.

Как работает alt

1. Парсинг HTML браузером и краулером. Когда браузер получает HTML-страницу, он разбирает каждый тег img и извлекает значение атрибута alt. Это происходит до загрузки самого файла изображения: если сервер изображений недоступен или картинка заблокирована настройками браузера, пользователь увидит alt-текст в прямоугольнике на месте картинки. Поисковый краулер действует аналогично: он читает HTML-документ и извлекает alt как текстовый токен, который добавляется к текстовому контенту страницы для дальнейшей индексации.
2. Обработка программами доступности. Screen reader — программа вроде NVDA, JAWS или VoiceOver — при достижении тега img зачитывает значение alt вслух. Если alt пустой (alt=»»), программа пропускает изображение молча — это правильное поведение для декоративных элементов. Если атрибут alt отсутствует полностью, screen reader зачитывает имя файла изображения (например, «img_12345_v2_final.png»), что бессмысленно и дезориентирует пользователя. Именно поэтому у всех изображений должен быть атрибут alt, но его значение может быть пустой строкой для картинок без информационной нагрузки.
3. Индексация поисковыми роботами. Поисковые роботы не «видят» изображения так, как видит человек. Google использует компьютерное зрение (Vision AI) для автоматического распознавания содержимого, но точность этой системы значительно ниже, чем у осмысленного human-written alt-текста. Робот считывает alt, обрабатывает его как текстовый контент и использует при определении релевантности страницы к поисковым запросам. Google Images имеет собственный индекс, и alt — главный маркер для попадания в него с нужным тематическим сигналом.
4. Ранжирование в поиске по картинкам. После индексации изображение попадает в пул кандидатов для Google Images или Яндекс Картинок. Алгоритм оценивает релевантность изображения к поисковому запросу, используя alt-текст как основной текстовый сигнал. Дополнительно учитываются: текст, окружающий изображение на странице, заголовок страницы, структурированные данные (schema.org ImageObject). Но alt — первый и наиболее весомый маркер: без него остальные сигналы работают существенно слабее.
5. Усиление тематического сигнала основной выдачи. Alt-текст не только открывает трафик из поиска по картинкам — он усиливает текстовый контент страницы для основного органического ранжирования. Поисковый алгоритм суммирует все текстовые сигналы: заголовки, тело статьи, якорные тексты ссылок и alt-тексты изображений. Если alt повторяет ключевые слова страницы в естественном контексте, это подтверждает тематическую релевантность. Важный нюанс: alt не должен дублировать соседний текст слово в слово — это создает избыточность, которую алгоритмы могут воспринять как попытку манипуляции.
6. Визуальный и мультимодальный поиск. С 2022 года Google и Яндекс активно развивают мультимодальные алгоритмы, которые одновременно анализируют текст и изображение. Google Lens позволяет искать по фото с телефона; результаты SGE (Search Generative Experience) включают изображения, подобранные по смыслу. В этом контексте alt-текст — «объяснение» изображения для мультимодального алгоритма, которое помогает системе правильно разместить картинку в нужном смысловом кластере. Для товарных фотографий точный alt с названием, брендом и ключевым параметром товара увеличивает шансы появления в визуальных результатах поиска.

Виды alt

• Описательный alt. Текстовое описание того, что изображено на картинке, без SEO-уклона. Применяется для редакционных фотографий, иллюстраций к статьям, репортажных снимков. Пример: alt=»Офис в формате open space с зелеными зонами отдыха и панорамными окнами». Такой alt точно отражает содержание и помогает пользователям screen reader’ов понять контекст изображения. Для медиа, новостных ресурсов и блогов это основной формат alt-текста.
• SEO-оптимизированный alt. Описание изображения, в которое органично включено целевое ключевое слово страницы. Ключевое слово «органично» — не «купить диван Москва дешево диваны», а «Угловой диван Монтеверди в ткани бежевого цвета». Для e-commerce этот вид наиболее ценен: он одновременно дает SEO-сигнал и помогает пользователям понять, что именно они видят. Исследование Ahrefs 2021 года показало, что страницы с оптимизированными alt-текстами ранжируются в Google Images в среднем на 3-5 позиций выше страниц с пустыми alt при прочих равных условиях.
• Пустой alt (alt=»»). Используется для декоративных изображений, которые не несут информационной нагрузки: фоновые текстуры, разделители, орнаменты, иконки без отдельного смысла. Пустой alt сообщает screen reader’у: пропусти это изображение, оно не важно для понимания содержания страницы. Это не ошибка, а правильная практика по стандарту WCAG 2.1. Для SEO декоративные изображения ценности не несут, поэтому оптимизировать их не нужно — достаточно alt=»» и чистая совесть.
• Alt для функциональных изображений (кнопки, иконки действий). Если изображение выполняет функцию — это кнопка, ссылка, иконка действия — alt описывает не само изображение, а его функцию. Иконка корзины для покупок должна иметь alt=»Добавить в корзину», а не alt=»Корзина». Кнопка закрытия с крестиком — alt=»Закрыть окно», не alt=»Крестик». Пользователь screen reader’а должен понять, что произойдет при нажатии, а не как выглядит элемент.
• Alt для логотипа. Логотип компании — особый случай. Лучшая практика — alt=»Название компании — логотип» или просто alt=»Название компании», если логотип — это ссылка на главную страницу. Описывать визуальные элементы логотипа нет смысла: пользователю важно знать, что это логотип компании, а не как именно выглядит графический символ. Для SEO логотип дает слабый сигнал, но правильный alt подтверждает бренд-связь для алгоритмов Knowledge Graph.
• Alt для инфографики и сложных схем. Для инфографики, диаграмм, сравнительных таблиц в виде изображений alt-текст ограничен по длине. Правильный подход: в alt дать краткий заголовок («Инфографика: этапы воронки продаж в b2b»), а полное текстовое описание разместить в соседнем теге figcaption или прямо в тексте страницы. Это решает задачу и для доступности, и для SEO: поисковый робот проиндексирует развернутый текст рядом с изображением как дополнительный текстовый контент страницы.

Сравнение alt-текста с title атрибутом изображения

Пример использования

Интернет-магазин товаров для спорта с каталогом 4 200 товаров обратился за SEO-аудитом весной 2024 года. Трафик из Google Images составлял 0,3% от общего органического трафика — 180 визитов в месяц при общем объеме 60 000 визитов. Все 4 200 изображений товаров имели alt-текст вида «image001.jpg» или вовсе пустой атрибут: так настроила CMS по умолчанию при загрузке файлов. Конкуренты в той же нише получали из поиска по картинкам 8-15% трафика, что при аналогичном объеме давало бы 4 800-9 000 дополнительных визитов в месяц. Потенциал был очевиден, а работа требовалась техническая, а не контентная.

Команда провела пакетное обновление alt-текстов через API магазина: для каждого товара сформировали шаблон «Название товара Бренд Ключевой параметр» и загрузили через импорт. Для 200 приоритетных позиций (топ по выручке) написали вручную расширенные alt с учетом поисковой семантики. Через 45 дней трафик из Google Images вырос с 180 до 1 740 визитов в месяц — прирост 867% без изменений в бюджете. Доля этого канала в общем органическом трафике выросла с 0,3% до 2,9%. Конверсия из Google Images оказалась на 23% выше средней по сайту: пользователи, перешедшие через картинки, уже видели товар и приходили с более высоким намерением купить.

Частые вопросы