Сначала выясните роль картинки
Альтернативный текст — не подпись и не место для SEO-ключей. Его задача — передать смысл изображения в контексте страницы тому, кто не видит картинку. Один и тот же снимок требует разного описания в каталоге, инструкции и декоративной заставке. Перед обращением к ИИ запишите, что пользователь узнаёт из кадра и чего не хватает в соседнем тексте. Если изображение полностью украшает страницу и не несёт информации, у него обычно должен быть пустой alt, а не красочное описание. Это решение принимает редактор по контексту, не модель по пикселям.
Соберите контекст для модели
Передайте изображение вместе с заголовком блока, соседним абзацем и подтверждёнными характеристиками. Для товара полезны ракурс, цвет по каталогу и видимая отличительная деталь. Не просите модель угадывать ткань, сорт дерева, технические параметры или возраст человека по фото. Лучше прямо указать, какие сведения не подтверждены. При работе с фотографиями клиентов проверьте согласие на обработку и правила используемого сервиса. Для серийных кадров заведите таблицу: имя файла, назначение, текущий alt, утверждённая версия и редактор. Без этой привязки описание быстро начинает относиться к старому изображению.
Три фотографии товара — три разные задачи
На карточке куртки первый кадр показывает общий вид спереди, второй — крупно молнию и воротник, третий — посадку со спины. Бесполезно повторять «синяя куртка» трижды. Черновик первого alt может назвать тип вещи и цвет, второго — видимую конструкцию застёжки, третьего — крой и длину спинки. Но не добавляйте преимущества, которых кадр не доказывает: «не промокает», «удобная посадка» или «премиальная ткань» не следуют из изображения. В тесте слушайте карточку целиком: соседний заголовок может уже сообщать название и размер, тогда alt лучше сократить.
Диаграмма требует другого подхода
Сложную диаграмму нельзя качественно заменить фразой «график роста продаж». Короткий alt сообщает тип и главный вывод: например, «Столбчатая диаграмма: продажи в мае выше апреля, но ниже мартовского пика». Точные значения и метод расчёта лучше дать в текстовой таблице или абзаце рядом. Модель может помочь прочитать оси, но обязана показать, какие числа взяла и откуда. Перепроверьте шкалу, единицы и подписи — особенно если ось начинается не с нуля. Для схемы процесса важен порядок шагов и развилки. Если их много, подготовьте отдельное текстовое описание, а не пытайтесь втиснуть всё в атрибут alt.
Сокращайте, а не украшайте
ИИ часто начинает с «на изображении представлено» и затем перечисляет фон, освещение, настроение и мелкие предметы. Для пользователя экранного диктора это задержка до главного. Уберите вводные слова, оставьте факты, которые меняют понимание действия или объекта. Не повторяйте подпись дословно. Не используйте оценочные прилагательные вроде «прекрасный» и «современный», если это не часть сообщаемого смысла. Избегайте ключевых слов списком: они ухудшают чтение и не помогают человеку. Если alt стал длиннее нескольких предложений, спросите себя, не нужен ли отдельный блок текста на странице.
Проверка в реальной последовательности
Откройте страницу клавиатурой и пройдите её экранным диктором. Читайте не отдельный alt, а порядок: заголовок, ссылка, изображение, следующий текст. Если картинка внутри ссылки, альтернативный текст должен помогать понять назначение ссылки. Если ссылка уже имеет понятное название рядом, повтор может оказаться лишним. Проверьте мобильную версию: порядок элементов иногда меняется. Попросите человека, который не видел изображение, пересказать, что он понял. Неудачный результат — не повод дописать всё подряд; иногда надо перестроить саму страницу или добавить текстовую таблицу.
Рабочий шаблон для редактора
Для каждого кадра заполните четыре поля: роль, что видно достоверно, что важно в контексте, чего утверждать нельзя. По этим полям попросите модель предложить две короткие версии. Выберите одну после проверки исходника. Например, декоративную фотографию рабочего стола пометьте как декоративную и не пишите alt. Для схемы крепления полки укажите направление и порядок действий. Для фото товара — видимую деталь, отличающую его от соседнего кадра. Храните утверждённый текст вместе с идентификатором файла, а не в случайном чате, чтобы при замене изображения редактор увидел несоответствие.
Ошибки, которые стоит ловить автоматически
Можно проверять отсутствие alt у содержательных изображений, одинаковый alt у разных кадров и внезапно слишком длинные строки. Но автоматическая проверка не докажет, что описание полезно. Пустой alt у декоративного элемента — не ошибка. Один и тот же логотип в одинаковом контексте может иметь одинаковое имя; три фотографии разных ракурсов товара — нет. Не превращайте инструмент в фабрику формальных отметок. Раз в месяц возьмите несколько страниц каждого типа и прочитайте их в режиме без изображений. Это быстрее выявит плохой контекст, чем отчёт о стопроцентном заполнении атрибутов.
Где применять дальше
Для товарной страницы сопоставьте alt с практикой карточки одежды: важно не придумать свойство, которого кадр не показывает. Когда изображение участвует в последовательности действий, дополнительно проверьте доступность всей инструкции, а не один атрибут картинки.
Частые вопросы
Нужно ли писать «изображение» в начале? Обычно нет: диктор уже сообщает тип элемента. Можно ли описывать человека по внешности? Только если это важно для смысла и подтверждено; не угадывайте чувствительные характеристики. Должен ли alt повторять название товара? Иногда достаточно отличительной детали, если название уже озвучено рядом. Чем измерить качество? Проверкой реального сценария без картинки и числом мест, где человеку пришлось искать пояснение.
Короткая проверка
- Понятны цель и человек, который примет результат.
- Исходники очищены, их версия и дата сохранены.
- Факты, числа и ограничения сверены вручную.
- Неудачный пример записан вместе с причиной.
- Есть измеримый следующий шаг и путь назад.