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

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

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

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

Поисковые роботы (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). Это не только этическая проблема, но и юридический риск: в ряде стран сайты государственных и коммерческих организаций обязаны соответствовать стандартам доступности.

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

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

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

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

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

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

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

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

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

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

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

• Описывайте суть изображения: не «картинка», не «фото», а «Чёрный кожаный диван в гостиной с панорамными окнами».
• Естественно вписывайте ключевые слова: если изображение соответствует тематике страницы, можно включить релевантный запрос, но без спама. Например, для картинки с товаром в интернет-магазине: «Кроссовки Nike Air Max 270 белые — вид спереди».
• Не дублируйте окружающий текст: alt должен дополнять контент, а не повторять его дословно.
• Для декоративных изображений (иконки, разделители, фоновые картинки, которые не несут информации) используйте пустой alt (alt="") — это даёт понять скринридерам, что изображение можно игнорировать.
• Не набивайте ключевые слова: alt перегруженный запросами («купить диван, диван недорого, диван в Москве») воспринимается поисковиками как спам и может ухудшить ранжирование.

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

• Отсутствие атрибута alt вообще — самая грубая ошибка.
• Alt=" " (пробел) — технически это не пустое значение, скринридер прочитает его как «пробел», что некорректно.
• Одинаковый alt для всех изображений на странице (например, «изображение товара») — теряется контекст.
• Использование имени файла как alt (logo.png, DSC_0012.jpg) — неинформативно.

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