SEO верстка сайта

SEO верстка сайта

SEO верстка сайта является неотъемлемой часть внутренней оптимизации сайта, при этом играет очень важную роль. Грамотная верстка может сильно помочь в продвижении сайта, как напрямую так и косвенно. Если заходить из далека, то можно выделить такие основные группы показателей, которые влияют на положения сайта (ранжирования) в поисковой системе (точные характеристики не раскрываются поисковыми системами):

  • Поведенческие факторы. Сюда можно отнести показатели отказов, среднее время пребывания на сайте, глубина просмотра, повторное возвращения пользователя и т.д.
  • Социальные сигналы. Лайки, рассказать друзьям, переходы из социальных (например из группы вашего сайта) и т.д.
  • Правильность работы сайта. Валидность, семантичность, скорость загрузки и еще много параметров, которые мы обсудим в этой статье.
  • Авторитет сайта. Возраст, количество обратных ссылок и т.д.

Каждый из этих параметров не одинаково влияет на ранжирования сайта, но, как говорят, в этом деле мелочей нет!

Пример показателя на ранжирования сайта

Для примера возьмем один из показателей, который косвенно зависит от верстки сайта (CMS, хостинг, текста, ссылки также влияют на ранжирования сайта, но мы сейчас будем говорить исключительно об верстке сайта) - скорость загрузки страницы.

Скорость загрузки страницы зависит от (исключительно показатели верстки):

  • количества кода на странице;
  • количества подключаемых файлов;
  • размера и к-во изображений;

Таких примеров можно найти много, но хотелось бы конкретно дать указания, как нужно делать, чтобы верстка считалась SEO ориентированной. Нужно также понимать, что некоторые показатели в некоторых случаях будет очень тяжело достичь, поэтому фанатично требовать их реализовать не всегда уместно, особенно если это не самые важные показатели (например валидность!).

Полезные советы SEO-верстки:

  • Минимум блоков и вложенности. Ускоряет загрузку сайта.
  • Валидность. По возможности делайте верстку валидной.
  • Минификация HTML, CSS и JS кода. На рабочем проекте это должна делать CMS, но вы должны заранее знать, что если файл сжать, то он будет корректно работать (особенно актуально с JS).
  • Тэги <b>, <strong> и <i> не используйте для верстки шаблона. Эти тэги должны будут использоваться в контенте сайта.
  • Минимум ссылок! Старайтесь не использовать ссылок там, где они не нужны (даже пустых). Если это всплывающее окно, то прикрепите его к <span>.
  • H1 - только 1 раз и только название страницы. так должно быть :)
  • H2-H3 только в контенте. Если вам нужно сделать название блока (например отзывы), лучше используйте H6.
  • Адаптивная верстка улучшает ранжирование. Это факт! Проверяйте в гугле.
  • Страница не должна ссылаться сама на себя. Предусмотреть в меню, что ссылка может быть на <a> а <span>, а текущую страницу отмечать не как <a href=”/” class=”active”>, а <span>! Смотрите как это сделано у нас на сайте :)
  • Не скрывать контент! Ни через JS, ни через CSS.

Список не полный, будет дополняться!


© Copyright 2009 - 2017. Программирование и верстка руками и с умом. ИТ-аутсорс для СНГ.

ИП Шкабко Роман, Код ЕДРПОУ: 34047020