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

Ответ

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

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

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

Еще по теме:

• Футер сайта: как его сделать полезным для SEO и юзабилити
Создаю сайты клиентам в коммерческой тематике. И часто сталкиваюсь с вопросом от клиентов: а зачем футер интернет-магазину. По метрике смотрю туда никто не спускается, только...
• Бесконечный скроллинг: как правильно реализовать с точки зрения SEO
Как правильно с точки зрения SEO реализовать бесконечный скролл? Ответ При использовании динамического скроллинга важно: Убедититься, что поддерживается загрузка содержимого c разбивкой на отдельные страницы...
• Важна ли валидность HTML кода для ранжирования сайта?
Насколько валидность HTML кода влияет на ранжирование? И в частности интересует такой момент: если на сайте весь текст обернут в <div > и нет ни...
• Нужно ли закрывать от индексации файлы json?
Нужно ли в wordpress закрывать от индексации файлы json в robots.txt? Или они нужны для корректного видение страницы поисковиками? Ответ Файлы JSON стоит закрывать от...
• Как Google обрабатывает ссылки в теге <button>
На сайте ссылки на корзину "купить", "купить в кредит", "купить вместе" и т.д. оформлены тегом <button>. Так же оформлены и ссылки "читать больше", "подробнее". Поисковик...

---

Siteclinic

d.siteclinic@gmail.com

Оцените мою статью: 

(Пока оценок нет)