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

Ответ

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

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

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

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

Еще по теме:

• Безопасный переезд сайта с http на https в Яндексе и Google
В последние время всё больше владельцев проектов задумываются о переводе сайтов на защищённый протокол. Не перестают напоминать об этом и представители поисковых систем. Яндекс пока...
• Детальное руководство по файлу Sitemap
В этом путеводителе мы рассмотрим следующие вопросы: Что такое Sitemap Для чего нужна карта сайта HTML- VS XML-карта сайта Другие форматы Sitemap Требования Google и...
• Как правильно составлять атрибут ALT к изображениям на сайте?
Как составлять АЛЬТЫ? Какой процент альтов включает геозависимость? Какая должна быть длина, контекст? Ответ Атрибут ALT необходим для поиска по картинкам и для вывода описания...
• Влияние HTML5 на SEO
Что такое HTML5 семантика? Основные семантические элементы HTML5 header footer article section main nav aside Дополнительные полезные теги мультимедийные теги (audio, video) canvas details mark...
• Микроразметка: помогаем боту понять ваш контент
Что такое структурированные данные? Словари, форматы и влияние на SEO Какие словари структурированных данных используются? Микроразметка Schema.org Структурированные данные Open Graph Форматы микроразметок (синтаксис) Микроданные...