AJAX и пара костылей. Как мы уберегли трафик аптек «Ригла» и «Будь здоров!» от нулевой индексации

В 2019 году мы вели сайт федеральной сети аптек «Ригла». Из-за переезда на новый движок с технологией AJAX несколько миллионов страниц пропали с радаров поисковых роботов. Трафик на сайт упал в 4 раза, что отразилось на продажах. Максим Варанкин, SEO-специалист Rush Agency, расскажет, как мы вытащили проект и смогли прирасти по трафику и выручке.

«Ригла» — крупнейшая аптечная сеть в России, которая объединяет три бренда:

В 2019 году представители «Риглы» обратились в Rush Agency, чтобы вернуть трафик после падения. Сайты компании переезжали на движок Magento. Он работает по технологии динамической подгрузки данных — AJAX. Кто сталкивался с этим подходом к разработке, знает, что он совсем не дружит с индексацией поисковых систем.

Сайт «Риглы» уже переехал, на очереди был «Будь здоров!». Но в погоне за красотой фронтенда и скоростью загрузки разработчики забыли про «побочный эффект» AJAX — из-за этого сайт исчез с радаров поисковых систем и перестал индексироваться. SEO-показатели рухнули, за ними последовали продажи.

Немного боли:

Для крупной аптечной сети, присутствующей практически во всех регионах России, это непозволительно много. Сайт встал мертвым грузом и не приносил ожидаемого результата.

Поэтому главная задача, которую перед нами поставили, — вернуть показатели по трафику и заказам для «Риглы» и обеспечить плавный (и контролируемый) переезд на Magento сайта «Будь здоров!».

Наши работы можно разделить на три направления:

Будем объяснять нашу работу на примере «Риглы», для сайта «Будь здоров!» все сделано по аналогии с учетом ассортимента и небольших особенностей. Поехали.

Пять копеек о разработке. AJAX — это не язык программирования, а подход к созданию интерактивных интерфейсов. Все дело в технологии вывода контента — HTML-версия страницы не хранится на сервере, а подгружается по запросу прямо в браузере пользователя. Схематично это выглядит так:

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

Обнаружить проблему можно двумя способами:

Внезапный перевод сайта «Риглы» на движок AJAX скрыл от робота большинство блоков сайта и почти 5 млн страниц.

Единственный надежный метод продвижения сайтов на AJAX — настроить обработку запросов таким образом, чтобы робот получил HTML-версию сайта. Это можно сделать с помощью пререндера. Если просто (и условно), пререндер — искусственный «слепок» страницы для поисковиков, который они могут увидеть и проиндексировать. Не будем останавливаться подробно на технической части вопроса — информации в сети много.

Работа с кодом — это обязанность разработчиков. Но они не знают, что добавить на страницу для успешного ранжирования. А мы знаем. Поэтому взяли на себя роль проектного бюро при заводе — составляли ТЗ с учетом SEO, а разработчики писали страницы по нашим инструкциям.

Техническое задание содержит набор элементов для страницы, чтобы она могла высоко ранжироваться:

Таких ТЗ нужно много, точнее ОЧЕНЬ МНОГО. Необходимо написать инструкцию для скриптов по каждому типу страниц сайта (страница категории, карточка товара, статья). Схалтурить или скопировать нельзя — важно не просто добиться индексации, но и опередить конкурентов. У которых, напомню, таких проблем нет.

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

Как это выглядело на практике:

Это циклическая работа, которую мы проводим регулярно — начали с более приоритетных доработок, сейчас допиливаем мелочи. Но конца и края этой задаче не видно. По крайней мере, с текущим уровнем технологий.

Отдельно расскажу по работу над карточками — это последний рубеж перед покупкой, поэтому контент должен сверкать как Breguet патриарха. На сайте было 40 000 товаров и 59 поддоменов — было важно их сделать лидерами по поисковым запросам. Здесь нас встретили сложности регионального продвижения.

