Атрибут alt в SEO
Отдельного внимания при внутренней
оптимизации требуют изображения
и атрибут alt.
Атрибут alt - это текстовая альтернатива изображению. В первую очередь она нужна для доступности: ее озвучивает скринридер, а браузер может показать ее, если картинка не загрузилась.
Поисковые системы анализируют не только
тег alt, но и само изображение,
подпись и окружающий текст. Поэтому
тег alt помогает понять содержание
картинки, но не заменяет полезный
контекст страницы.
Для смысловой картинки кратко передайте то, что важно в данном контексте:
<img src="phone.jpg" alt="Черный смартфон Pixel 8">
Не перечисляйте лишние детали и не добавляйте ключевые слова ради SEO. Если изображение служит ссылкой, альтернатива должна передавать ее цель:
<a href="/catalog/phones">
<img src="phones.jpg" alt="Каталог смартфонов">
</a>
Декоративная картинка не несет
самостоятельного смысла. Для нее нужен
пустой атрибут alt="", чтобы
скринридер пропустил изображение:
<img src="line.png" alt="">
Не путайте тег alt с атрибутом
title.
Атрибут title может показывать подсказку
при наведении, но не заменяет текстовую
альтернативу. Обычно добавлять его
к изображению не требуется.
Итак, хороший текст в теге alt
помогает пользователю понять смысл
изображения.
Дополнительной подсказкой может служить
понятное имя самого файла.
Дана верстка:
<img src="phone.jpg">
Объясните, в чем ошибка и исправьте ее.
Дана верстка:
<img src="phone.jpg">
<img src="line.png">
Объясните, в чем ошибка и исправьте ее.
Дана верстка:
<a href="/catalog/phones">
<img src="phones.jpg" alt="картинка">
</a>
Объясните, в чем ошибка и исправьте ее.
