0

Как лучше отображать иконки с точки зрения оптимизации и SEO? Я видел и отображение каждой иконки в отдельном div и вставку их в button и в тег (как у fontawesome) и добавление их через псевдоклассы :before :after (если они реализованы через шрифты), Браузеры роботы вообще, когда читают сайт осознают что пользователь иконкой, как бы намекает что будет делать-тот или иной блок (опять же на примере fontawesome)?

2 ответа 2

1

нет, поисковые роботы определять изображенное на иконах пока не научились (руки нейронных сетей не дошли). зато им можно и нужно помочь, добавляя на ссылки аттрибут title и на img аттрибут alt с текстом.

например:

<a href="/blog/create" class="fa fa-blog" title="Создать новый блог"></a>
<a href="/blog/create"><img src="/img/create_blog.png" alt="Создать новый блог"/></a>
1

Если вы используете иконки как изображения, то для поисковой оптимизации создавайте семантическое содержание в атрибуте alt каждого изображения. Например, если линк связан с видео, то примените содержание для alt, что-то связанное с видео "иконка видео камеры для урл видео", или что-то подобное. При установке иконок вы можете применять любые правила css. Это впрямую не касается поисковой оптимизации, но косвенно это влияет на юзабилити - удобство просмотра. Я рекомендую вам применять иконки как мнемонические символы HTML - список W3 (в левом меню вы можете выбирать группу символов, в секторе HTML Symbols) + список с поиском. Также вы можете применять иконки как буквы Гугл - инфо W3.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.