Услуга

SEO на этапе миграции сайта

Проект

Компания специализируется на продаже автомобильных дисков и шин, а также предоставляет услуги по установке, замене и обслуживанию колёс через сеть СТО в разных городах Канады. Сайт сочетает функционал интернет-магазина и сервисного бизнеса и ориентирован на владельцев автомобилей, которые ищут как продукцию, так и профессиональное обслуживание. В рамках развития проекта была выполнена миграция сайта с WordPress на SPA-архитектуру, что потребовало адаптации SEO-стратегии к новым техническим условиям.

Цель

— Сохранить органический трафик и позиции сайта при миграции с WordPress на SPA
— Обеспечить корректную индексацию SPA-сайта поисковыми системами
— Минимизировать риски потери видимости и трафика после перехода
— Адаптировать SEO-стратегию под новую архитектуру сайта
— Создать основу для дальнейшего масштабирования органического трафика

Ниша

Продажа автомобильных дисков и шин, а также услуги СТО по обслуживанию колёс

Период

С мая 2024 года по настоящее время

Регион

Канада

Исходные данные

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

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

На сайте есть товарные страницы с описаниями продукции, однако отсутствует полноценный e-commerce-функционал (корзина, оформление заказа), что влияет на поведенческие факторы и конкурентоспособность в поисковой выдаче.

Предыдущие результаты динамики трафика:

Предыдущая динамика роста ключевых слов:

Что такое SPA и почему возникают сложности с SEO?

SPA (Single Page Application) — это тип веб-приложений, где весь интерфейс работает в рамках одной страницы, а контент динамически подгружается с помощью JavaScript без полной перезагрузки.

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

Основная проблема в том, что поисковые боты сначала получают базовый HTML, который часто не содержит полного контента. Значительная часть информации появляется только после выполнения JavaScript — а это усложняет сканирование и индексацию страниц.

Ключевые причины, почему SPA-сайты сложнее для SEO:

  • контент формируется динамически и может быть недоступен ботам;
  • поисковые системы ограниченно обрабатывают JavaScript;
  • бот не взаимодействует со страницей (не кликает и не скроллит);
  • возможны задержки или неполный рендеринг страниц;
  • сложнее реализовать полноценную структуру URL и перелинковку.

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

Решение перейти на SPA

На определённом этапе развития проекта владельцы приняли решение о полноценном переходе на SPA-архитектуру как основе для дальнейшего масштабирования сайта.

Одной из ключевых причин стало ограничение текущей структуры каталога. Раньше одна карточка товара объединяла информацию о разных размерах, вариациях и типах продукции — без возможности выбрать конкретный товар или оформить заказ. Такой подход усложнял и пользовательский опыт, и дальнейшее развитие сайта.

Пример предыдущей реализации товарной карточки на WordPress:

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

В этом контексте SPA-архитектуру рассматривали как решение, которое позволяет:

  • эффективно работать с большим количеством динамических страниц;
  • обеспечить быструю загрузку и удобное взаимодействие с каталогом;
  • реализовать гибкую фильтрацию, сортировку и навигацию;
  • заложить основу для дальнейшего масштабирования функционала.

Кроме того, SPA позволяет создать более современный и удобный интерфейс, близкий по логике к мобильным приложениям, что важно для пользователей в конкурентной нише.

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

Пример текущей реализации товарной карточки на JS:

Проблематика после перехода на SPA

После перехода на SPA-архитектуру проект столкнулся с рядом технических вызовов, которые напрямую повлияли на индексацию, видимость сайта и органический трафик.

Главная сложность была в том, что SPA меняет принцип взаимодействия сайта с поисковыми системами: контент формируется не на сервере, а в браузере пользователя через JavaScript. Это создаёт ограничения для корректного сканирования и индексации страниц.

Проблемы индексации и рендеринга

— Поисковые боты получали неполный или пустой HTML, так как основной контент подгружался через JavaScript

— Часть страниц не индексировалась или индексировалась некорректно

— Возникали задержки рендеринга, из-за чего бот мог не дождаться полной загрузки страницы

— Позникали задержки рендеринга, из-за чего бот мог не дождаться полной загрузки страницы

Количество страниц вне индекса по данным GSC:

Проблемы с контентом

— Контент отсутствовал в исходном HTML

— Часть важных SEO-блоков (тексты, мета-теги) подгружалась динамически

— Некорректное отображение контента для ботов влияло на релевантность страниц

Проблемы с аналитикой

— Стандартные системы аналитики не фиксировали переходы между страницами

— Данные были неполными из-за отсутствия перезагрузки страниц

— Требовалась дополнительная настройка через History API или Tag Manager

Динамика колебаний трафика по разным каналам по данным GA4:

Проблемы с производительностью

— Большое количество JavaScript замедляло загрузку

— При медленном рендеринге бот не получал полный контент

