Альтернативный текст для изображений: указываем правильно
Все изображения на сайте нужно оптимизировать для SEO. Это означает, в теге нужно прописать атрибуты title и атрибут alt. Содержимое атрибута alt называется альтернативным текстом. Он предназначается для поисковых роботов и пользователей.
Альтернативный текст для изображения в html коде выглядит так:
Альтернативный текст для поисковиков
По альтернативному тексту поисковые роботы определяют содержимое изображения и индексируют его. Это помогает повысить релевантность страницы. Также благодаря alt тексту изображения сайта попадают в поиск по картинкам Яндекса и Гугла, откуда сайт может получить дополнительный трафик.
На продающих сайтах трафик с картинок может привести покупателей. В некоторых ситуациях пользователи ищут товары по его изображению, и, найдя нужную картинку в поиске, переходят на сайт для покупки. Поэтому в интернет-магазинах важно прописывать атрибуты изображений товаров.
Разработка SEO-сайтов с пожизненной гарантиейСоздаем невероятные SEO-сайты, оптимизированные по 69 параметрам уже на этапе разработки
Альтернативный текст для пользователей
Пользователи увидят альтернативный текст на месте изображения в том случае, если картинка по какой-то причине не загрузилась, или же сам пользователь отключил показ картинок. Также alt-текст используют браузеры для слабовидящих и незрячих и специальные программы-скринридеры, которые интерпретируют информацию на экране браузера. Они преобразуют альтернативный текст картинки в звук, тем самым незрячие и слабовидящие пользователи получают представление о содержимом изображения.
- Правила составления альтернативного текста для изображения:
- Текст должен быть кратким и содержательным, и максимально полно описывать содержимое картинки.
- Длина текста при этом не должна превышать 250 символов. Оптимально: 3-10 слов и 60-80 символов.
- В альтернативный текст обязательно нужно включать ключевые слова. Они укажут поисковикам на релевантность изображения поисковому запросу и обеспечат попадание в поиск по картинкам.
- Количество ключевиков должно быть ограниченным, не нужно перечислять всё что есть — только самые важные и имеющие непосредственное отношение к содержимому картинки. Переспамленный атрибут alt может привести к наложению санкций на сайт.
- Если у товара несколько изображений, допускается прописать у них одинаковые alt. Или же можно добавить к тексту дополнительно описание вроде «вид сбоку» или «оборотная сторона» и т.д.
Как прописать альтеративный текст для изображения
Alt текст можно прописать сразу в HTML коде, добавив в тег атрибут: alt= “альтернативныйтекст“. Если вы пользуетесь визуальным редактором в CMS, то в окне редактирования изображения есть поле для вписывания alt атрибута.