Какие html теги нужно обязательно использовать в коде сайта с точки зрения SEO специалиста?

Нужно обращать внимание на семантическую вёрстку сайта или вариант «всё поправить через css» работает? Какие теги обязательно использовать и как это повлияет на ранжирование?

Ответ

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

Использование форматов микроразметки выделяет основную информацию сайта (такую как: цены, рейтинг, адрес, цепочки навигации и т.д.) и выводит ее в поисковую выдачу.

Все это позволяет быстрее и правильнее индексировать сайт, а также выделять его на фоне других ресурсов, расширенным сниппетом, что увеличивает 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 — позволяет ПС определить где заканчивается сайт с контактными данными организации.

Хотите получить ответ на свой вопрос? Задайте его нам через телеграм-бота!↓

Задать свой вопрос

Подписаться на рассылку

Еще по теме:

Важна ли валидность HTML кода для ранжирования сайта?

Насколько валидность HTML кода влияет на ранжирование? И в частности интересует такой момент: если на сайте весь текст обернут в <div > и нет ни...

Сайт в кэше поисковиков отображается без css стилей: причины и последствия

По какой причине сайт в кэше поисковиков отображается без css стилей? И является ли это ошибкой? Ответ Если стили не закрыты для индексации роботами, тогда...

Нужно ли закрывать от индексации файлы json?

Нужно ли в wordpress закрывать от индексации файлы json в robots.txt? Или они нужны для корректного видение страницы поисковиками? Ответ Файлы JSON стоит закрывать от...

Как Google обрабатывает ссылки в теге <button>

На сайте ссылки на корзину "купить", "купить в кредит", "купить вместе" и т.д. оформлены тегом <button>. Так же оформлены и ссылки "читать больше", "подробнее". Поисковик...

Футер сайта: как его сделать полезным для SEO и юзабилити

Создаю сайты клиентам в коммерческой тематике. И часто сталкиваюсь с вопросом от клиентов: а зачем футер интернет-магазину. По метрике смотрю туда никто не спускается, только...