Ответ
Семантическая верстка не имеет прямого влияния на позиции сайта, так как не является фактором ранжирования поисковых систем. Но правильно структурированный документ, помогает поисковым роботам лучше считывать контент сайта, видеть правильную иерархию заголовков, информационных блоков, выделять приоритетность элементов.
Использование форматов микроразметки выделяет основную информацию сайта (такую как: цены, рейтинг, адрес, цепочки навигации и т.д.) и выводит ее в поисковую выдачу.
Все это позволяет быстрее и правильнее индексировать сайт, а также выделять его на фоне других ресурсов, расширенным сниппетом, что увеличивает CTR.
Поэтому с точки зрения семантики, не совсем верно верстать весь сайт сугубо на div. Все же стоит использоваться теги по назначению.
Есть большая часть редко используемых (например: b, і, strong и т.д.) семантических тегов и они вполне могут быть заменены правилами css.
Пройдемся по основные элементам разметки, которые необходимо использовать:
- header — размечается шапка сайта или статьи (article).
- nav — размечается навигационные блоки сайта, чаще всего меню в header.
- main — в него заключается весь основной контент страницы.
- article — тегом размечается важная часть документа (статья), для поисковиков является приоритетным при индексировании.
- section — универсальный тег (похож на article), ним можно делить контент на смысловые блоки, со своими заголовками и текстовой информацией. Но все же в него не рекомендуется оборачивать контент под которые существуют отдельные теги, например как статьи.
- h1-h6 — используем заголовки, для выделения структуры контента, вес ключевых слов оценивается выше для ПС.
- ul, ol, и li — способ разметки списков в документе. Хорошо считывают роботы при сканировании, например пошаговые инструкции из списков могут появляться в нулевой выдаче.
- p (параграфы) — оборачивают текстовые блоки.
- aside — размечаются второстепенные элементы страницы, такие как фильтры, сайдбары, реклама.
- разметка мультимедиа:
- audio, video.
- img, обязательно заполняем атрибут alt.
- picture — позволяет в себе хранить несколько элементов img и менять их в зависимости от размера экрана.
- figcaption — для добавления подписей к изображениям.
- canvas (для отрисовки графики).
- footer — позволяет ПС определить где заканчивается сайт с контактными данными организации.
Хотите получить ответ на свой вопрос? Задайте его нам через телеграм-бота!↓
Еще по теме:
- Как ПС относятся к двум разным версткам для различных устройств? Обновляем сайт на SPA, и чтобы облегчить сайт, будем на сервере определять устройство и показывать либо мобильный код либо десктопный. Но домен будет одинаковый. Вопрос:...
- Как обеспечить индексацию текста под кнопкой «Читать далее»? В очередной раз сталкиваюсь с проблемой индексации текстов, что спрятаны под кнопкой "читать далее". Находил множество примеров, где текст под кнопкой уникален и не проиндексирован...
- Футер сайта: как его сделать полезным для SEO и юзабилити Создаю сайты клиентам в коммерческой тематике. И часто сталкиваюсь с вопросом от клиентов: а зачем футер интернет-магазину. По метрике смотрю туда никто не спускается, только...
- Сайт в кэше поисковиков отображается без css стилей: причины и последствия По какой причине сайт в кэше поисковиков отображается без css стилей? И является ли это ошибкой? Ответ Если стили не закрыты для индексации роботами, тогда...
- Протокол http/2: преимущества, как переехать, какая польза для SEO Наткнулся на статью про протокол http/2. Основное, что для себя отметил, это то, что его наличие позволит ускорить сайт, но нигде не могу найти подводные...
Есть вопросы?
Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.
Отзывы клиентов:
"Наблюдаем стремительный и уверенный рост трафика"
Пилицын Василий Сергеевич
Seatscan.ru"Здесь можно реанимировать сайт даже со страшным диагнозом"
Денис Кушнир
Aden-stroy.ru"С первого контакта до положительного ответа Яндекса прошло 2 недели"
Александр Кисленко
Ovkuse.ru