Как мы разработали Napolika.ru: каталог напольных покрытий и SEO-основа
Разбираем, как Spark Studio собрала e-commerce сайт Napolika: архитектуру каталога, карточки товаров, сценарии замера и укладки, техническое SEO и основу для дальнейшего органического роста.
Napolika.ru — интернет-магазин напольных покрытий, где клиент выбирает не только материал, но и весь связанный сервис: консультацию, бесплатный замер, укладку и гарантию. Поэтому задача проекта была шире красивой витрины — требовалось собрать понятный путь от поиска покрытия до заявки или заказа.
В этом кейсе мы описываем реализованную продуктовую и техническую основу. Мы не приписываем проекту неподтвержденные позиции или рост трафика: поисковые результаты оцениваются после накопления данных в Search Console и аналитике заявок.
Задача: объединить товар и услугу в одном сценарии
Покупатель напольного покрытия сравнивает материал, цвет, характеристики и цену, но решение зависит также от замера, подготовки помещения, укладки и гарантии. Если эти части разнесены по несвязанным страницам, пользователь теряет контекст и откладывает обращение.
Мы сформулировали главный сценарий Napolika так: найти подходящую категорию, изучить товар, сравнить варианты и без лишних переходов запросить консультацию, замер, коммерческое предложение или оформление заказа.
- Показать ассортимент через категории и подкатегории.
- Сделать характеристики и цены понятными в карточке товара.
- Связать товары с замером, укладкой и гарантией.
- Дать магазину управляемую контентную и SEO-основу.
Архитектура каталога и покупательский путь
В проекте появились каталог, категории, подкатегории, карточки товаров, поиск, сравнение и корзина. Отдельные маршруты предусмотрены для замера, укладки, гарантии и ухода, проектов, новостей и контактов.
Такая архитектура помогает не смешивать разные намерения. Пользователь из информационного поиска может изучить материал или уход, а посетитель с коммерческим запросом сразу перейти к категории, товару или заявке на сервис.
| Группа | Задача пользователя | Следующее действие |
|---|---|---|
| Категории | Выбрать тип покрытия | Открыть подборку товаров |
| Карточки товаров | Сравнить свойства, варианты и цену | Добавить, сравнить или запросить расчет |
| Замер и укладка | Понять условия сервиса | Оставить заявку |
| Проекты и новости | Проверить опыт и получить рекомендации | Перейти к товару или консультации |
Карточки товаров, поиск и коммерческие формы
Карточка товара получает изображения, цену, наличие, характеристики, связанные позиции и отдельные вкладки с подробной информацией. Для каталога предусмотрены фильтры, выбранные параметры, сеточный и списочный режимы, а поиск учитывает название, артикул и описание.
Коммерческие действия не сводятся к одной универсальной форме. Пользователь может запросить предложение по конкретному товару, задать вопрос, оформить быстрый заказ или добавить замер и монтаж в покупательский сценарий.
- Категории, подкатегории и фильтруемые характеристики.
- Поиск с вариантами запроса и понятным пустым состоянием.
- Сравнение товаров и связанные позиции.
- Формы с контекстом выбранного товара или услуги.
Что заложили в техническую SEO-основу
Napolika построена на Next.js, поэтому важные страницы могут отдавать поисковой системе содержимый HTML и серверные метаданные. Для страниц, категорий, товаров и новостей предусмотрены свои title, description, canonical и Open Graph данные.
Сайт формирует sitemap из данных каталога, использует хлебные крошки и структурированные данные Product, Offer, Article, ContactPage и FAQ. Поиск и технические страницы закрываются от индексации там, где они не должны конкурировать с основными посадочными URL.
- Уникальные canonical URL для товаров, категорий и материалов.
- Динамический sitemap для развивающегося каталога.
- Product и Offer schema для товарных страниц.
- BreadcrumbList, Article, FAQ и контактные данные.
- Контроль служебных и поисковых URL через robots directives.
Контент и перелинковка вокруг коммерческого спроса
Одних карточек товаров недостаточно для всего поискового спроса. Категории отвечают за выбор типа покрытия, сервисные страницы — за замер, укладку и гарантию, а проекты и новости дают примеры, рекомендации и основания доверять магазину.
Следующий этап роста строится вокруг этих связей: материалы ведут к релевантным категориям и товарам, карточки объясняют доступный сервис, а страницы услуг возвращают пользователя к подходящему ассортименту и заявке.
- Не создавать дубли категорий ради похожих ключевых слов.
- Связывать статьи с товарами и услугами по реальному контексту.
- Развивать страницы категорий через выбор, характеристики и FAQ.
- Добавлять кейсы укладки с материалами и условиями проекта.
Как проверяли качество перед запуском
В проекте есть автоматические проверки для метаданных, canonical, товарной schema, хлебных крошек, каталога, форм, доступности карточек и мобильной стабильности изображений. Они защищают основные сценарии при дальнейших изменениях.
Отдельно проверяются формы замера, гарантии, вопросов по товару и коммерческого предложения, состояния корзины и заказа, мобильные фильтры и поведение динамических данных. Это снижает риск, что SEO-страница индексируется, но не приводит пользователя к рабочему действию.
- Метаданные и canonical для динамических типов страниц.
- Структурированные данные и корректные URL товаров.
- Мобильная стабильность каталога и изображений.
- Контекстные формы и состояния ошибок.
- Доступность карточек, навигации и хлебных крошек.
Результат и следующий этап SEO
Napolika получила управляемую e-commerce систему, в которой каталог, карточки товаров, сервисные страницы, проекты и формы работают как один покупательский путь. Техническая база позволяет расширять ассортимент и контент без ручной сборки каждой страницы.
После запуска SEO продолжается на реальных данных: нужно проверить индексацию, запросы и CTR в Search Console, настроить ключевые события в GA4, определить категории с показами и последовательно усиливать страницы, которые способны приводить целевые обращения.
- Проверить покрытие sitemap и индексирование приоритетных URL.
- Связать органические обращения с категориями и товарами.
- Усилить категории с показами, но низким CTR или позицией.
- Развивать экспертные материалы и реальные проекты укладки.
- Получать релевантные упоминания от брендов и партнеров.
Вопросы о разработке e-commerce и SEO
Архитектура интернет-магазина зависит от ассортимента, характеристик, способов покупки и процессов компании. Поэтому каталог и SEO-шаблоны проектируются вместе с товарной моделью, а не добавляются после запуска.
Ниже — короткие ответы по решениям, которые чаще всего обсуждаются при разработке магазина с большим количеством категорий и связанных услуг.
Почему карточки товаров должны быть доступны без клиентского JavaScript?
Серверный HTML ускоряет первый показ содержимого и дает поисковой системе надежный источник названия, описания, цены и ключевых характеристик товара.
Нужна ли отдельная SEO-страница под каждый фильтр?
Нет. Индексировать стоит только комбинации с подтвержденным спросом, стабильным ассортиментом и уникальной пользой. Остальные фильтры могут создавать дубли и расходовать ресурсы обхода.
Что важнее для магазина: категории или карточки товаров?
Они отвечают на разные запросы. Категории помогают выбрать тип решения, а карточки закрывают спрос по конкретному товару, коллекции или артикулу.
Можно ли гарантировать рост позиций после технической оптимизации?
Нет. Техническая основа устраняет препятствия, но позиции зависят также от спроса, ассортимента, контента, конкурентов, истории домена и внешних сигналов.
Какие данные нужны после запуска?
Минимум — Search Console, GA4 с ключевыми событиями и источник обращения в CRM. Это позволяет оценивать не только показы и клики, но и реальные заявки.