Разработка сайта для официального дистрибьютора Sinopec в России — от макетов до запуска на 1С-Битрикс

Кейс: Разработка сайта для официального дистрибьютора Sinopec в России — от макетов до запуска на 1С-Битрикс

О клиенте

ООО «Торговая Компания Гранд» — официальный дистрибьютор Sinopec Lubricant Co., Ltd в России. Компания поставляет промышленные масла, смазочные материалы и технические жидкости Sinopec предприятиям по всей стране.

Sinopec — китайская нефтегазовая корпорация № 1 в мире по объёму выручки, основанная в 1949 году. Подразделение смазочных материалов Sinopec Lubricant Company располагает 11 заводами в Китае и крупнейшим предприятием в Сингапуре, четырьмя исследовательскими институтами и шестью национальными лабораториями. Годовая мощность — 1,46 миллиона тонн упакованной продукции. С 2001 года действует совместное предприятие с Infineum. Продукция имеет более 2 000 технических сертификатов, используется в лунной программе «Чаньэ» и покрывает свыше 90% потребностей рынка смазочных материалов.

ТК «Гранд» получила статус официального дистрибьютора в 2025 году. К моменту обращения в S-WEBS24 у компании отсутствовал сайт, способный представлять бренд такого уровня.

С чем пришли: 5 ключевых задач

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

2. Сложная структура каталога. Номенклатура Sinopec насчитывает 22+ категорий: от авиационных масел до СОЖ. Каждая категория содержит подкатегории, а внутри — десятки товаров с уникальными характеристиками. Классическая плоская структура интернет-магазина здесь не работает: нужна иерархия, понятная инженеру-снабженцу.

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

4. Полная SEO-упаковка с нуля. Без поискового трафика сайт дистрибьютора — визитка, а не инструмент продаж. Требовалась проработка семантики, генерация ЧПУ, микроразметка и техническая оптимизация на уровне, позволяющем конкурировать с действующими поставщиками масел.

5. Фирменный стиль Sinopec на российской платформе. Брендбук Sinopec — красный, белый, тёмные акценты. Дизайн должен следовать гайдлайнам, но сайт собирается на 1С-Битрикс, а не на китайском стеке. Требовался кастомный шаблон с полной переработкой стандартной вёрстки.

Решение 1. Проектирование структуры: 22 категории, 6 отраслей, система фильтрации

Первым этапом спроектировали информационную архитектуру. Каталог из 22+ категорий организован в трёхуровневую иерархию: родительская категория → подкатегория → карточка товара. Для каждой подкатегории предусмотрен собственный описательный блок с характеристиками, блоком FAQ и секцией «почему выбирают Sinopec» — 11+ страниц каталога получили отдельный контент.

Шесть отраслевых страниц (металлургия, ж/д транспорт, горнодобывающая, химическая, деревообработка, пищевая) спроектированы как самостоятельные посадочные: hero-баннер, описание применения продуктов Sinopec в конкретной отрасли, сетка преимуществ и блок why-us.

Фильтрация заложена не по стандартным параметрам интернет-магазина (цена, бренд), а по техническим характеристикам — вязкость (80W-90, и т.д.), тип базового масла, спецификации. Это принципиально для b2b-аудитории: снабженец ищет «редукторное масло 220 с пищевым допуском», а не «масло подешевле».

Решение 2. Дизайн: адаптация брендбука Sinopec под реалии 1С-Битрикс

Разработан полный набор макетов: главная, каталог, карточка товара, отраслевые страницы, мобильные версии всех экранов. Фирменная палитра Sinopec (красный, белый, тёмно-серый) реализована в тёмной теме сайта. Для корпоративного сайта промышленного дистрибьютора это нестандартный ход — большинство конкурентов используют светлые темы.

Ключевые элементы интерфейса:

• Фиксированная шапка с мегаменю. При скролле шапка остаётся закреплённой. Верхнее меню, левое боковое и футер образуют три независимые навигационные зоны, каждая со своей логикой.
• Карточки категорий. Укрупнённые, с фотографией продукции — посетитель сразу видит, о какой категории речь, без чтения мелкого текста.
• Слайдер преимуществ на главной. Четыре карточки с иконками — формат, привычный для b2b-принятия решений.
• Карточки товаров с кнопкой «Заказать». Без корзины и онлайн-оплаты — схема работы дистрибьютора предполагает запрос коммерческого предложения, а не розничную покупку.

Мобильная версия спроектирована как самостоятельный макет для каждого типа страниц, а не как адаптация десктопа сжатием. Это исключило типичные проблемы: съезжающие карточки, нечитаемые таблицы характеристик и неработающие фильтры на смартфонах.

Решение 3. Вёрстка и программирование: кастомный шаблон 1С-Битрикс

Сайт построен на редакции «1С-Битрикс: Управление сайтом». Стандартные шаблоны не использовались — написан кастомный шаблон с нуля под макеты.

Технические детали реализации:

• ЧПУ-ссылки — настроена генерация URL на транслите без спецсимволов. Все адреса страниц человекопонятны: /catalog/motornye_masla/ вместо /catalog/?SECTION_ID=42.
• Sitemap.xml с автообновлением — файл карты сайта перегенерируется автоматически раз в неделю. При добавлении новой категории или товара вручную обновлять sitemap не требуется.
• Липкая шапка — реализована фиксация верхнего меню при скролле без рывков и перерисовки.
• WhatsApp-виджет — кнопка быстрой связи для заказчиков, предпочитающих мессенджер звонкам.
• 404-страница — кастомная, с рекомендациями товаров и ссылкой в каталог, а не пустая заглушка.
• 301-редиректы — настроены автоматические перенаправления: со слеша на URL без слеша, с HTTP на HTTPS.
• Инструменты админки — реализована массовая загрузка SEO-тегов через CSV (экономит часы при работе с 22 категориями), инструмент вставки текста с сохранением форматирования, управление меню и редиректами из административной панели.