— Это негативно влияло на SEO и поведенческие факторы

Анализ производительности страниц по данным GSC:

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

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

Динамика органического трафика по данным Ahrefs:

Динамика позиций ключевых слов по данным SE Ranking:

Динамика количества ключевых слов в органической выдаче по данным Ahrefs:

Что мы сделали, чтобы решить проблемы SPA-сайта?

Ключевой задачей было обеспечить корректную индексацию контента SPA-сайта и восстановить видимость в поисковых системах. Основной акцент сделали на изменении подхода к рендерингу и доступности контента для поисковых ботов.

Внедрение серверного рендеринга (SSR)

Основным решением стало внедрение серверного рендеринга (SSR), который позволяет формировать HTML-версию страницы ещё на стороне сервера.

Это дало возможность:

  • отдавать поисковым ботам полноценный HTML с контентом;
  • обеспечить корректное сканирование и индексацию страниц;
  • снизить зависимость от выполнения JavaScript;
  • ускорить первую загрузку страницы.

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

Формирование контента в HTML

Критически важно было перенести ключевые элементы страниц в серверный HTML:

  • тексты и основной контент страниц;
  • заголовки (H1–Hn);
  • мета-теги (Title, Description);
  • внутренние ссылки.

Это обеспечило:

  • доступность контента без выполнения JavaScript;
  • корректное определение релевантности страниц;
  • улучшение индексации новых страниц.

Оптимизация JavaScript

  • уменьшили объём JS;
  • оптимизировали скорость выполнения скриптов;
  • устранили ошибки, которые мешали рендерингу.

Это снизило риск потери контента при обработке страниц ботами.

Настройка аналитики

  • внедрили отслеживание через History API;
  • настроили корректную работу Google Analytics через Tag Manager.

Это позволило получать точные данные о поведении пользователей после перехода на SPA.

Динамика роста органического трафика по данным GA4:

Результаты после внедрения

Органический трафик

Особенно важно восстановление органического канала:

  • пользователи из органического поиска: 30 708 (+9,92%)
  • новые пользователи: +8,82%
  • среднее время взаимодействия: +36,58%
  • количество событий: +389%

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

Динамика кликов по данным GSC за последние 3 месяца:

Поведенческие факторы

  • пользователи стали проводить больше времени на сайте;
  • выросла глубина взаимодействия (сеансы и события);
  • улучшилось качество органического трафика.

Это говорит не только о восстановлении видимости, но и об улучшении пользовательского опыта.

Динамика роста ключевых слов:

Распределение ключевых слов по позициям показывает позитивную динамику роста видимости сайта.

Количество запросов в ТОП-1 выросло до 19 (+13), что говорит об усилении лидерских позиций по приоритетным ключам. Также наблюдается рост в зонах ТОП-2–3 и ТОП-6–10, что указывает на постепенное продвижение запросов в верхнюю часть выдачи.

Особенно важно увеличение числа ключевых слов в диапазоне позиций 11–30 (+24) и 31–100 (+44) — это формирует потенциал для дальнейшего роста и выхода этих запросов в ТОП-10.

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

Итоги

После внедрения изменений наблюдается рост основных показателей трафика: количество сессий достигло 1 млн, пользователей — 946,7 тыс., а просмотров — 1,9 млн.

Заметно выросло количество вовлечённых сессий (162,4 тыс.) и конверсий (27,6 тыс.), что говорит о повышении эффективности сайта.

При этом показатели вовлечённости (engagement rate и среднее время взаимодействия) снизились — это может быть связано с изменением структуры трафика и ростом доли новых пользователей (99,47%).

В целом динамика подтверждает масштабирование трафика и рост бизнес-показателей после внедрения технических решений.

Динамика ключевых показателей сайта по данным Ahrefs:

Данные Ahrefs показывают резкий рост всех ключевых SEO-показателей — это говорит об активном восстановлении и масштабировании проекта после технических доработок.

Сайт начал получать упоминания в AI-системах (ChatGPT, Perplexity, Gemini, Copilot), что формирует новый канал видимости и подтверждает рост авторитетности ресурса.

Ссылочный профиль заметно усилился: количество бэклинков выросло до 594 (+571), а количество доменов-доноров — до 148 (+142). Это позитивно повлияло на авторитет сайта (DR +4, UR +9) и общую доверие со стороны поисковых систем.

В поисковой части зафиксирован существенный рост: сайт получил более 1000 органических ключевых слов, из которых 223 уже находятся в ТОП-3 — это сильный сигнал восстановления позиций. Органический трафик достиг 4K, а его ценность оценивается в $1.3K.

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

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

При этом текущая динамика показывает правильное направление работ: сайт постепенно возвращает видимость, наращивает трафик и формирует основу для дальнейшего роста.

Получите такой же результат с RegisTeam!