Что такое Атрибут Alt?
Текстовое описание изображения в HTML, которое читают поисковики и программы для незрячих.
Атрибут alt — это текстовый атрибут HTML-тега <img>, который содержит словесное описание изображения. Браузер отображает этот текст, если картинка не загрузилась; поисковые роботы Google и Яндекса читают его, чтобы понять, что изображено на фото или иллюстрации; программы экранного доступа (скринридеры) зачитывают alt вслух незрячим и слабовидящим пользователям.
В отличие от атрибута title, который всплывает подсказкой при наведении курсора, alt является частью семантической структуры документа. Его отсутствие не вызывает ошибки в браузере, но лишает поисковиков текстового контекста для изображения и нарушает стандарты веб-доступности WCAG.
Как поисковики используют alt при индексации
Когда Googlebot или робот Яндекса сканирует страницу, они не «видят» картинки так, как видит их человек. Вместо этого они читают alt-текст и filename изображения, чтобы определить тематику визуального контента. Хорошо заполненный alt помогает изображению попасть в Google Images или Яндекс.Картинки по релевантным запросам — это дополнительный канал трафика, который многие сайты игнорируют.
Кроме того, alt влияет на общую текстовую релевантность страницы. Если страница посвящена продвижению интернет-магазина, а alt у всех изображений пустой или равен «image001.jpg», поисковик получает меньше сигналов о теме документа. Осмысленное описание изображений усиливает тематический профиль страницы без искусственного наращивания текста.
Как правильно составить alt-текст
Хороший alt описывает, что реально изображено на картинке, без лишних слов. Для фотографии команды на странице «О нас» подойдёт «Команда агентства Smirnov Marketing на рабочей встрече», а не просто «фото» или длинная цепочка ключевых слов через запятую. Переспам ключами в alt — это сигнал низкого качества, который Яндекс и Google учитывают при оценке страницы.
Для декоративных изображений (фоновые линии, разделители, иконки без смыслового значения) правильной практикой является пустой alt: alt="". Это сообщает скринридеру, что элемент можно пропустить, и не создаёт избыточного шума для поисковика. Для информационных инфографик, скриншотов интерфейса, графиков стоит писать развёрнутое описание: что показано, какие данные, какой вывод.
Типичные ошибки при заполнении alt
Самая распространённая ошибка — полное отсутствие атрибута alt на изображениях. В HTML атрибут не является обязательным, поэтому CMS и конструкторы сайтов нередко выгружают картинки без него. Проверить это можно через Google Search Console (раздел «Удобство для пользователей» → «Веб»), через Яндекс.Вебмастер или любой SEO-краулер.
Вторая частая ошибка — дублирование alt и title изображения: поисковики получают одинаковый текст дважды, а скринридер зачитывает его пользователю два раза подряд. Третья ошибка — механическое использование названия файла («DSC_0042», «banner_v3_final2»): такой alt бесполезен и для роботов, и для людей. Четвёртая — слишком длинные alt с перечислением всех ключевых слов страницы: это воспринимается как спам и ухудшает восприятие документа.
Частые вопросы
Влияет ли alt-текст на позиции сайта в поиске?
Напрямую атрибут alt влияет на ранжирование изображений в Google Images и Яндекс.Картинках. Косвенно он усиливает тематическую релевантность страницы, так как добавляет текстовый контекст туда, где поисковик иначе видел бы только бинарный файл. Полностью пустые alt на ключевых изображениях — это упущенная возможность, а не нейтральный фактор.
Чем alt отличается от атрибута title у изображения?
Alt — обязательное с точки зрения доступности описание содержимого изображения, которое читают поисковики и скринридеры. Title — необязательная всплывающая подсказка при наведении курсора, которую большинство поисковых роботов игнорируют. Для SEO и доступности приоритет у alt.
Как проверить, заполнен ли alt на всех изображениях сайта?
Быстрый способ — открыть страницу в браузере, нажать F12 и в консоли выполнить document.querySelectorAll('img:not([alt])') или img[alt=""]. Для массовой проверки используйте Screaming Frog SEO Spider, Sitebulb или модуль проверки изображений в Яндекс.Вебмастере — они выводят список страниц с отсутствующим или пустым alt.
Нужен ли alt для фоновых изображений, заданных через CSS?
Нет. CSS background-image не является частью HTML-разметки, поисковики и скринридеры его не видят. Если изображение несёт смысловую нагрузку, его лучше вставлять через тег <img> с заполненным alt, а не через CSS-фон.
SEO-продвижение сайтов
Подготовим экспертный контент, который ранжируется и конвертирует.
Помогаю бизнесу расти за счёт SEO, рекламы и продвижения в AI-поиске. Если нужно не просто понять термин, а применить его и получить заявки — расскажу, как это сделать в вашей нише.