Решение 4. Контент: 20+ страниц уникального текста

На сайте подготовлено более 20 страниц уникального контента. Каждая единица — не SEO-текст ради символов, а информация, полезная инженеру-снабженцу:

• Главная — описание компании, преимущества дистрибьютора, навигация по каталогу, FAQ из четырёх вопросов.
• О компании — миссия, четыре преимущества с иконками, реквизиты (ИНН, КПП, банковские данные), видео.
• 11+ страниц категорий — для каждой: уникальное описание категории, блок FAQ из 4–6 вопросов, why-us блок. Например, для категории «Моторные масла» FAQ раскрывает вопросы одобрений автопроизводителей (MB, Volvo, MAN, Cummins), преимуществ составов и географии доставки.
• 6 отраслевых страниц — hero-баннер, описание применения продуктов в отрасли, why-us блок.
• Фильтровая страница (80W-90) — отдельная страница для популярного поискового запроса по вязкости.
• Карточки товаров — характеристики, описание, фото, кнопка «Заказать».
• Новости — лента с анонсами событий дистрибьютора (участие в выставках, испытания продукции на предприятиях).

Решение 5. SEO: техническая оптимизация и микроразметка

Поисковая оптимизация выполнена в расчёте на b2b-запросы в тематике промышленных масел:

Мета-теги:

• Уникальные Title и Description для каждой страницы — часть заполнена вручную, для типовых страниц настроены шаблоны с подстановкой названия категории, характеристик и региона.
• Иерархия заголовков H1–H6 проработана на всех страницах — без пропусков уровней и дублирования.

Микроразметка Schema.org:

• Organization — название, логотип, адрес, телефон.
• Product — для карточек товаров: название, описание, изображение.
• BreadcrumbList — хлебные крошки на всех страницах.
• FAQ — страницы категорий с блоками вопросов-ответов.
• Article — страницы новостей.
• Logo — логотип организации.

Техническая оптимизация:

• robots.txt с корректными директивами.
• Sitemap.xml с автообновлением.
• HTTPS с рейтингом SSL A+.
• 301-редиректы (слеш → без слеша, HTTP → HTTPS).
• alt-тексты для всех изображений каталога и контентных страниц.

Аналитика:

• Яндекс Метрика с целями.
• Подтверждённые права в Яндекс Вебмастер и Google Search Console.

Итоги проекта

Параметр	Результат
Платформа	1С-Битрикс (Управление сайтом), кастомный шаблон
Категории каталога	22+, с трёхуровневой иерархией
Отраслевые страницы	6 (металлургия, ж/д транспорт, горнодобывающая, химическая, деревообработка, пищевая)
Уникальные страницы контента	20+
Меню	Три независимые зоны: верхнее (мегаменю), левое боковое, футер
ЧПУ	Транслит без спецсимволов
Микроразметка	6 типов Schema.org
SSL-рейтинг	A+
Мобильная версия	Отдельные макеты для всех типов страниц
Аналитика	Яндекс Метрика, Вебмастер, Google Search Console

Сайт запущен, проиндексирован поисковыми системами и выполняет функцию представительства официального дистрибьютора Sinopec в России.

Типичные ошибки в похожих проектах

1. Адаптация интернет-магазина вместо b2b-каталога. Когда сайт дистрибьютора строится по логике розничного интернет-магазина: корзина, онлайн-оплата, скидки за объём. Для b2b-поставок промышленных масел это лишнее: заказчик формирует запрос через КП, а не кладёт бочку масла в корзину. В проекте sinopecrussia.ru карточка товара содержит кнопку «Заказать» с формой обращения — без корзины и платежей.

2. Плоская структура каталога. 22 категории без иерархии — это 22 страницы первого уровня, в которых никто не разберётся. Категории должны быть сгруппированы логически и дополнены посадочными страницами под ключевые поисковые запросы (в нашем случае — фильтровая страница 80W-90 и 6 отраслевых).

3. Шаблонные SEO-тексты на страницах категорий. «Купить моторное масло в Санкт-Петербурге с доставкой» — текст для поискового робота, а не для снабженца. В кейсе каждая категория получила FAQ, отвечающий на реальные вопросы заказчиков: одобрения автопроизводителей, условия хранения, формирование цены. Это работает и на SEO, и на конверсию.

4. Игнорирование мобильной версии на этапе макетов. Если адаптировать десктопный макет к мобильному разрешению уже в вёрстке, страдают таблицы характеристик и фильтры. В проекте sinopecrussia.ru мобильная версия отрисована на этапе дизайна для каждого типа страниц — компромиссов по юзабилити нет.

5. Микроразметка «для галочки». Часто размечен только Organisation и BreadcrumbList. В реальности для b2b-каталога критичен Product (карточки товаров попадают в расширенные сниппеты) и FAQ (страницы категорий получают дополнительные строки в выдаче). Шесть типов Schema.org на sinopecrussia.ru дают преимущество в поисковой выдаче перед конкурентами, у которых размечен один-два типа.

Заключение

Проект sinopecrussia.ru — пример того, как сайт официального дистрибьютора решает задачу не «сделать интернет-магазин», а «построить b2b-каталог, понятный снабженцу и видимый поисковику». Ключевой фактор успеха — проектирование структуры до старта дизайна. Когда иерархия каталога, отраслевые страницы и фильтры продуманы заранее, макеты и вёрстка ложатся на эту структуру без переделок.

Стек 1С-Битрикс с кастомным шаблоном позволил соединить требования брендбука Sinopec с привычной российским администраторам админкой и стандартными инструментами SEO.