Кальтер / Блог

Как подготовить alt-текст изображений с ИИ без набивки ключей

Определи роль изображения на странице и проверь AI-предложение alt по видимому содержанию, контексту и полезности для читателя.

Материал подготовлен с помощью ИИ. Источники, учебные примеры и расчёты проверены редакцией перед публикацией.

Схема подготовки alt-текста от видимого содержания и контекста; пример не описывает конкретное изображение из статьи.
Схема подготовки alt-текста от видимого содержания и контекста; пример не описывает конкретное изображение из статьи.

Генератор видит изображение, но часто не знает, зачем оно стоит именно на этой странице. Поэтому alt нельзя автоматически писать только по картинке: сначала реши, несёт ли она информацию и что человек должен понять в контексте.

Определи роль каждого изображения

Для каждой картинки отметь страницу, соседний текст, подпись и функцию изображения. Оно может быть содержательным — например, показывать шаг установки — или чисто декоративным фоном. Для декоративного изображения используй пустой alt="", чтобы вспомогательные технологии могли его пропустить; не удаляй сам атрибут (W3C WAI: Decorative Images). Для сложной схемы дай короткое описание и доступное подробное текстовое представление существенной информации (W3C WAI: Complex Images).

Google рекомендует полезный, информативный alt, соотнесённый с содержанием страницы, и предостерегает от набивки атрибута ключевыми словами. Справка также подчёркивает значение окружающего текста и контекста изображения (Image SEO best practices). Это рекомендация для поиска изображений, а не подтверждение соответствия сайта всем требованиям доступности.

Используй короткий редакторский промпт

По изображению и контексту страницы определи роль: содержательное или декоративное.
Если декоративное — предложи пустой alt и объясни, почему описание не нужно.
Если содержательное — предложи один короткий alt, описывающий важную информацию для этой страницы.
Не добавляй невидимые детали, бренд, ключевые слова и выводы о качестве/результате.
Для диаграммы укажи, какая информация должна быть также доступна текстом рядом.

Страница и задача читателя: [..]
Изображение: [описание или файл]
Подпись и соседний текст: [..]

В учебном примере на фотографии видны открытая деревянная дверь и петля, установленная у края коробки; марка и модель неизвестны. Одна и та же фотография может получить разные решения в зависимости от страницы:

Контекст Возможный alt
Иллюстрация к инструкции по установке двери «Петля двери выровнена по краю коробки»
Декоративный баннер за заголовком, ничего не объясняет пустая строка alt=""
Каталог с несколькими похожими моделями уточнить видимую модель только если она известна из подтверждённых данных

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

На большом каталоге автоматизация может подготовить кандидаты, но сохраняй ручную проверку спорных и важных изображений. Не добавляй в alt запросы только ради SEO. Для страницы товара сначала отдельно сверь точность фида и AI-атрибутов: описание изображения не может подтвердить характеристики самого товара.