Alt-теги на русском языке: полное руководство по требованиям 168-ФЗ
Атрибут alt изображений — один из наиболее часто упускаемых из виду элементов при приведении сайта в соответствие с Федеральным законом 168-ФЗ. Владельцы сайтов обычно сосредоточены на основном текстовом контенте и забывают, что alt-теги также являются частью содержимого страницы и подпадают под требования закона о защите русского языка. В этом руководстве мы разберём все аспекты работы с alt-тегами: от базовых правил составления до автоматизации процесса русификации на крупных сайтах.
Что такое alt-тег и почему он важен
Alt-тег (атрибут alt) — это текстовое описание изображения, встроенное в HTML-код страницы. Он выполняет несколько критически важных функций. Во-первых, обеспечивает доступность контента для людей с нарушениями зрения, использующих экранные дикторы. Во-вторых, отображается вместо изображения, если оно не загрузилось. В-третьих, помогает поисковым системам понять содержимое изображения и правильно индексировать его в поиске по картинкам.
С точки зрения 168-ФЗ alt-теги представляют собой текстовый контент, размещённый на веб-странице. Даже несмотря на то, что обычный пользователь не видит альтернативный текст напрямую, он является частью кода страницы и доступен через инструменты разработчика, а также используется программами чтения с экрана. Проверяющие органы могут анализировать исходный код страницы, и наличие англоязычных alt-тегов будет рассматриваться как нарушение.
Масштаб проблемы
На среднем коммерческом сайте размещается от пятисот до нескольких тысяч изображений. Каждое из них должно иметь информативный alt-тег на русском языке. По данным сканирования, проведённого КириллоСкан, более семидесяти процентов российских сайтов содержат англоязычные alt-теги. Наиболее частые нарушения встречаются в карточках товаров интернет-магазинов, баннерах и промоматериалах, иконках и элементах интерфейса, а также стоковых фотографиях, импортированных с зарубежных фотобанков.
Правила составления alt-тегов на русском языке
Описательность и информативность
Качественный alt-тег должен точно и кратко описывать содержимое изображения. Избегайте общих фраз вроде «картинка» или «фото». Вместо этого описывайте конкретное содержание: «красная зимняя куртка с капюшоном» вместо «изображение товара». Оптимальная длина alt-тега составляет от пяти до пятнадцати слов — достаточно для информативного описания, но не настолько много, чтобы перегружать код страницы.
При описании технических изображений — графиков, схем, диаграмм — alt-тег должен передавать ключевую информацию, которую несёт визуальный элемент. Например, для графика роста продаж alt-тег может выглядеть так: «График роста продаж за 2025–2026 годы: увеличение на 45 процентов». Это позволяет людям, использующим экранные дикторы, получить ту же информацию, что и зрячие пользователи.
Исключения для alt-тегов
Не все изображения требуют информативного alt-тега. Декоративные элементы — разделители, фоновые паттерны, чисто оформительские картинки — могут иметь пустой alt-тег (alt=""). Это не является нарушением 168-ФЗ, поскольку пустой alt-тег сигнализирует, что изображение не несёт смысловой нагрузки. Однако решение о том, является ли изображение декоративным, должно быть осознанным, а не способом обойти требования закона.
Названия брендов в alt-тегах подчиняются тем же правилам, что и в основном контенте. Если изображение содержит логотип бренда, alt-тег может включать оригинальное название как имя собственное. Подробнее об исключениях из закона 168-ФЗ для имён собственных и торговых марок.
Типичные ошибки в alt-тегах
Ошибка первая: прямой машинный перевод
Автоматический перевод alt-тегов с английского на русский часто даёт неестественные или некорректные результаты. Фраза «woman in red dress holding coffee» машинным переводчиком может быть переведена как «женщина в красном платье удерживающая кофе» вместо естественного «женщина в красном платье с чашкой кофе». Каждый переведённый alt-тег необходимо проверять на естественность звучания.
Ошибка вторая: спам ключевыми словами
Некоторые SEO-специалисты используют alt-теги для нагнетания ключевых слов, превращая описание изображения в список запросов: «купить куртку зимнюю мужскую недорого Москва». Помимо негативного влияния на SEO (поисковые системы расценивают это как спам), такие alt-теги бесполезны для доступности и могут создать проблемы при проверке на соответствие 168-ФЗ, поскольку не являются полноценным текстом на русском языке.
Ошибка третья: использование имени файла
Техническое имя файла изображения (IMG_20260115_142356.jpg или product-photo-01.png) не является допустимым alt-тегом. Это не информативно, не на русском языке и не помогает ни пользователям, ни поисковым системам. Каждое изображение должно получить осмысленное описание, составленное вручную или проверенное человеком.
Практическое руководство по русификации alt-тегов
Шаг первый: аудит существующих alt-тегов
Начните с полного аудита всех изображений на сайте и их alt-тегов. Сканер КириллоСкан автоматически выявляет изображения с англоязычными или пустыми alt-тегами. Для каждого изображения определите категорию: информативное (требует описательного alt-тега на русском), декоративное (может иметь пустой alt), функциональное (кнопки и ссылки — alt-тег описывает функцию, а не изображение).
Выгрузите результаты аудита в таблицу с колонками: URL страницы, URL изображения, текущий alt-тег, категория, статус (требует обновления или допустим). Это позволит систематизировать работу и распределить задачи между членами команды.
Шаг второй: составление новых alt-тегов
Для информативных изображений составьте описательные alt-теги на русском языке. Придерживайтесь единого стиля: начинайте с существительного или прилагательного, описывающего основной объект на изображении. Избегайте вводных конструкций типа «на фотографии изображено» или «на картинке показано» — они избыточны и тратят символы на неинформативный текст.
Для функциональных изображений (иконки-ссылки, кнопки) alt-тег должен описывать действие или назначение: «перейти в корзину», «открыть меню», «скачать прайс-лист». Обратите внимание, что alt-тег кнопки «Добавить в корзину» с иконкой корзины должен звучать именно как «добавить в корзину», а не «изображение корзины».
Шаг третий: массовое обновление
На сайтах с сотнями и тысячами изображений ручное обновление каждого alt-тега занимает слишком много времени. Используйте комбинированный подход: шаблоны для типовых изображений (товарных карточек, категорий) и ручное написание для уникальных визуальных элементов. В системе управления контентом настройте обязательное поле alt-тега при загрузке любого нового изображения.
Для интернет-магазинов особенно эффективна автоматическая генерация alt-тегов на основе атрибутов товара: «[название товара] — [цвет] — [вид сбоку/спереди/сзади]». Это обеспечивает уникальность каждого alt-тега и его информативность. При этом сгенерированные тексты необходимо периодически проверять на качество и естественность.
Alt-теги и SEO при русификации
Русификация alt-тегов положительно влияет на позиции сайта в Яндекс.Картинках и Google Images для русскоязычных запросов. Изображения с русскоязычными alt-тегами чаще появляются в результатах поиска по картинкам для пользователей из России. Это дополнительный источник трафика, который часто недооценивается владельцами сайтов.
При русификации alt-тегов сохраняйте ключевые слова, по которым изображения уже ранжируются. Если изображение получает значительный трафик по англоязычному запросу, рассмотрите возможность создания двуязычного alt-тега: «Зимняя куртка-пуховик (winter jacket)». Это соответствует требованиям закона (основной текст на русском) и сохраняет релевантность по англоязычным запросам. Более подробно об SEO-аспектах русификации читайте в статье SEO и русификация сайта.
Автоматизация проверки alt-тегов
Для регулярного контроля alt-тегов на крупных сайтах необходимы автоматизированные инструменты. Сканер КириллоСкан проверяет alt-теги всех изображений на наличие англоязычного текста и формирует отчёт с указанием конкретных нарушений. Инструменты разработчика в браузерах позволяют быстро просмотреть alt-теги на отдельной странице. Плагины для систем управления контентом могут автоматически проверять alt-теги при добавлении новых изображений.
Рекомендуется интегрировать проверку alt-тегов в процесс непрерывной интеграции и развёртывания. При каждом обновлении сайта автоматический скрипт проверяет, что все новые изображения имеют alt-теги на русском языке. Это предотвращает появление нарушений при добавлении нового контента. Подробнее об автоматизации процессов проверки читайте в материале Автоматизация аудита 168-ФЗ.
Особые случаи
Инфографика и сложные изображения
Для инфографики и сложных визуальных элементов, содержащих большой объём информации, alt-тег должен содержать краткое описание общего содержания, а полная текстовая версия информации — размещаться рядом с изображением в основном тексте страницы. Это обеспечивает и доступность, и соответствие требованиям 168-ФЗ.
Изображения с текстом
Если изображение содержит текст (баннеры, промоматериалы, скриншоты), alt-тег должен воспроизводить этот текст на русском языке. Если текст на изображении на английском, а alt-тег на русском — это создаёт дополнительную проблему: само изображение нарушает 168-ФЗ. В этом случае необходимо не только обновить alt-тег, но и переделать само изображение с русскоязычным текстом.
SVG-изображения
SVG-файлы, используемые для иконок и логотипов, часто встраиваются непосредственно в HTML-код. Для них alt-тег задаётся через элементы title и desc внутри SVG-разметки. Эти тексты также должны быть на русском языке в соответствии с требованиями закона. Используйте руководство по мета-тегам и 168-ФЗ для комплексного подхода к русификации всех текстовых элементов страницы.
Заключение
Русификация alt-тегов — обязательный этап приведения сайта в соответствие с 168-ФЗ, который часто упускается из виду. Качественные alt-теги на русском языке не только обеспечивают соблюдение закона, но и улучшают доступность сайта, повышают позиции в поиске по картинкам и обеспечивают лучший пользовательский опыт. Начните с аудита существующих alt-тегов, составьте план русификации и автоматизируйте проверку для предотвращения будущих нарушений.