Кейс: невидимые приёмы оптимизации сайта
Продвижение сайта в поисковых системах включает в себя множество различных работ, влияющих на те или иные факторы ранжирования в поисковиках. В числе этих работ есть как хорошо известные даже неопытному заказчику (например, 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 и некоторые другие.
Мораль
В большинстве случаев применение микроразметки, мелкие правки кода и его валидация не изменят ситуацию с продвижением сайта радикально (если мы не говорим о критичных ошибках). Но в условиях жесткой конкуренции, где каждое преимущество сайта может быть решающим, важно использовать все доступные методы и приёмы оптимизации сайта.
Комментарии