Alt — текстовая альтернатива изображения в контексте страницы. Он помогает пользователю понять смысл, если картинка не загрузилась или недоступна визуально, и дает поисковой системе описание объекта. Хороший alt передает полезную информацию, а не перечисляет ключи. Для декоративной картинки нужен пустой alt, для изображения-ссылки — назначение действия, а атрибут title не заменяет альтернативный текст.
Что обновлено 25.08.2026 для «Атрибут alt у изображений: правила, примеры и проверка без переспама»: удалён массовый универсальный хвост; добавлены состояния проверки, pre-release и post-release контроль; уточнены ограничения и действия после проверки.
Как определить задачу изображения
Следующий связанный шаг: Заголовок H1: правила, отличие от Title и практическая проверка. Для материала «Атрибут alt у изображений: правила, примеры и проверка без переспама» эта ссылка продолжает соседнюю задачу без повторения текущего раздела.
Сначала поймите, что потеряет читатель
Представьте, что изображение не отображается. Если без него пропадает факт, объект, состояние или результат шага, передайте эту информацию в alt. Если соседний текст уже полностью объясняет картинку, не повторяйте абзац дословно. Альтернатива зависит от контекста: одна фотография товара в каталоге и в инструкции может требовать разных описаний.
Содержательное изображение
Для фотографии, схемы или скриншота назовите объект и значимую деталь: «Фильтр отчета Search Console по типу устройства» лучше, чем «скриншот SEO». Не начинайте с «изображение» или «фото», если тип не важен. Для сложной диаграммы alt кратко сообщает вывод, а таблица данных или подробное объяснение размещается рядом в тексте.
Декоративное изображение
Разделитель, фоновая текстура или иконка рядом с уже видимой подписью не добавляет смысла. Для нее указывают пустой атрибут `alt=""`, чтобы программа чтения с экрана пропустила элемент. Отсутствующий alt — другая ситуация: технология может озвучить имя файла, что создает шум. Декор лучше задавать CSS, если он не является содержанием.
Изображение как ссылка или кнопка
Если внутри ссылки нет другого текста, alt выполняет роль анкора и описывает действие или назначение: «Перейти в корзину», а не «значок тележки». Для кнопки поиска — «Найти». Не дублируйте видимую подпись в alt, если она уже входит в тот же интерактивный элемент; проверьте доступное имя с помощью инспектора браузера.
Как написать хороший alt
Следующий связанный шаг: Проверка уникальности текста: как читать процент и исправлять совпадения. Для материала «Атрибут alt у изображений: правила, примеры и проверка без переспама» эта ссылка продолжает соседнюю задачу без повторения текущего раздела.
Описывайте конкретно и кратко
Назовите объект, действие и отличительный признак, если он нужен для понимания. Для карточки: «Черный офисный стул Model X, вид сбоку»; для процесса: «Форма подтверждения домена через DNS TXT». Не существует универсального лимита символов, но alt не должен превращаться в отдельную статью. Длинное объяснение вынесите в подпись или основной текст.
Используйте ключ только по смыслу
В Image SEO работает полезный, информативный текст с уместными словами в контексте. Перечень «купить стул цена стул Москва дешево» ухудшает доступность и выглядит как keyword stuffing. Если основная формулировка естественно называет объект, используйте ее один раз; одинаковые изображения на странице не обязаны иметь одинаковые alt.
Различайте варианты товара
Для e-commerce включите признаки, которые видны и влияют на выбор: модель, цвет, ракурс, материал или комплектация. Не добавляйте цену, акцию и характеристики, которых нет на изображении. Галерея из десяти похожих кадров получает различия по ракурсу или детали, если они полезны; декоративные миниатюры управления могут быть скрыты от озвучивания.
Отделяйте alt от подписи и имени файла
Подпись видна всем и может содержать источник, пояснение или вывод. Alt заменяет визуальную информацию при ее отсутствии. Имя файла помогает управлению медиа и может быть понятным, но не является гарантированной альтернативой. Используйте короткие транслитерированные или латинские имена без служебных идентификаторов; не копируйте filename в alt автоматически.
Title, технические случаи и аудит
Что делает title у изображения
Атрибут title иногда показывается как всплывающая подсказка, но его поведение зависит от устройства и не подходит для критически важной информации. На сенсорном экране наведения может не быть. Не дублируйте туда alt ради SEO и не рассчитывайте, что title исправит отсутствующую подпись или доступное имя.
Фоновые изображения и SVG
CSS background не имеет alt. Если фон передает содержание, реализация выбрана неверно: добавьте обычный img или текстовый эквивалент. Для SVG решение зависит от способа вставки и роли: декоративный скрывают от вспомогательных технологий, содержательному дают доступное имя и при необходимости описание. Проверяйте итоговое accessibility tree.
Responsive и lazy-load изображения
В srcset и picture разные файлы показывают один смысл, поэтому alt задается элементу img и остается эквивалентным. Lazy-load не должен оставлять пустой src без доступного текста или менять alt скриптом после взаимодействия. Проверьте HTML, рендеринг без JavaScript и вид мобильного Googlebot для критических изображений.
Как провести массовый аудит alt
Краулер выгружает URL страницы, src, alt, размер файла и статус ресурса. Сгруппируйте отсутствующие атрибуты, пустые значения, одинаковые alt, слишком общие фразы и подозрительные перечни ключей. Затем проверьте контекст вручную: пустой alt у декора корректен, а уникальный alt не обязательно хорош. Исправляйте шаблон карточки и медиапроцесс, а не только текущие записи.
Редакционный алгоритм заполнения alt
Редактору достаточно пройти дерево решений для каждого типа изображения. Оно быстрее формального требования «заполнить все поля».
Порядок действий
- Определите, передает ли изображение информацию, функцию или служит только оформлением.
- Для декора задайте пустой alt и убедитесь, что смысл не передается только цветом или иконкой.
- Для содержательной картинки запишите, что пользователь должен узнать, не видя ее.
- Сократите описание до объекта, действия и значимой детали без слов «картинка» и списка ключей.
- Для изображения-ссылки опишите цель перехода или действие, если другого текста в ссылке нет.
- Для сложной схемы добавьте короткий alt и полноценное текстовое объяснение рядом.
- Проверьте, не дублирует ли alt соседнюю подпись и не содержит ли невидимых характеристик.
- После публикации протестируйте HTML, загрузку изображения и доступное имя элемента.
Контрольный чек-лист
- У каждого img есть атрибут alt
- Пустой alt используется осознанно
- Смысл соответствует контексту
- Нет набора ключевых слов
- Нет выдуманных характеристик
- Галерея различает полезные ракурсы
- Ссылка имеет понятное назначение
- Сложная схема объяснена текстом
- Title не заменяет alt
- Шаблон CMS проверен массово
Таблица решений
| Тип изображения | Пример alt | Комментарий |
|---|---|---|
| Фото товара | «Кофемолка X100, вид на регулятор помола» | Передает модель и полезную деталь |
| Схема процесса | «Этапы: обход, индексирование, показ» | Подробности раскрыть рядом |
| Декоративный разделитель | alt="" | Не озвучивать оформление |
| Иконка-ссылка без текста | «Скачать инструкцию PDF» | Описывает действие и формат |
| Скриншот интерфейса | «Фильтр отчета по мобильным устройствам» | Называет нужный элемент |
Частые вопросы
Нужно ли заполнять alt у каждой картинки?
Атрибут нужен у img, но для чистого декора его значение должно быть пустым, а не рекламным.
Можно ли повторять H1 в alt?
Только если это точное описание конкретного изображения, что бывает редко. Автоматическое повторение создает бессмысленные дубли.
Влияет ли имя файла на SEO?
Понятное имя полезно для порядка и контекста, но не заменяет alt, страницу и качество самого изображения.
Нужен ли атрибут title?
Обычно нет. Используйте видимую подпись для важного пояснения; title не является надежной альтернативой.
Решение по alt для разных ролей изображения
Для темы «Атрибут alt у изображений: правила, примеры и проверка без переспама» проверка строится по состояниям, а не по одному скриншоту или индикатору сервиса. В таблице нет универсальных проектных порогов: ожидаемое поведение задаётся спецификацией конкретного сайта и подтверждается на реальном URL.
| Состояние | Проверка | Нормальный результат | Типичная ошибка | Исправление |
|---|---|---|---|---|
| Содержательная фотография | Просмотр без изображения и HTML | Alt передаёт функцию или существенный объект | Перечисление ключевых слов | Описать только то, что помогает понять контекст |
| Изображение-ссылка | Проверка доступного имени ссылки | Alt объясняет действие или цель перехода | Alt повторяет имя файла | Назвать назначение ссылки, не внешний вид кнопки |
| Декоративная иконка | Проверка роли в интерфейсе | Пустой alt, если смысл уже передан текстом | Дублирование соседней подписи | Оставить alt пустым и не скрывать важную функцию |
| Схема или график | Сопоставление с подписью и текстом | Краткий alt плюс доступное объяснение рядом | Попытка поместить весь график в alt | Дать вывод в тексте и коротко назвать схему |
| Товарный вариант | Сверка карточки и выбранной опции | Alt различает фактический цвет/ракурс, если это важно | Один шаблон для всех изображений | Подставлять только достоверные данные варианта |
| Текст внутри баннера | Отключение картинки и проверка DOM | Существенный текст доступен в HTML | Alt используется как единственный носитель оффера | Перенести сообщение в HTML, alt оставить описательным |
Корректный и ошибочный сценарий
Корректно: для схемы alt называет её предмет, а вывод и детали доступны в подписи и соседнем тексте.
Ошибочно: декоративной стрелке присвоен длинный alt с ключевыми словами, который экранный диктор повторяет возле уже понятной ссылки.
Контроль до релиза
- Разделить изображения по роли, а не по расширению файла
- Проверить шаблон при пустых данных
- Убедиться, что важный текст присутствует в HTML
Контроль после релиза
- Просмотреть DOM и доступное имя
- Проверить несколько вариантов одного шаблона
- Повторить контроль после выгрузки из CMS
Критерии готовности: Атрибут alt у изображений: правила, примеры и проверка без переспама
- Каждое состояние проверено на целевом шаблоне и хотя бы одном граничном варианте. Для темы «Атрибут alt у изображений: правила, примеры и проверка без переспама» критерий проверяется в описанном контексте.
- Ожидаемый HTTP, HTML или интерфейсный результат зафиксирован до изменения. Для темы «Атрибут alt у изображений: правила, примеры и проверка без переспама» критерий проверяется в описанном контексте.
- Назначен владелец исправления и условие отката при регрессии. Для темы «Атрибут alt у изображений: правила, примеры и проверка без переспама» критерий проверяется в описанном контексте.
- После выпуска повторена та же проверка без кэша и привилегированного доступа. Для темы «Атрибут alt у изображений: правила, примеры и проверка без переспама» критерий проверяется в описанном контексте.
Работа по теме «Атрибут alt у изображений: правила, примеры и проверка без переспама» закрывается техническим доказательством, а не ожиданием будущего роста. Поисковый эффект оценивают позже и только по фактическим данным.
Получите бесплатный аудит и стратегию роста
Изучим сайт, покажем точки роста и подготовим прогноз до квалифицированных лидов и оборота из SEO/GEO.