Часть страниц не попадала в индекс из-за неуникального контента. Это нельзя назвать ошибкой, потому что часть карточки не меняется — название и состав аспирина не отличаются в Москве и Саратове. Цена и название населенного пункта остались уникальными, но этого было мало. Поисковики считали страницы дублями и не индексировали.

Мы разработали ТЗ, где указали информацию о пунктах выдачи. Это усилило уникализацию товарных страниц в регионах.

Интересно посмотреть, что решения для пользователя и поискового робота отличаются.

Пользователь видит элемент доставки как карту:

Поисковику не нужна красота, поэтому для него сделали блок с описанием:

Теперь контент на карточках товаров в разных регионах считается уникальным и индексируется.

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

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

Мы до сих пор не обработали всю семантику, и кажется, что эта музыка будет вечной. Сейчас у нас уже более 30 000 запросов на отслеживании (в уме гораздо больше), и ежемесячно они пополняются.

Помимо коммерческих запросов не забывали и про информационные. Мы видим, что блоги конкурентов жируют на трафике, и хотим так же. На сайте «Риглы» был информационный раздел, но его посещаемость оставляла желать лучшего — 300 визитов в месяц.

Принцип работы с информационными запросами как с коммерцией — ищем, кластеризуем, составляем ТЗ на текст. У нас очень крутой копирайтер по медицинской тематике, поэтому страницы сразу заходили в топ и приносили трафик.

И снова боль. Информационные запросы для блога могли и дали много трафика, но с ними пришлось повозиться. Из-за технических особенностей движка каждая статья уходила на три разных URL и 49 региональных поддоменов. Возникали дубли.

Ирония судьбы: в борьбе за видимость сайта нам пришлось спрятать часть страниц. Лучший способ это сделать — добавить в код оригинальной страницы тег rel = "canonical". Работа рутинная и простая, но лежит на стороне разработки, которая, как мы помним, уже завалена нашими ТЗ.

Дублирование страниц приводит сразу к нескольким SEO-проблемам:

Обычно дублирующие страницы не удаляются, а закрываются от индексации.

Но это того стоило: посещаемость из блога выросла с 300 визитов до 1 млн в месяц.

Мы выполнили все цели клиента и смогли справиться с провалом из-за AJAX. Трафик из поисковых систем достиг докризисной отметки и превысил ее.

Категории, которые мы продвигали, постепенно выходят в топ.

Основные категории (витамины, БАДы, медицинские изделия) (1500 запросов): количество запросов в топ-10 Google с 1,8% до 41,3%

Категория «Лекарственные формы» (15 000 запросов): количество запросов в топ-10 Google выросло c 2 до 33,8 %.

Солянка (запросы из разных категорий, по которым ранее были переходы) (4000 запросов): количество запросов в топ-10 Google выросло c 50 до 77 %.

Яндекс более требователен к контенту, поэтому ситуация развивается с переменным успехом. Например, категории «Лекарственные формы» пока не прирастают в видимости.

А вот основные категории (витамины, БАДы, медицинские изделия) постепенно растут.

Сайт «Будь здоров!» мы взяли еще до переезда, поэтому краха удалось избежать. Здесь показатели по трафику на пике выросли в 6,7 раз.

Клиент доволен нашей работой и планирует продолжать.

«Вылизать» проект до конца. Технические сложности движка, бизнес-процессы и высокая конкуренция заставляют ускоряться с каждым днем. Ничего не дается даром — каждый элемент приходится обрабатывать вручную. Бьемся даже за отдачу метатегов — не везде они отдаются поисковикам корректно. Бэклог задач занимает несколько страниц.

Самым большим ограничением была разработка, задачи могли лежать до года и лежали бы так дальше. Даже минимальные корректировки вносятся не с первого и даже не со второго раза, есть ошибки. Дошло до того, что мы перерабатываем особо древние ТЗ из бэклога, потому что выдача и конкуренты уже поменялись.

Недавно за проект взялась новая команда разработчиков, и мы надеемся, что дело пойдет бодрее.

***

Если вам интересна тема SEO, подписывайтесь на наш телеграм-канал — там мы рассказываем о лайфхаках от наших лучших экспертов.

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