Главная→База знаний→Alt-тексты изображений

База знаний · Изображения

Alt-тексты изображений: как писать, чтобы помогали поиску и людям

Q: Влияет ли alt на позиции сайта?

Косвенно. Alt — основной сигнал для поиска по картинкам (Google Images, Яндекс.Картинки), откуда идёт отдельный трафик. Плюс он улучшает доступность и понимание страницы поисковиком. Прямым фактором ранжирования обычного текстового поиска alt не является, но пользу приносит ощутимую.

Q: Чем alt отличается от атрибута title у картинки?

Alt — это альтернатива картинке (для скринридеров, поиска и случая, когда изображение не загрузилось), он обязателен по смыслу. Title — всплывающая подсказка при наведении мышью, необязательная и второстепенная. Для SEO и доступности важен именно alt.

Q: Нужен ли alt каждой картинке?

Атрибут alt желательно иметь у каждой картинки. Но его содержимое зависит от роли: смысловым — осмысленное описание, декоративным — пустой alt. Не должно оставаться картинок вообще без атрибута alt.

Q: Сколько ключей вставлять в alt?

Ноль ради ключей. Пишите естественное описание; если ключевой запрос ложится в него органично — хорошо, одного достаточно. Списки ключей в alt поисковики распознают как спам, и пользы от них нет.

Если аудит показал «изображения без атрибута alt» — вы теряете сразу на двух фронтах. Alt — это описание картинки словами: его читает поисковик для поиска по картинкам и озвучивает программа экранного доступа незрячему. Нет alt — картинка «немая»: и Google не понимает, что на ней, и человек слышит в лучшем случае «IMG_4821».

×2трафик по картинкам + доступность

~125символов — комфортная длина alt

alt=""у декоративных — осознанно

Кратко — каким должен быть alt

Описывает, что на картинке, конкретно и по делу
Короткий — примерно до 125 символов, одна ёмкая фраза
Без слов «картинка», «фото» — скринридер и так объявляет, что это изображение
С ключом, если он уместен по смыслу, — но без списка ключей через запятую
У декоративных картинок alt пустой (alt="") — это приём, а не ошибка

Что такое alt и три его задачи

Alt — это атрибут тега картинки: <img src="okno.jpg" alt="Белое окно ПВХ в интерьере кухни">. Он решает сразу три задачи:

Доступность. Программы экранного доступа читают alt вслух незрячим и слабовидящим. Без него человек не понимает, что изображено, — а для многих сайтов доступность ещё и требование закона;
SEO по картинкам. Google и Яндекс не «видят» картинку глазами — они понимают её содержание в основном из alt, имени файла и окружающего текста. Хороший alt — шанс попасть в поиск по картинкам и привести оттуда трафик;
Запасной текст. Если картинка не загрузилась (медленный интернет, битая ссылка), браузер покажет на её месте текст alt — и пользователь поймёт, что там было.

Именно поэтому наш аудит помечает картинки без alt как проблему: страдают и поиск, и живые люди.

Как писать хороший alt

Главный принцип — опишите картинку так, как описали бы её человеку по телефону: коротко и по существу.

Конкретика вместо общих слов. Не «услуга», а «Мастер ремонтирует стиральную машину на кухне»;
По делу для этой страницы. На странице товара важны характеристики, в статье — суть иллюстрации;
Без «картинка/изображение/фото». Скринридер сам сообщает, что это изображение;
Ключ — если он естественен. Уместное вхождение запроса полезно, но alt пишется для описания, а не для спама;
Длина — до ~125 символов. Столько комфортно озвучивает скринридер за раз.

Примеры: плохо и хорошо

Одна и та же фотография окна на странице услуги:

✕alt="" — пустой у смысловой картинки, поиск и скринридер не получают ничего

✕alt="IMG_4821.jpg" — имя файла, бесполезно

✕alt="окна окна купить окна минск пвх недорого" — спам ключами

