Октябрь 31, 2018

Кейс: невидимые приёмы оптимизации сайта

Кейс: невидимые приёмы оптимизации сайта

Продвижение сайта в поисковых системах включает в себя множество различных работ, влияющих на те или иные факторы ранжирования в поисковиках. В числе этих работ есть как хорошо известные даже неопытному заказчику (например, SEO-копирайтинг), так и неочевидные приёмы, которые незаметны на сайте невооруженным глазом, но важны для алгоритмов поисковых систем. О некоторых таких приёмах мы и хотим рассказать в сегодняшнем кейсе на примере интернет-магазина bilka.com.ua (см. описание проекта в нашем портфолио).

Валидация кода сайта

Валидация — это приведение HTML-кода в соответствие с определенными правилами и стандартами. Настоящей революцией в этой сфере в своем время стал стандарт HTML5, который пришел на смену XHTML и значительно облегчил жизнь разработчикам. В HTML5 синтаксис стал менее строгим, но, тем не менее, и он требует валидации.

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

На рассматриваемом сайте мы подключили специальный плагин Seocheck, с помощью которого отследили ошибки в валидности кода. Активно использовался и хорошо знакомый любому веб-верстальщику инструмент валидации https://validator.w3.org.

Кейс: невидимые приёмы оптимизации сайта

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

  • неправильная маркировка списка (например, тег <a> должен быть обернут в тег списка <li>);
  • незакрытые теги;
  • неправильное использование тегов <section>;
  • неправильное расположение тегов <h1>-<h6>;
  • другие мелкие ошибки, которые мы не видим на работающем сайте, но которые важные для прохождения проверки валидации.
Кейс: невидимые приёмы оптимизации сайта
Вот так выглядят результаты проверки валидности кода после нашей работы

Микроразметка

Микроразметка — своего рода единый язык разметки смыслов, который одинаково понимают и трактуют поисковые роботы Google, Яндекс, Bing, Yahoo. Об этом они «договорились» еще в далеком 2011 году с целью повышения качества и релевантности поиска. Так, с помощью микроразметки можно показать роботам, что определенный текст или другие элементы на странице принадлежат к конкретному типу данных (ведь поисковые роботы еще несовершенны в трактовке смысла контента и расстановке приоритетов).

Словари микроразметки

Словари микроразметки — наборы классов, свойств, которые позволяют указать на суть содержимого страницы. Одним из самых популярных является Schema.org.

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

Кейс: невидимые приёмы оптимизации сайта

В рассматриваемом нами случае мы видим ошибки микроразметки на сайте, которые связаны с библиотекой Opengraph. В частности, некорректно были размечены сущности:

  • Organization (данные об организации, контакты);
  • LocalBusiness (данные о региональном бизнесе);
  • Product (данные о товаре, цене, доступности, отзывах).

Все перечисленные проблемы были успешно устранены нашими специалистами по микроразметке.

Техническое SEO

Одним из главных аспектов ранжирования страницы в поисковых системах является наличие техническое SEO, т.е. оптимизация кода. Правильное структурирование кода, наличие всех необходимых тегов, корректная иерархия заголовков и некоторые другие моменты позволяют поисковикам правильно «считать» и «понять» страницу. А значит — корректно представить её в результатах поиска на тех позициях, которых она действительно заслуживает.

На страницах сайта bilka.com.ua критические ошибки технического SEO отсутствовали, однако было довольно много мелких недочётов. Например, отсутствовали title ссылок в тех местах, где они могли быть действительно полезны для продвижения тех или иных разделов.

Кейс: невидимые приёмы оптимизации сайта

Также очень распространена ошибка, связанная с отсутствием атрибутов alt и/или title у картинок и изображений. Если мы говорим о коммерческих сайтах, то человек пришедший из поиска по изображениям не обязательно имеет информационный интент. Часто эти люди имеют коммерческий интент, но не знают, как выглядит тот или иной товар/изделие (например, запросы “нож для резки линолеума” или “samsung 4220 картридж”) или ищут модель по понравившейся фотке (пример запросов из практики: “стульчик для кормления”, “домашний телескоп”). SEO-оптимизация картинок часто позволяет получить пусть небольшой, но потенциально интересный и целевой трафик из поисковых систем.

Кейс: невидимые приёмы оптимизации сайта

Также на отдельных страницах сайта были исправлены локальные недочёты:

  • нарушение иерархии заголовков;
  • отсутствие description;
  • не прописан title и некоторые другие.

Мораль

В большинстве случаев применение микроразметки, мелкие правки кода и его валидация не изменят ситуацию с продвижением сайта радикально (если мы не говорим о критичных ошибках). Но в условиях жесткой конкуренции, где каждое преимущество сайта может быть решающим, важно использовать все доступные методы и приёмы оптимизации сайта.

Кейс: невидимые приёмы оптимизации сайта

Оставьте комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Scroll Up