SEO на этапе разработки сайта и сотрудничество с разработчиками: запуск магазина Choicy

Компаниям, инвестирующим в онлайн-продажи, крайне важно быстро пройти этап разработки и запуска проекта. Но чтобы новый сайт получил свой первый переход из Google, необходимо, чтобы над ним поработала команда профессионалов. И скорость выхода в ТОП зависит от того, смогут ли объединиться разработчики и SEO-специалисты. Совместная работа над проектом — созданием и продвижением интернет-магазина  Choicy.com.ua — показала, насколько необходима синергия между этими двумя командами.

Эксперты Elit-Web зашли в проект и начали работать параллельно с разработчиками из  Lonch.digital. Такое сотрудничество способствовало тому, что была создана онлайн-площадка Choicy.com.ua, готовая к индексации, быстрому росту и конкурентной борьбе в нише.

Почему важно готовить сайт на этапе разработки

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

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

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

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

И третья причина — темпы роста. Сайт, который был сразу создан под требования Google, стартует совершенно по-другому. В случае с Choicy мы увидели, что страницы начали попадать в индекс сразу после запуска. К тому же SEO на этапе разработки делает сайт удобным для людей. Ведь если пользователь легко находит товар, безошибочно ориентируется в структуре и быстро получает ответ, он возвращается. А значит — растут продажи.

Особенности проекта Choicy.com.ua

Choicy.com.ua — это современная торговая площадка, построенная вокруг идеи ответственного потребления и предоставления продукции второй жизни. Компания работает в сфере восстановленных электронных устройств и делает их доступными для украинцев, одновременно уменьшая количество отходов. У проекта есть четкая миссия — изменить культуру использования гаджетов и показать, что качественная техника не обязательно должна быть новой, чтобы служить долго.

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

Перед командами разработчиков и SEO-специалистов были поставлены такие цели:

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

Для реализации этих задач над Choicy работали вместе две команды. Разработчики из агентства Lonch.digital занимались созданием современного сайта, который объединил бы интуитивный интерфейс, эстетику и сервисную логику. А SEO-специалисты Elit-Web сопровождали проект на этапе разработки. Команда отвечала за техническую оптимизацию, формирование шаблона метатегов для всех типов страниц, сбор семантического ядра, разработку шаблонов контента и подготовку площадки к продвижению сразу после запуска.

В результате Choicy.com.ua получил платформу, которая уже на старте соответствовала требованиям Google и отражала суть бренда.

Как разработчики Lonch.digital реализовали проект

Разработка проекта Choicy.com.ua стала для специалистов Lonch.digital многоуровневым процессом, в котором команда постепенно выстраивала фундамент будущего интернет-магазина с потенциалом развития до маркетплейса.

Основные этапы работы команды разработчиков

Работа началась с фазы Discovery, в процессе которой разработчики собрали бизнес-требования, сформировали детальный wireframe и подготовили техническое задание.

После этого команда перешла к основной разработке и реализовала ключевые модули в соответствии с техническим заданием. Параллельно создавался и дополнительный функционал, который выходил за рамки первоначального ТЗ, но был критическим для удобной работы Choicy. Одним из важных составляющих этого этапа стало написание технической API-документации, необходимой для корректной интеграции сайта с CRM-системой заказчика.

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

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

Технологический стек проекта

Для обеспечения стабильности, скорости и масштабируемости был использован современный технологический стек.

Back-end:

• Laravel 11 (PHP 8.4);
• Livewire 3;
• основные пакеты — Spatie Permission, Spatie Sitemap, Astrotomic Translatable, mcamara Localization, Intervention Image, Imagick, Firebase JWT, Socialite + Apple Provider, Doctrine DBAL.

Фронтенд:

• Blade + Livewire;
• Vite (сборка JS/CSS).

База данных и кэш:

• MySQL — основная база данных;
• Redis — кэш и очереди.

Инфраструктура и деплой:

• Docker — контейнеризация сервисов;
• Dokploy — CI/CD, управление деплоем, secrets/env;
• Ubuntu 24.04 — базовый runtime для приложения;
• Nginx — основной веб-сервер;
• PHP-FPM 8.4 — выполнение PHP-кода.

Облачные бэкапы:

• Wasabi Cloud (S3-compatible) — хранение бэкапов, snapshot-архивов и файлов storage, интеграция через S3 API / rclone.

Сервисы и утилиты:

• Imagick и Ghostscript — обработка изображений и PDF;
• Apache2-utils (.htpasswd) — Basic Auth для служебных доступов;
• Guzzle (Laravel HTTP Client) — API-интеграции.

Автоматизация:

• entrypoint.sh — миграции, optimize, очистка кэша, storage:link, копирование robots.txt;
• composer scripts — автоконфигурации, dev-режим;
• npm/Vite — сборка фронтенда.

Особая часть проекта — интеграция API с CRM

Самой интересной, ответственной и сложной для команды разработчиков была задача построения и реализации интеграции API с CRM. Это решение позволило синхронизировать все процессы, связанные с товарами, заказами, статусами и их координацией без необходимости изменений в админпанели сайта. Систему построили так, чтобы сайт продолжал стабильно работать даже при временной потере связи с CRM.

Такие решения команда воплощала не впервые. Этот блок стал одновременно фундаментом всего проекта, а также достаточно объемной и интересной задачей.

В результате заказчик получил:

• полноценный интернет-магазин с возможностью масштабирования проекта до маркетплейса, защищенный внутренними системами безопасности framework Laravel (в перспективе команда обеспечит больше защиты);
• детальную техническую документацию по API-интеграции с CRM.

Как вывод — первые продажи и первые одобрительные отзывы об удобном пользовании.

Базовые SEO-работы на этапе создания сайта

Работа SEO-специалистов из нашей компании разделилась на несколько направлений.

Аналитика и участие в проектировании будущей структуры

Прежде всего наши специалисты проанализировали основных конкурентов в нише, а также определили их сильные и слабые стороны. На основе этого подготовили рекомендации по:

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

Техническая подготовка и формирование семантики

После этапа проектирования мы перешли к технической основе. Было создано:

• robots.txt, адаптированный под будущую структуру;
• sitemap.xml, охватывающий все ключевые типы страниц;
• карту XML для контроля индексации;
• рекомендации по дополнительному функционалу.

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

Параллельно с техническим контролем наши специалисты начали работать с содержанием. Было собрано семантическое ядро и подготовлены технические задания на тексты для первых 20 страниц (по 10 в течение каждого месяца).

Оптимизация индексации и метаданных

На уровне архитектуры было определено:

• канонические URL;
• правила индексации страниц пагинации;
• структуру и логику хлебных крошек.

Также наши специалисты подготовили и частично реализовали:

• шаблоны метатегов для всех типов страниц;
• отдельные метатеги для служебных и приоритетных страниц (в рамках бонуса).

Это позволило запустить проект без пустых Title и Description.

Перед запуском проекта наши специалисты провели финальную диагностику:

• добавили и настроили Google Webmaster и Google Analytics;
• проверили корректность всех редиректов;
• протестировали индексацию, перелинковку и работу фильтров;
• провели окончательную проверку параметров юзабилити.

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

Какие выгоды получила компания Choicy благодаря интеграции SEO на этапе разработки

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

Среди ключевых выгод, которые получил проект:

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

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