SEO-эпопея:
Как мы внедряли серверный рендеринг
для нашего SPA-сайта — платформы B2B Движение

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

Так одним из основных преимуществ платформы B2B Движение стала сверхбыстрая и плавная работа системы без долгих и раздражающих перезагрузок страниц. Время ожидания при листании каталога, например — менее 0,1 секунды. Это особенно важный параметр для интернет-магазинов с огромной номенклатурой товаров и профессиональных покупателей. В итоге клиент может оплачивать покупку, добавлять товар в корзину, возвращаться в каталог, просматривать и искать товары намного быстрее, чем на классическом многостраничном сайте.

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

Но у SPA-сайтов есть и свои ограничения. К примеру, поисковые роботы не могут качественно сканировать контент одностраничных приложений — им нужны статические страницы с персональными заголовками, описаниями и остальными метатегами как на многостраничных сайтах. А у SPA-сайтов HTML-документы создаются динамически, по требованию пользователя. Это значит, что B2B-система не попадает в поисковую выдачу и пользователи не могут найти ресурс по запросам в браузере.

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

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

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

Один из клиентов проинвестировал во внедрение SEO-функционала, поэтому мы поставили задачи, связанные с поисковой оптимизацией платформы:

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

Если Google неплохо справлялся с индексацией SPA-сайтов, и поисковый робот мог увидеть веб-страницы примерно так же, как пользователь, то Яндекс — не очень. К тому времени, когда мы искали решения, Яндекс сам понял, что не дружит с одностраничниками и анонсировал бета-версию собственных технологий по индексации SPA-сайтов.

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

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

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

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

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

Чтобы адаптировать страницы B2B-платформы для поискового робота и упростить внедрение SEO-инструментов для клиентов, мы разработали рандомайзер метатегов. Это механизм на основе искусственного интеллекта, который автоматически генерирует данные для поисковых роботов: заголовки, описания и другие метатеги для категорий, товаров и брендов компании.

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

В итоге получился гибкий и полезный инструмент, который заменяет масштабный ручной труд, помогает внедрить SEO-инструменты и вывести товары компании в топ по среднечастотным запросам без дополнительных вложений на продвижение и рекламу.
К примеру, товары заказчика из B2B-системы попали в верхние позиции поисковой выдачи по среднечастотным запросам: «кофе растворимый оптом в Уфе», «печенье оптом Башкортостан».

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

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

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

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