✓alt="Белое окно ПВХ с двойным стеклопакетом в интерьере кухни"

Последний вариант понятен и человеку, и роботу, а ключ вписан естественно.

Декоративные картинки: когда alt должен быть пустым

Не каждая картинка несёт смысл. Разделители, фоновые узоры, иконки рядом с текстом-дублёром — чисто декоративные элементы. Их не нужно описывать: для них ставят пустой alt — alt="" (именно пустой атрибут, а не его отсутствие).

◆ Тонкость, которую все путают

Пустой alt="" говорит скринридеру «пропусти, это декор» — и он молча идёт дальше. А отсутствие атрибута alt — неопределённость: скринридер может начать зачитывать имя файла. Правило: несёт смысл — опиши; чисто украшение — поставь alt="". Полностью «без alt» не должно оставаться ничего.

Частые ошибки из наших аудитов

Alt вообще нет — самый частый случай: изображения загрузили, а атрибут не заполнили;
Имя файла вместо описания — alt="DSC_0042"; для поиска и человека это пустой звук;
Переспам ключами — alt как список запросов; вредит и SEO, и восприятию на слух;
Один alt на все картинки — шаблонное «Фото компании» на каждом изображении;
Смысловая картинка с пустым alt — важное фото или инфографику по ошибке пометили как декоративную, и поиск её не видит.

Как проверить свои картинки

Исходный код — Ctrl+U и поиск <img: у каждой ли картинки есть атрибут alt и осмысленный ли он
Расширения браузера — плагины вроде «Web Developer» подсвечивают все картинки без alt
Проверка на слух — включите «Экранный диктор» в Windows и пройдите по странице: что он говорит на месте картинок
SEO-аудит — считает, сколько изображений на сайте без alt, по каждой странице

Что дальше

Пройдитесь по ключевым страницам и добавьте осмысленные alt к смысловым картинкам, а декоративным проставьте пустой alt="". Описывайте конкретно и коротко, без «фото» и без списков ключей. На WordPress alt заполняется в медиабиблиотеке при загрузке изображения. Это несложная правка, которая открывает трафик из поиска по картинкам и делает сайт доступным для всех.

Хотите узнать, сколько изображений на вашем сайте без alt и где именно? Закажите комплексный SEO-аудит: посчитаем картинки без alt по каждой странице, а заодно проверим метатеги, скорость, разметку и видимость в ИИ-поиске.

Частые вопросы

Коротко об alt-текстах

Влияет ли alt на позиции сайта? +

Косвенно. Alt — основной сигнал для поиска по картинкам (Google Images, Яндекс.Картинки), откуда идёт отдельный трафик. Плюс он улучшает доступность и понимание страницы поисковиком. Прямым фактором ранжирования обычного текстового поиска alt не является, но пользу приносит ощутимую.

Чем alt отличается от атрибута title у картинки? +

Alt — это альтернатива картинке (для скринридеров, поиска и случая, когда изображение не загрузилось), он обязателен по смыслу. title — всплывающая подсказка при наведении мышью, необязательная и второстепенная. Для SEO и доступности важен именно alt.

Нужен ли alt каждой картинке? +

Атрибут alt желательно иметь у каждой <img>. Но его содержимое зависит от роли картинки: смысловым — осмысленное описание, декоративным — пустой alt="". Не должно оставаться картинок вообще без атрибута alt.

Сколько ключей вставлять в alt? +

Ноль «ради ключей». Пишите естественное описание; если ключевой запрос ложится в него органично — хорошо, одного достаточно. Списки ключей в alt поисковики распознают как спам, и пользы от них нет.

Проверим ваш сайт

Сколько картинок на вашем сайте без alt?

Закажите SEO-аудит — посчитаем изображения без alt по каждой странице и покажем, где вы теряете трафик из поиска по картинкам. А заодно проверим метатеги, скорость, разметку и видимость сайта в ИИ-ответах.

Заказать SEO-аудит Все услуги