Alt изображения: как писать описания для SEO и людей

Alt изображения — это короткое текстовое описание картинки в коде страницы. Посетитель его обычно не замечает, но его зачитывают программы экранного доступа, браузер показывает его, если картинка не загрузилась, а поисковик использует, чтобы понять, что на ней изображено. Для сайта магазина, клиники или студии в Ташкенте это один из самых дешёвых способов сделать страницы понятнее и людям, и роботам.

Зачем бизнесу alt изображения

Первая причина — доступность. Незрячие и слабовидящие пользователи слушают страницу через синтезатор речи. Если у фотографии товара нет описания, они услышат либо ничего, либо имя файла вроде IMG_2045. Такой посетитель не узнает, что именно вы продаёте, и уйдёт к конкуренту.

Вторая причина — нестабильная загрузка. В регионах и при слабом мобильном интернете картинки подгружаются не всегда, и вместо них человек видит текст alt. Третья — поиск: описание помогает поисковой системе понять изображение и тему страницы, а качественные картинки могут приводить посетителей из поиска по изображениям.

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

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

Представьте, что вы по телефону объясняете человеку, что изображено на картинке. Говорите коротко, конкретно и по делу. Ключевое слово можно использовать, только если оно естественно описывает снимок; перечень запросов через запятую не работает и выглядит как спам.

  • Опишите, что на изображении: предмет, действие, место.
  • Для товара укажите название, цвет и ракурс.
  • Ограничьтесь одной фразой.
  • Учитывайте контекст: одно и то же фото на странице услуги и в блоге можно описать по-разному.
  • Если на картинке есть текст (баннер, акция, условия), передайте его в alt или продублируйте обычным текстом на странице.
  • Не начинайте со слов «фото» и «изображение»: программа и так сообщает, что это картинка.

Примеры для местного бизнеса

Разница между плохим и хорошим описанием хорошо видна на типичных нишах.

  • Мебельный магазин. Плохо: «мебель дёшево Ташкент купить». Хорошо: «Угловой кухонный гарнитур белого цвета со столешницей под дерево».
  • Стоматология. Плохо: «врач». Хорошо: «Стоматолог показывает пациентке модель импланта».
  • Установка кондиционеров. Хорошо: «Мастер монтирует настенный кондиционер в спальне квартиры».
  • Ресторан. Хорошо: «Плов в казане, вид сверху, перед раздачей».
  • Интернет-магазин. Хорошо: «Беспроводные наушники чёрного цвета в открытом зарядном кейсе».

Когда alt должен быть пустым

Не каждая картинка нуждается в описании. Фоновые узоры, декоративные разделители, иконки рядом с подписью, которая уже всё объясняет, лучше пометить пустым атрибутом alt="". Тогда программы экранного доступа пропустят их и не будут отвлекать пользователя.

Обратите внимание: пустой атрибут и отсутствие атрибута — разные вещи. Если атрибута нет вовсе, часть программ может зачитать имя файла, а краулеры отметят это как недочёт.

Типичные ошибки

Большинство проблем возникает не от незнания, а от спешки при наполнении сайта.

  • Одинаковый alt у всех картинок на странице.
  • Имя файла вместо описания.
  • Длинный список ключевых слов.
  • Отсутствие alt у главных фотографий товаров и услуг.
  • Описание не соответствует картинке, например после замены фото.
  • Один и тот же русский текст на узбекской версии сайта.

Каталог на сотни товаров

Вручную описать каждое фото в большом каталоге нереально, поэтому alt часто собирают автоматически из названия товара и характеристик. Это лучше, чем пустота, но шаблон нужно проверить: у разных ракурсов одного товара не должно быть полностью одинакового текста, а в описание не должны попадать технические коды.

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

Как проверить и где это место в стратегии

Запустите краулер: он покажет изображения без alt. Затем выборочно сравните описания с самими картинками и послушайте страницу в режиме экранного чтения хотя бы пару минут. Эти проверки быстро выявляют и пропуски, и абсурдные шаблонные тексты.

Alt — мелочь, но по ней видно, насколько осознанно собран сайт. В markdev мы рассматриваем такие задачи как часть общей стратегии: сначала определяем, что приносит заявки, и только потом расставляем приоритеты правок. Если хотите понять, с чего начать именно на вашем сайте, обсудим вашу задачу.

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

Нужно ли заполнять alt у всех изображений?

У содержательных — да. Декоративным картинкам ставят пустой alt="", чтобы программы экранного доступа их пропускали.

Можно ли вставлять ключевые слова в alt?

Можно, если слово естественно описывает изображение. Перечисление запросов не помогает продвижению и портит качество описания.

Какой длины должен быть alt?

Хватает одной короткой фразы. Строгого лимита нет, но если описание превращается в абзац, его стоит сократить или вынести суть в текст страницы.

Что делать с картинками, на которых есть текст?

Передайте этот текст в alt или продублируйте его обычным текстом на странице, чтобы информация была доступна всем.

Как проверить, что на сайте нет изображений без alt?

Используйте любой SEO-краулер, он выводит список таких картинок. Дополнительно просмотрите описания выборочно и убедитесь, что они соответствуют фото.

Разберём вашу задачу бесплатно

Оставьте контакт — за 15 минут созвона покажем, где теряются заявки и что сделать в первую очередь.