Нужно ли прописывать Alt-текст для навигационных иконок?

Ответ

Для иконок, даже навигационных, рекомендуется прописывать Alt-текст. Это поможет поисковым системам и пользователям с ограниченными возможностями понять содержание и контекст этих иконок.

Пример:
<img src=»phone-icon.png» alt=»Телефон»/>
<img src=»email-icon.png» alt=»Электронная почта»/>
<img src=»working-hours-icon.png» alt=»Время работы»/>

Иконки вставлять можно и как стили, и как изображения — здесь не будет никакой ошибки при использовании любого из способов. Однако мы все же привыкли использовать именно формат изображения, так как это банально удобнее для редактирования и обновления в случае необходимости.

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

Еще по теме:

• Как автоматом раскидать ключи из GSC по релевантным страницам сайта?
Есть ключи из GSC и есть страницы сайта. Как автоматом или полуавтоматом раскидать ключи по релевантным страницам сайта? Ответ Если речь идет о том, как...
• Как влияет на дизайн сайта отключение CSS стилей?
При отключении CSS стилей на сайте пропадают изображения и остальной дизайн. Остается только текст. Это корректно? Или дизайн сайта вне зависимости от отключения CSS стилей...
• Как сделать редизайн и переезд сайта без потерь позиций и трафика
Вступление Делая редизайн сайта, вы, конечно же, надеетесь на улучшение позиций, трафика. Вряд ли кто-то рассчитывает увидеть после доработок такой график: На практике ситуация с...
• Обзор CMS: PrestaShop – преимущества и недостатки
Проводя внутреннюю оптимизацию для наших клиентов, мы сталкиваемся с различными CMS и в результате работы составляем свое мнение о достоинствах и недостатках той или иной...
• Как поступить с изображениями для мобильной версии сайта?
Есть изображения, они нормально смотрятся на десктопной версии. Что делать с мобильной версией (адаптивной): подгружать другие, дополнительные картинки нужного размера? Ответ Подгружать изображения подходящего размера...