Влияет ли дизайн на SEO-продвижение сайта?

В большинстве случаев каждый этап создания сайта заказчик воспринимает отдельно. Прототип, макет, верстка, программирование, контент, дизайн, поисковая оптимизация, тестирование. Как разные детали одного механизма. Забывая о том, что поисковые системы воспринимают сайт как одно целое. И отдельно докрутить в него гайку под названием “SEO-оптимизация”, когда все остальное уже готово, не получится.

Поисковая оптимизация представляет собой комплекс требований к сайтам, на основании которых им присваивается соответствующая позиция в поисковой выдаче. Эти правила касаются самых разных аспектов структуры веб-ресурса: начиная от кода и заканчивая скоростью загрузки страниц.И может быть, для кого-то это прозвучит неожиданно, но дизайн сайта тоже влияет на SEO-продвижение.

Представьте, что вы зашли в огромный торговый центр. Вокруг вас — десятки магазинов. Что бы вы ни задумали купить — выбор огромный. В какой магазин вы зайдете? В тот, что с яркой витриной, но не сразу понятно, что именно там продают? Товары плохо рассортированы и вы не можете определить, где что находится. Или в другой, совсем не приметный, но в котором интуитивно легко сориентироваться.

А, может быть, в тот, где вас сразу обступает несколько консультантов, за которыми вам не удается даже толком разглядеть ассортимент? Вопрос со звездочкой. Какой из этих магазинов будет более выгодным для владельца ТЦ, который заинтересован в посещаемости и удовлетворенности клиентов?Поисковые системы, как и владелец торгового центра в нашей метафоре, заинтересованы в том, чтобы пользователь получал наиболее релевантные и качественные результаты по своему запросу. При этом внешний вид сайта может быть разным. У поисковых роботов нету глаз. Но у них есть способность оценивать параметры, которые непосредственно влияют на удобство использования вашего сайта посетителями.

В связи с этим к дизайну и юзабилити сайтов со стороны поисковика предъявляются следующие требования:

  • Не превышать оптимальный вес страницы. Поисковый робот не обрабатывает ту часть кода, которая превышает установленное значение (80 Кб). Чрезмерный вес странице может добавлять таблица стилей, графические элементы, файлы скриптов. В результате она будет долго загружаться, превышая оптимальную скорость (2 секунды на десктоп и 3 секунды на мобильное устройство).
  • Не перегружать код. Это правило хорошо рифмуется с предыдущим. Проверьте (или поручите проверить) код сайта на наличие в нем Java Script, динамических тегов и т. д. Их лучше переместить в отдельные подключаемые модули.
  • Внедрить внутренний поиск. Наличие поисковой строки на сайте обеспечивает пользователю возможность быстро найти информацию или товар, а вашему сайту — укрепление позиций в выдаче.
  • Обеспечить простую и понятную навигацию по сайту. Чтобы посетитель разобрался в ней в первые же секунды визита. Заполнить текстовым контентом верхний отдел страницы. SEO-специалистам известно, что чем выше находится текст на странице, тем больший вес имеют использованные в нем ключевые слова. С другой стороны, злоупотребляя этим правилом, можно отпугнуть посетителей. Которым сложно воспринимать сразу много текстового контента, не “разбавленного” графическими элементами.
  • Добавить ссылку на главную страницу сайта при нажатии на логотип. Это интуитивно понятный пользователю способ вернуться к началу. И поисковые системы тщательно следят за его внедрением.
  • Позаботиться о мобильной адаптации сайта. И сделать все возможное, чтобы пользоваться им было одинаково удобно на устройствах с разными диагоналями экранов.
  • Реализовать меню в футере и добавить в эту часть сайта кнопку для возвращения к началу страницы.
  • Тщательно структурировать текстовый контент. Правильно оформить абзацы (через каждую 1000 символов), заголовки и подзаголовки (H1, H2. H3).
  • Добавить ссылки на другие страницы. Оформить их нижним подчеркиванием.
  • Протестировать сайт и добиться корректного отображения в любом браузере.
  • Отобразить контактные данные вверху страницы и в футере. Телефоны, адреса, электронная почта, время работы. Номера для мессенджеров тоже приветствуются.
  • Добавить к изображениям описание Alt.