Какие 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 — позволяет ПС определить где заканчивается сайт с контактными данными организации.

Еще по теме:

• Как обеспечить индексацию текста под кнопкой «Читать далее»?
В очередной раз сталкиваюсь с проблемой индексации текстов, что спрятаны под кнопкой "читать далее". Находил множество примеров, где текст под кнопкой уникален и не проиндексирован...
• Как Google обрабатывает ссылки в теге <button>
На сайте ссылки на корзину "купить", "купить в кредит", "купить вместе" и т.д. оформлены тегом <button>. Так же оформлены и ссылки "читать больше", "подробнее". Поисковик...
• Протокол http/2: преимущества, как переехать, какая польза для SEO
Наткнулся на статью про протокол http/2. Основное, что для себя отметил, это то, что его наличие позволит ускорить сайт, но нигде не могу найти подводные...
• Бесконечный скроллинг: как правильно реализовать с точки зрения SEO
Как правильно с точки зрения SEO реализовать бесконечный скролл? Ответ При использовании динамического скроллинга важно: Убедититься, что поддерживается загрузка содержимого c разбивкой на отдельные страницы...
• Скрытие текста свойством display:none и последствия для SEO
Если после полной загрузки страницы я с помощью скрипта JS (просто вывожу свойство display:none) скрываю блок с описанием (чтобы полотно не занимало полстраницы), содержимое внутри...

---

Siteclinic

d.siteclinic@gmail.com

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

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