Как пишется alt в коде:
<img src="ссылка на картинку" alt="Атрибут Альт" >
Чтобы правильно понять, для чего нужен данный атрибут, стоит разобраться, как он работает.
Казалось бы, роботы давно научились понимать, что изображено на картинке, но это не всегда так.
Некоторые роботы не считывают изображение с картинок, но, тем не менее, всё-равно стремятся понять, что там изображено. Для этого существует альтернативный текст изображения.
По сути, это подпись, которая не выводится пользователям. Или выводится в аудио-формате скрин-ридерами для людей с нарушениями зрения.
Исключения также возможны при слабом интернет-соединении или запрете в браузере.
При этом нужно понимать, что продвижение при помощи alt - это "вход со двора". Большинство считает, что данный атрибут не влияет на позиции сайтов в поиске. Однако именно по нему осуществляется поиск по изображениям, откуда сайты также получают переходы.
Несколько рекомендаций для альтов:
Кратко
Не нужно писать alt целыми предложениями, уложитесь в 2-5 слов.
По смыслу
Опишите, что на картинке, но не забудьте о содержании страницы. Желательно, чтобы alt содержал главный ключ страницы (чаще всего он у вас в заголовке h1).
Уникально
Аlt не должны дублироваться — если это галерея, то используйте отличительные параметры (вид сверху, вид сбоку) или порядковые номера (1,2,3...).
Не всем изображениям нужны атрибуты
Оставьте технические изображения без alt.
Это относится к иконкам социальных сетей, навигации, фоновым изображениям.
Кроме логотипа — в логотип впишите название и краткое описание компании.
Например:
Alt= «Вконтакте - социальная сеть.»