Должны ли индексироваться иконки контактов, карты и др...

❓Вопрос 4507

Должны ли индексироваться иконки контактов, карты и др. вспомогательные иконки на сайте? Разрабатываю сайт, и есть выбор: вставить иконки картинками — тогда поисковик будет знать, что на странице есть иконки телефона, карты и т.д. (но страница будет тяжелее), вставить иконки через CSS — тогда поисковик не будет знать о наличии доп. элементов на странице, или вставить иконки при помощи SVG — кода HTML станет больше. Как поступить в такой ситуации и важны ли такие элементы как иконки для ПС?

❗️Ответ

Вспомогательные иконки на сайте такие как контакты, карты хоть и важны, но не оказывают значительного влияния на ранжирование. Намного приоритетнее фактор технической оптимизации скорости загрузки и UX. Мы рекомендуем оставлять иконки открытыми к индексации, при этом Google с каждой итерацией “понимает” содержание иконок в любом формате.

Если на вашем сайте будет небольшое количество “легких” иконок, то использование изображений не создаст значительной нагрузки на сайт. Если же их будет много использование SVG или CSS предпочтительней, чем иконки в виде изображений:

🔸 Иконки через CSS будут весить меньше по сравнению с изображениями. И ещё они легко масштабируются и стилизуются.

🔸 SVG могут быть встроены в HTML код, что позволяет добавлять семантические атрибуты, такие как title и description. Кода HTML может стать больше, но обычно это несущественно по сравнению с общей массой HTML кода страницы. Мы чаще всего используем именно этот формат работы с иконками.

🔸 В иконки в виде изображений можно добавить атрибуты alt, которые могут помочь с семантикой на странице и лучше понимать содержимое пользователям, у которых не прогружаются изображения. Но страница станет "тяжелее", (если иконок много), что может негативно сказаться на скорости загрузки.

Если речь идет о небольшом количестве иконок, и они несут важный смысловой контент, изображения вполне подходят. Если вам важно минимизировать вес страницы, иконки через SVG или CSS — хороший выбор.

‼️Прокомментировать ответ или задать уточняющий вопрос можно у нас в блоге. Делитесь мнением и опытом в комментариях!

🚨 via @siteclinic_doctor 🚨

Источник новости https://t.me/siteclinic_doctor...