Почему пустые alt-атрибуты вредят SEO и доступности сайта

Изображения — неотъемлемая часть любого современного сайта. Они улучшают восприятие контента, повышают вовлечённость и помогают визуально структурировать информацию. Однако с точки зрения SEO и веб-доступности картинка без правильного alt-атрибута — это почти пустое место. Рассмотрим, почему это критично и как быстро выявить все проблемные изображения.

Что такое alt-атрибут и зачем он нужен

Alt (альтернативный текст) — это атрибут тега , который описывает содержимое изображения. Он отображается, если картинка не загрузилась, читается экранными дикторами для незрячих пользователей и используется поисковыми роботами для понимания тематики изображения. Пустой alt (alt="") или его полное отсутствие — принципиально разные сценарии, но оба наносят урон.

Влияние на SEO по картинкам

Поисковые системы не видят контекст

Поисковые роботы (Googlebot, Yandex Bot) не распознают содержимое изображения так, как человек. Они полагаются на текстовые сигналы: имя файла, окружающий текст и, в первую очередь, alt-атрибут. Если alt пустой или отсутствует, робот теряет ключевую информацию о том, что изображено. В результате картинка не попадёт в выдачу по релевантным запросам — вы теряете органический трафик из поиска по картинкам, который может составлять до 10-15% общего трафика для контентных проектов.

Снижение релевантности страницы

Alt-текст — один из факторов ранжирования и для основной выдачи. Корректно заполненные атрибуты усиливают семантическую связь изображения с текстом страницы. Когда alt отсутствует, страница в целом получает меньше сигналов о своей тематике, что может незначительно, но влиять на позиции по целевым запросам.

Упущение длинного хвоста запросов

Пользователи часто ищут конкретные изображения: «красный диван в интерьере гостиной», «логотип компании в формате PNG». Если у вас есть подходящая картинка, но alt пропущен, шанс, что её найдут по такому запросу, стремится к нулю. Каждое изображение с продуманным alt-текстом — это дополнительная точка входа на сайт.

Влияние на доступность сайта

Барьер для людей с нарушениями зрения

По данным ВОЗ, более 2 миллиардов человек в мире имеют те или иные нарушения зрения. Многие из них используют скринридеры (JAWS, NVDA, VoiceOver), которые зачитывают alt-текст вслух. Если alt отсутствует, скринридер может прочитать имя файла (logo_v2_final_2024.png) или просто сказать «изображение» — это бесполезно и дезориентирует пользователя. Пустой alt (alt="") корректно игнорируется программами чтения, но если изображение несёт смысловую нагрузку, а не просто декоративное оформление, его нельзя делать пустым.

Нарушение стандартов WCAG

Веб-доступность (WCAG 2.1, уровень A) требует, чтобы все значимые изображения имели текстовую альтернативу. Пустой alt допустим только для декоративных картинок, которые не добавляют информации. Отсутствие атрибута — прямое нарушение критерия 1.1.1 (Non-text Content). Это не только этическая проблема, но и юридический риск: в ряде стран сайты государственных и коммерческих организаций обязаны соответствовать стандартам доступности.

Как быстро найти все изображения без alt или с пустым alt на странице

Ручная проверка каждой картинки на сайте, особенно если страниц много, — трудоёмкий процесс. Однако существует эффективный технический способ, который занимает буквально минуту.

Метод 1: Консоль браузера (для одной страницы)

Откройте страницу в Google Chrome или Firefox, нажмите F12 (инструменты разработчика), перейдите на вкладку Console и выполните следующий JavaScript-код:

// Найти все img без атрибута alt
const imgsWithoutAlt = document.querySelectorAll('img:not([alt])');
console.log('Изображения без alt:', imgsWithoutAlt.length, imgsWithoutAlt);

// Найти все img с пустым alt
const imgsWithEmptyAlt = document.querySelectorAll('img[alt=""]');
console.log('Изображения с пустым alt:', imgsWithEmptyAlt.length, imgsWithEmptyAlt);

Результат покажет количество проблемных элементов и сами теги — вы увидите, какие именно картинки нужно доработать. Этот способ подходит для единичной проверки.

Метод 2: Специализированный инструмент для массового аудита

Если нужно проверить сразу несколько страниц или весь сайт, ручной подход неэффективен. Разработчики веб-студий и SEO-специалисты часто используют готовые решения. Например, вы можете воспользоваться бесплатным инструментом «Alt-атрибуты изображений» oWeb Solutions. Он позволяет быстро просканировать любую страницу и получить список всех изображений, у которых отсутствует alt или атрибут пуст. Инструмент не требует установки — достаточно ввести URL, и через несколько секунд вы увидите отчёт с указанием конкретных тегов.

Метод 3: Серверные сканеры (для SEO-специалистов)

Для глубокого аудита всего сайта можно использовать десктопные краулеры вроде Screaming Frog SEO Spider или Netpeak Spider. Они позволяют выгрузить все изображения с атрибутами, отфильтровать строки с пустым или отсутствующим alt и экспортировать данные в Excel. Это оптимальный вариант, если вы работаете с крупным проектом (от 500 страниц).

Как правильно заполнять alt-атрибуты

Общие правила

Описывайте суть изображения: не «картинка», не «фото», а «Чёрный кожаный диван в гостиной с панорамными окнами».

Естественно вписывайте ключевые слова: если изображение соответствует тематике страницы, можно включить релевантный запрос, но без спама. Например, для картинки с товаром в интернет-магазине: «Кроссовки Nike Air Max 270 белые — вид спереди».

Не дублируйте окружающий текст: alt должен дополнять контент, а не повторять его дословно.

Для декоративных изображений (иконки, разделители, фоновые картинки, которые не несут информации) используйте пустой alt (alt="") — это даёт понять скринридерам, что изображение можно игнорировать.

Не набивайте ключевые слова: alt перегруженный запросами («купить диван, диван недорого, диван в Москве») воспринимается поисковиками как спам и может ухудшить ранжирование.

Распространённые ошибки

Отсутствие атрибута alt вообще — самая грубая ошибка.

Alt=" " (пробел) — технически это не пустое значение, скринридер прочитает его как «пробел», что некорректно.

Одинаковый alt для всех изображений на странице (например, «изображение товара») — теряется контекст.

Использование имени файла как alt (logo.png, DSC_0012.jpg) — неинформативно.

Вывод

Пустые и отсутствующие alt-атрибуты — это одновременно SEO-проблема и барьер доступности. Игнорируя их, вы теряете трафик из поиска по картинкам, снижаете общую релевантность страниц и отсекаете часть аудитории с ограниченными возможностями. Исправление ситуации не требует больших ресурсов: достаточно провести быстрый аудит с помощью инструментов разработчика или специализированного сервиса, а затем добавить осмысленные описания для каждого значимого изображения. В результате вы получите не только улучшение позиций, но и более инклюзивный продукт.