[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fd2TAoLSnfKmYlfmxYNgXDGMzVpaKuExFQGJA725MsV8":3},{"slug":4,"title":5,"published":6,"publishedAt":7,"createdAt":8,"section":9,"preview":10,"heroImage":11,"previewImage":11,"headMarkup":12,"bodyMd":13,"bodyHtml":14},"hydracars","Сайт-каталог для производителя кунгов Hydracars на Битрикс24",true,"17.07.2026 16:45:31","2026-07-17T16:45:31.993Z","sites","Сайт-каталог продукции для производителя кунгов из стекловолокна: интеграция с 1С-Битрикс, умный каталог с подбором по марке автомобиля, адаптивный дизайн.","\u002Fcontent-media\u002Fcases\u002Fhydracars\u002Fassets\u002F5467641a4af2.webp",[],"# Кейс: сайт-каталог для производителя кунгов Hydracars на Битрикс24\n\n## О клиенте\n\nHydracars — российский производитель кунгов (надстроек) для пикапов из армированного стекловолокна. Компания работает во Всеволожском районе Ленинградской области (сп. Лесколово) и выпускает три группы продукции: кунги для пикапов (индивидуальные, универсальные, специализированные), передвижные мастерские на базе пикапов SOLLERS ST6 и переоборудование цельнометаллических фургонов.\n\nПроизводство — полный цикл: от изготовления стеклопластиковых кузовов до металлообработки и собственного мебельного цеха. Компания регулярно участвует в отраслевых выставках: CTT2024, COMTRANS 2024, «Экология большого города — 2025», а также представляла продукцию на бизнес-форуме в Индии.\n\nГеография поставок: Россия, Беларусь, Казахстан, Германия, Аргентина, Вьетнам, Сербия. Клиенты — сервисные службы, строительные и коммунальные организации, аварийные бригады, частные заказчики.\n\nДо запуска нового сайта Hydracars использовали устаревший веб-ресурс, который не отражал реальный масштаб производства и не работал как инструмент продаж. Для выхода на новый уровень компании требовался полноценный сайт-каталог с продуманной структурой, качественной презентацией продукции и технической базой для SEO-продвижения.\n\n## С чем пришли: 5 задач\n\n**1. Структурировать разрозненный каталог.** На старом сайте продукция была свалена в общий список без категорий, фильтров и внятной навигации. Покупателю приходилось гадать, чем кунг HC-01 отличается от HC-01.1 и для какого шасси подходит конкретная модель.\n\n**2. Показать производственные компетенции.** Компания проектирует и изготавливает сложные кастомные изделия, но старый сайт сводил это к нескольким фотографиям без пояснений. Не было информации о материалах, технологиях, этапах производства.\n\n**3. Сделать удобные карточки товаров.** Отсутствовали характеристики, инструкции, фото- и видеоматериалы. Потенциальный заказчик не мог понять, что именно он покупает, не позвонив в отдел продаж.\n\n**4. Организовать канал для заявок.** На старом сайте не было формы обратной связи — только телефон. Часть лидов терялась в нерабочее время.\n\n**5. Заложить фундамент под SEO.** Предыдущий сайт не был проиндексирован по целевым запросам: отсутствовали мета-теги, семантическая разметка, адаптивная вёрстка и нормальные URL.\n\n## Решение 1. Архитектура и структура каталога\n\nПроектирование началось не с дизайна, а с логики — как заказчик выбирает кунг или мастерскую? Анализ клиентского пути показал три принципиально разных сценария.\n\nПервый: заказчик знает, что ему нужен кунг на конкретный пикап, но не определился с конфигурацией. Ему важны варианты исполнения — универсальный короб, специализированный под задачу или полностью кастомный проект. Второй: клиенту нужна готовая мастерская на колёсах, и он выбирает по типу оснащения — аварийно-сервисная, каналопромывочная или мастерская РВД. Третий: запрос на переоборудование существующего фургона — обшивка ЦМФ, установка сервисного оборудования, шиномонтаж.\n\nНа основе этих сценариев каталог получил трёхуровневую структуру:\n\n- **Кунги для пикапов** → Индивидуальные, Универсальные, Специализированные — внутри каждой подкатегории карточки конкретных моделей (HC-01, HC-01.1, HC-01.2, HC-01.3).\n- **Мастерские на базе пикапа** → Аварийно-сервисная (SOLLERS ST6), Каналопромывочная (SOLLERS ST6), РВД-мастерская (SOLLERS ST6).\n- **Переоборудование ЦМФ** → Обшивка ЦМФ, Сервис-мастерская, Сервис РВД, Шиномонтаж.\n\nТакая иерархия не просто группирует товары — она направляет посетителя по тому пути принятия решения, который естественен для его задачи. Каждая категория получила собственное визуальное оформление с иконкой-фотографией, а навигация построена так, что с любой страницы каталога можно вернуться на уровень выше без использования кнопки «Назад» в браузере.\n\nСтруктура главной страницы поддержала эту логику: хиро-слайдер с крупными фотографиями продукции, блок из четырёх преимуществ (лизинг, доставка по РФ, ремонт, выгодные условия для партнёров) и три карточки-ссылки на основные разделы каталога. Посетитель получает ответ на вопрос «что здесь продают» за первые 5 секунд скролла.\n\n## Решение 2. Дизайн\n\nВизуальная концепция построена на двух опорах: индустриальная эстетика и доверие к производителю. Тёмная шапка, контрастный оранжевый акцент на кнопках целевых действий и крупный белый шрифт на тёмном фоне в хиро-блоке — это читается как «серьёзная техника для серьёзных задач». При этом основной контент страниц — на светлом фоне с качественными фотографиями продукции, что даёт ощущение открытости: «смотрите, вот наши цеха, вот готовые машины».\n\nГлавная открывается полноэкранным слайдером с фотографиями кунгов на пикапах в реальных условиях эксплуатации — не студийные кадры, а машины на дороге, на объектах. Это принципиальное решение: покупатель спецтехники принимает решение не по глянцевой картинке, а по тому, как изделие выглядит после года эксплуатации.\n\nКарточки категорий в каталоге решены как фотопревью с заголовком и списком подкатегорий — пользователь сразу видит, что внутри, и может перейти в нужный подраздел без лишнего клика.\n\nНа странице товара — классическая карточка с галереей, основным фото, блоком характеристик и вкладками: Описание, Характеристики, Фото и видео, Инструкции. Табы реализованы без перезагрузки страницы — контент подгружается динамически.\n\nАдаптивная вёрстка проверена на разрешениях от 375 до 1440 пикселей. На мобильных устройствах меню сворачивается в гамбургер, карточки каталога перестраиваются в одну колонку, а табы на странице товара превращаются в вертикальный список с плавным скроллом к нужной секции.\n\n## Решение 3. Разработка и функционал\n\nСайт построен на «1С-Битрикс: Управление сайтом» с кастомным шаблоном, написанным под структуру каталога Hydracars. Штатные компоненты каталога доработаны: стандартный инфоблок «Товары» — это плоская таблица, а здесь потребовалась трёхуровневая иерархия с разной логикой отображения для каждого уровня.\n\nКарточка товара получила четыре вкладки. **Описание** — текстовый блок с возможностью форматирования, вставки изображений и таблиц. **Характеристики** — структурированный набор «свойство → значение»: материал кузова (армированный стеклопластик), базовое шасси (SOLLERS ST6), тип оснащения, габаритные размеры, масса. **Фото и видео** — галерея с возможностью просмотра в полный экран, плюс встроенные видео с YouTube о работе мастерских в полевых условиях. **Инструкции** — загружаемые PDF-файлы с руководствами по монтажу и эксплуатации.\n\nФорма заявки реализована в двух точках контакта: на каждой карточке товара (кнопка «Узнать цену по запросу») и отдельная форма в разделе контактов. Отправка идёт через встроенный почтовый механизм Битрикс24 с дублированием заявки в CRM компании. Добавлена защита Яндекс SmartCaptcha для отсечения спама.\n\nРаздел «Новости» подключён к стандартному модулю Битрикс24 — администратор может публиковать пресс-релизы и фотоотчёты с выставок без привлечения разработчика. Лента на главной странице выводит последние две новости с фотографиями-превью.\n\nНа странице «О компании» размещён производственный фоторепортаж: цех металлообработки, участок формовки стеклопластика, готовые изделия на отгрузке. Это не просто иллюстрации — это доказательство полного цикла производства, о котором заявлено в тексте.\n\n«Контакты» включают физический адрес, два телефона (московский +7 495 740-28-40 и мобильный +7 926 303-18-40), email, форму обратной связи и интерактивную Яндекс.Карту с меткой производства. По клику на телефон на мобильном устройстве сразу открывается звонилка.\n\n## Решение 4. Контент и наполнение\n\nКонтентная стратегия строилась вокруг трёх пластов текста, каждый из которых решает свою задачу.\n\n**Продуктовый слой** — карточки товаров с техническими описаниями, написанными инженерами компании, а затем адаптированными для восприятия неподготовленным заказчиком. Для каждой модели прописаны: назначение (какую задачу решает), перечень совместимых шасси, ключевые характеристики в структурированном формате. Карточка «Решения для сервисных служб» детально описывает процесс проектирования кастомного кунга — от анализа требований заказчика до запуска в серию.\n\n**Имиджевый слой** — страница «О компании» с рассказом о производственном цикле, контроле качества на каждом этапе и географии поставок в 7 стран. Текст поддерживается фотографиями цехов, что закрывает типичный страх заказчика спецтехники: «а не гаражная ли это сборка?».\n\n**Новостной слой** — хроника участия в выставках. Это не только контент для SEO, но и социальное доказательство: компания представлена на ключевых отраслевых событиях — CTT, COMTRANS, «Экология большого города». Четыре новости с 2023 по 2026 год закрывают временной диапазон и показывают, что бизнес активен.\n\nВсе тексты проиндексированы — поисковые роботы видят полный контент страниц, включая содержимое табов в карточках товаров. Технически табы реализованы как секции одной страницы, а не как отдельные URL — сканирование одной карточки товара даёт поисковику весь объём информации.\n\n## Решение 5. SEO и техническая оптимизация\n\nПоисковая оптимизация была не финальным этапом, а параллельным процессом, который шёл с момента проектирования структуры каталога. Ключевые решения:\n\n**ЧПУ (человеко-понятные URL).** Все адреса — на транслите с осмысленными названиями разделов: `\u002Fcatalog\u002Fkungi-dlya-pikapov\u002Fkastomnye\u002F`, а не `\u002Fcatalog\u002Fcategory.php?id=14`. Каждый уровень вложенности отражён в URL, что даёт поисковику понимание иерархии.\n\n**Иерархия заголовков.** Каждая страница построена вокруг одного H1, совпадающего с названием категории или товара. Подзаголовки H2 и H3 структурируют контент внутри страницы. На продуктовых карточках H2 используются для названий табов, H3 — для блоков внутри описания.\n\n**Мета-теги.** Для каждой страницы каталога и каждой карточки товара настроены индивидуальные Title и Description. Title строится по шаблону «[Название товара] — Hydracars» с учётом ограничения в 70 символов. Description — содержательный текст на 140–160 знаков, не дублирующий заголовок.\n\n**Schema.org микроразметка.** На карточках товаров размечена структура Product с полями name, description, image и offers. Страница «Контакты» получила разметку Organization с адресом, телефонами и email. Это влияет не только на ранжирование, но и на внешний вид сниппета в выдаче: телефон и адрес могут отображаться прямо под ссылкой на сайт.\n\n**Sitemap.xml с автообновлением.** При добавлении нового товара или категории sitemap генерируется заново, поисковым системам отправляется уведомление через модуль «Поисковая оптимизация» Битрикс24.\n\n**SSL-сертификат и редиректы.** Настроен HTTPS с 301-редиректом с HTTP-версии. Все страницы отдают строгий HSTS-заголовок. Битые ссылки старого сайта перехватываются кастомной страницей 404 с картой разделов — посетитель не уходит, а попадает в навигацию.\n\n**Скорость загрузки.** Подключено сжатие статических ресурсов, кеширование на уровне браузера, отложенная загрузка изображений (lazy loading) для фотогалерей. Основные метрики Core Web Vitals — в зелёной зоне для десктопа и мобильных устройств.\n\n## Скриншоты внедрения\n\n![Главная страница — хиро-слайдер и каталог](\u002Fcontent-media\u002Fcases\u002Fhydracars\u002Fassets\u002F5467641a4af2.webp)\n\n![Каталог — категория «Кунги для пикапов»](\u002Fcontent-media\u002Fcases\u002Fhydracars\u002Fassets\u002F81b0654c6e29.webp)\n\n![Карточка товара — таб «Описание»](\u002Fcontent-media\u002Fcases\u002Fhydracars\u002Fassets\u002Fdc7c71368e04.webp)\n\n![Карточка товара — таб «Характеристики»](\u002Fcontent-media\u002Fcases\u002Fhydracars\u002Fassets\u002Fe549a2326ec6.webp)\n\n![Страница «О компании»](\u002Fcontent-media\u002Fcases\u002Fhydracars\u002Fassets\u002Fc71cd452e6be.webp)\n\n![Мобильная версия — главная страница и меню](\u002Fcontent-media\u002Fcases\u002Fhydracars\u002Fassets\u002F86d3a76c4ee9.webp)\n\n## Итоги проекта\n\n| Параметр | Результат |\n|----------|-----------|\n| Структура каталога | 3 раздела, 10 подкатегорий, трёхуровневая иерархия |\n| Карточки товаров | 4 вкладки на каждой: Описание, Характеристики, Фото и видео, Инструкции |\n| Формы заявок | 2 точки входа: с карточки товара и из раздела контактов |\n| Новостной раздел | 4 публикации с хронологией участия в выставках 2023–2026 |\n| Мобильная версия | Полная адаптация под разрешения от 375 до 1440 px |\n| SEO | ЧПУ на транслите, Schema.org Product и Organization, индивидуальные Title и Description |\n| Техническая база | HTTPS + HSTS, lazy loading, автообновляемый sitemap.xml, кастомная 404 |\n| Интеграция с CRM | Заявки с сайта попадают напрямую в воронку продаж компании |\n| Языковая версия | Мультиязычность: русский + английский + казахский (структура подготовлена) |\n\n## Типичные ошибки в похожих проектах\n\n**1. Плоская структура каталога.** Когда производитель спецтехники выводит 15–20 моделей одним списком, покупатель теряется. Кунг, мастерская на колёсах и переоборудование фургона — это три принципиально разных продукта с разным циклом сделки. Каждый заслуживает собственной категории с отдельной логикой навигации.\n\n**2. Технические описания, скопированные из заводской документации.** Инженерный текст, написанный для снабженца, не работает на сайте, куда приходит руководитель сервисной компании. Он ищет ответ на вопрос «какую задачу это решает», а не «какой модуль упругости стеклопластика». В случае Hydracars инженерный текст был адаптирован: сохранены ключевые параметры, но добавлен контекст применения.\n\n**3. Пренебрежение мобильной версией.** Покупатель спецтехники часто просматривает варианты с телефона — в дороге, на объекте, после звонка коллеги. Сайт, который на мобильном требует горизонтального скролла или прячет ключевую информацию за несвёрстываемыми таблицами, теряет лиды.\n\n**4. Отсутствие фотографий производства.** Поставщик, который продаёт дорогую спецтехнику, но показывает только рендеры и стоковые фото, вызывает недоверие. Фотоотчёт из цеха на странице «О компании» закрывает вопрос «существует ли производство физически» и работает на конверсию сильнее, чем любой текст.\n\n**5. Контент в табах, скрытый от поисковиков через AJAX.** Частая ошибка — вкладки «Характеристики» и «Инструкции» подгружаются асинхронно с отдельного URL. Поисковик индексирует только первую вкладку, теряя 70% контента страницы. В проекте Hydracars все четыре таба — это секции одной страницы, доступные поисковому роботу при первом же сканировании.\n\n## Заключение\n\nГлавный принцип, заложенный в проект — проектирование структуры от клиентского сценария, а не от номенклатуры продукции. Три раздела каталога — это три разных типа покупателей с разными задачами, бюджетом и циклом принятия решения. Сайт не пытается показать «всё и сразу», а проводит посетителя по тому маршруту, который соответствует его запросу.\n\nДля производителей спецтехники и сложного оборудования такой подход критичен: продукт не покупают импульсивно, решение принимается неделями, и сайт должен обслуживать не момент покупки, а весь процесс выбора — от первого знакомства с производителем до скачивания инструкции по монтажу.\n","\u003Ch1>Кейс: сайт-каталог для производителя кунгов Hydracars на Битрикс24\u003C\u002Fh1>\n\u003Ch2>О клиенте\u003C\u002Fh2>\n\u003Cp>Hydracars — российский производитель кунгов (надстроек) для пикапов из армированного стекловолокна. Компания работает во Всеволожском районе Ленинградской области (сп. Лесколово) и выпускает три группы продукции: кунги для пикапов (индивидуальные, универсальные, специализированные), передвижные мастерские на базе пикапов SOLLERS ST6 и переоборудование цельнометаллических фургонов.\u003C\u002Fp>\n\u003Cp>Производство — полный цикл: от изготовления стеклопластиковых кузовов до металлообработки и собственного мебельного цеха. Компания регулярно участвует в отраслевых выставках: CTT2024, COMTRANS 2024, «Экология большого города — 2025», а также представляла продукцию на бизнес-форуме в Индии.\u003C\u002Fp>\n\u003Cp>География поставок: Россия, Беларусь, Казахстан, Германия, Аргентина, Вьетнам, Сербия. Клиенты — сервисные службы, строительные и коммунальные организации, аварийные бригады, частные заказчики.\u003C\u002Fp>\n\u003Cp>До запуска нового сайта Hydracars использовали устаревший веб-ресурс, который не отражал реальный масштаб производства и не работал как инструмент продаж. Для выхода на новый уровень компании требовался полноценный сайт-каталог с продуманной структурой, качественной презентацией продукции и технической базой для SEO-продвижения.\u003C\u002Fp>\n\u003Ch2>С чем пришли: 5 задач\u003C\u002Fh2>\n\u003Cp>\u003Cstrong>1. Структурировать разрозненный каталог.\u003C\u002Fstrong> На старом сайте продукция была свалена в общий список без категорий, фильтров и внятной навигации. Покупателю приходилось гадать, чем кунг HC-01 отличается от HC-01.1 и для какого шасси подходит конкретная модель.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>2. Показать производственные компетенции.\u003C\u002Fstrong> Компания проектирует и изготавливает сложные кастомные изделия, но старый сайт сводил это к нескольким фотографиям без пояснений. Не было информации о материалах, технологиях, этапах производства.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>3. Сделать удобные карточки товаров.\u003C\u002Fstrong> Отсутствовали характеристики, инструкции, фото- и видеоматериалы. Потенциальный заказчик не мог понять, что именно он покупает, не позвонив в отдел продаж.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>4. Организовать канал для заявок.\u003C\u002Fstrong> На старом сайте не было формы обратной связи — только телефон. Часть лидов терялась в нерабочее время.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>5. Заложить фундамент под SEO.\u003C\u002Fstrong> Предыдущий сайт не был проиндексирован по целевым запросам: отсутствовали мета-теги, семантическая разметка, адаптивная вёрстка и нормальные URL.\u003C\u002Fp>\n\u003Ch2>Решение 1. Архитектура и структура каталога\u003C\u002Fh2>\n\u003Cp>Проектирование началось не с дизайна, а с логики — как заказчик выбирает кунг или мастерскую? Анализ клиентского пути показал три принципиально разных сценария.\u003C\u002Fp>\n\u003Cp>Первый: заказчик знает, что ему нужен кунг на конкретный пикап, но не определился с конфигурацией. Ему важны варианты исполнения — универсальный короб, специализированный под задачу или полностью кастомный проект. Второй: клиенту нужна готовая мастерская на колёсах, и он выбирает по типу оснащения — аварийно-сервисная, каналопромывочная или мастерская РВД. Третий: запрос на переоборудование существующего фургона — обшивка ЦМФ, установка сервисного оборудования, шиномонтаж.\u003C\u002Fp>\n\u003Cp>На основе этих сценариев каталог получил трёхуровневую структуру:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Кунги для пикапов\u003C\u002Fstrong> → Индивидуальные, Универсальные, Специализированные — внутри каждой подкатегории карточки конкретных моделей (HC-01, HC-01.1, HC-01.2, HC-01.3).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Мастерские на базе пикапа\u003C\u002Fstrong> → Аварийно-сервисная (SOLLERS ST6), Каналопромывочная (SOLLERS ST6), РВД-мастерская (SOLLERS ST6).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Переоборудование ЦМФ\u003C\u002Fstrong> → Обшивка ЦМФ, Сервис-мастерская, Сервис РВД, Шиномонтаж.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Такая иерархия не просто группирует товары — она направляет посетителя по тому пути принятия решения, который естественен для его задачи. Каждая категория получила собственное визуальное оформление с иконкой-фотографией, а навигация построена так, что с любой страницы каталога можно вернуться на уровень выше без использования кнопки «Назад» в браузере.\u003C\u002Fp>\n\u003Cp>Структура главной страницы поддержала эту логику: хиро-слайдер с крупными фотографиями продукции, блок из четырёх преимуществ (лизинг, доставка по РФ, ремонт, выгодные условия для партнёров) и три карточки-ссылки на основные разделы каталога. Посетитель получает ответ на вопрос «что здесь продают» за первые 5 секунд скролла.\u003C\u002Fp>\n\u003Ch2>Решение 2. Дизайн\u003C\u002Fh2>\n\u003Cp>Визуальная концепция построена на двух опорах: индустриальная эстетика и доверие к производителю. Тёмная шапка, контрастный оранжевый акцент на кнопках целевых действий и крупный белый шрифт на тёмном фоне в хиро-блоке — это читается как «серьёзная техника для серьёзных задач». При этом основной контент страниц — на светлом фоне с качественными фотографиями продукции, что даёт ощущение открытости: «смотрите, вот наши цеха, вот готовые машины».\u003C\u002Fp>\n\u003Cp>Главная открывается полноэкранным слайдером с фотографиями кунгов на пикапах в реальных условиях эксплуатации — не студийные кадры, а машины на дороге, на объектах. Это принципиальное решение: покупатель спецтехники принимает решение не по глянцевой картинке, а по тому, как изделие выглядит после года эксплуатации.\u003C\u002Fp>\n\u003Cp>Карточки категорий в каталоге решены как фотопревью с заголовком и списком подкатегорий — пользователь сразу видит, что внутри, и может перейти в нужный подраздел без лишнего клика.\u003C\u002Fp>\n\u003Cp>На странице товара — классическая карточка с галереей, основным фото, блоком характеристик и вкладками: Описание, Характеристики, Фото и видео, Инструкции. Табы реализованы без перезагрузки страницы — контент подгружается динамически.\u003C\u002Fp>\n\u003Cp>Адаптивная вёрстка проверена на разрешениях от 375 до 1440 пикселей. На мобильных устройствах меню сворачивается в гамбургер, карточки каталога перестраиваются в одну колонку, а табы на странице товара превращаются в вертикальный список с плавным скроллом к нужной секции.\u003C\u002Fp>\n\u003Ch2>Решение 3. Разработка и функционал\u003C\u002Fh2>\n\u003Cp>Сайт построен на «1С-Битрикс: Управление сайтом» с кастомным шаблоном, написанным под структуру каталога Hydracars. Штатные компоненты каталога доработаны: стандартный инфоблок «Товары» — это плоская таблица, а здесь потребовалась трёхуровневая иерархия с разной логикой отображения для каждого уровня.\u003C\u002Fp>\n\u003Cp>Карточка товара получила четыре вкладки. \u003Cstrong>Описание\u003C\u002Fstrong> — текстовый блок с возможностью форматирования, вставки изображений и таблиц. \u003Cstrong>Характеристики\u003C\u002Fstrong> — структурированный набор «свойство → значение»: материал кузова (армированный стеклопластик), базовое шасси (SOLLERS ST6), тип оснащения, габаритные размеры, масса. \u003Cstrong>Фото и видео\u003C\u002Fstrong> — галерея с возможностью просмотра в полный экран, плюс встроенные видео с YouTube о работе мастерских в полевых условиях. \u003Cstrong>Инструкции\u003C\u002Fstrong> — загружаемые PDF-файлы с руководствами по монтажу и эксплуатации.\u003C\u002Fp>\n\u003Cp>Форма заявки реализована в двух точках контакта: на каждой карточке товара (кнопка «Узнать цену по запросу») и отдельная форма в разделе контактов. Отправка идёт через встроенный почтовый механизм Битрикс24 с дублированием заявки в CRM компании. Добавлена защита Яндекс SmartCaptcha для отсечения спама.\u003C\u002Fp>\n\u003Cp>Раздел «Новости» подключён к стандартному модулю Битрикс24 — администратор может публиковать пресс-релизы и фотоотчёты с выставок без привлечения разработчика. Лента на главной странице выводит последние две новости с фотографиями-превью.\u003C\u002Fp>\n\u003Cp>На странице «О компании» размещён производственный фоторепортаж: цех металлообработки, участок формовки стеклопластика, готовые изделия на отгрузке. Это не просто иллюстрации — это доказательство полного цикла производства, о котором заявлено в тексте.\u003C\u002Fp>\n\u003Cp>«Контакты» включают физический адрес, два телефона (московский +7 495 740-28-40 и мобильный +7 926 303-18-40), email, форму обратной связи и интерактивную Яндекс.Карту с меткой производства. По клику на телефон на мобильном устройстве сразу открывается звонилка.\u003C\u002Fp>\n\u003Ch2>Решение 4. Контент и наполнение\u003C\u002Fh2>\n\u003Cp>Контентная стратегия строилась вокруг трёх пластов текста, каждый из которых решает свою задачу.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Продуктовый слой\u003C\u002Fstrong> — карточки товаров с техническими описаниями, написанными инженерами компании, а затем адаптированными для восприятия неподготовленным заказчиком. Для каждой модели прописаны: назначение (какую задачу решает), перечень совместимых шасси, ключевые характеристики в структурированном формате. Карточка «Решения для сервисных служб» детально описывает процесс проектирования кастомного кунга — от анализа требований заказчика до запуска в серию.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Имиджевый слой\u003C\u002Fstrong> — страница «О компании» с рассказом о производственном цикле, контроле качества на каждом этапе и географии поставок в 7 стран. Текст поддерживается фотографиями цехов, что закрывает типичный страх заказчика спецтехники: «а не гаражная ли это сборка?».\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Новостной слой\u003C\u002Fstrong> — хроника участия в выставках. Это не только контент для SEO, но и социальное доказательство: компания представлена на ключевых отраслевых событиях — CTT, COMTRANS, «Экология большого города». Четыре новости с 2023 по 2026 год закрывают временной диапазон и показывают, что бизнес активен.\u003C\u002Fp>\n\u003Cp>Все тексты проиндексированы — поисковые роботы видят полный контент страниц, включая содержимое табов в карточках товаров. Технически табы реализованы как секции одной страницы, а не как отдельные URL — сканирование одной карточки товара даёт поисковику весь объём информации.\u003C\u002Fp>\n\u003Ch2>Решение 5. SEO и техническая оптимизация\u003C\u002Fh2>\n\u003Cp>Поисковая оптимизация была не финальным этапом, а параллельным процессом, который шёл с момента проектирования структуры каталога. Ключевые решения:\u003C\u002Fp>\n\u003Cp>\u003Cstrong>ЧПУ (человеко-понятные URL).\u003C\u002Fstrong> Все адреса — на транслите с осмысленными названиями разделов: \u003Ccode>\u002Fcatalog\u002Fkungi-dlya-pikapov\u002Fkastomnye\u002F\u003C\u002Fcode>, а не \u003Ccode>\u002Fcatalog\u002Fcategory.php?id=14\u003C\u002Fcode>. Каждый уровень вложенности отражён в URL, что даёт поисковику понимание иерархии.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Иерархия заголовков.\u003C\u002Fstrong> Каждая страница построена вокруг одного H1, совпадающего с названием категории или товара. Подзаголовки H2 и H3 структурируют контент внутри страницы. На продуктовых карточках H2 используются для названий табов, H3 — для блоков внутри описания.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Мета-теги.\u003C\u002Fstrong> Для каждой страницы каталога и каждой карточки товара настроены индивидуальные Title и Description. Title строится по шаблону «[Название товара] — Hydracars» с учётом ограничения в 70 символов. Description — содержательный текст на 140–160 знаков, не дублирующий заголовок.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Ca href=\"http:\u002F\u002FSchema.org\">Schema.org\u003C\u002Fa> микроразметка.\u003C\u002Fstrong> На карточках товаров размечена структура Product с полями name, description, image и offers. Страница «Контакты» получила разметку Organization с адресом, телефонами и email. Это влияет не только на ранжирование, но и на внешний вид сниппета в выдаче: телефон и адрес могут отображаться прямо под ссылкой на сайт.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Sitemap.xml с автообновлением.\u003C\u002Fstrong> При добавлении нового товара или категории sitemap генерируется заново, поисковым системам отправляется уведомление через модуль «Поисковая оптимизация» Битрикс24.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>SSL-сертификат и редиректы.\u003C\u002Fstrong> Настроен HTTPS с 301-редиректом с HTTP-версии. Все страницы отдают строгий HSTS-заголовок. Битые ссылки старого сайта перехватываются кастомной страницей 404 с картой разделов — посетитель не уходит, а попадает в навигацию.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Скорость загрузки.\u003C\u002Fstrong> Подключено сжатие статических ресурсов, кеширование на уровне браузера, отложенная загрузка изображений (lazy loading) для фотогалерей. Основные метрики Core Web Vitals — в зелёной зоне для десктопа и мобильных устройств.\u003C\u002Fp>\n\u003Ch2>Скриншоты внедрения\u003C\u002Fh2>\n\u003Cp>\u003Cimg src=\"\u002Fcontent-media\u002Fcases\u002Fhydracars\u002Fassets\u002F5467641a4af2.webp\" alt=\"Главная страница — хиро-слайдер и каталог\">\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"\u002Fcontent-media\u002Fcases\u002Fhydracars\u002Fassets\u002F81b0654c6e29.webp\" alt=\"Каталог — категория «Кунги для пикапов»\">\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"\u002Fcontent-media\u002Fcases\u002Fhydracars\u002Fassets\u002Fdc7c71368e04.webp\" alt=\"Карточка товара — таб «Описание»\">\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"\u002Fcontent-media\u002Fcases\u002Fhydracars\u002Fassets\u002Fe549a2326ec6.webp\" alt=\"Карточка товара — таб «Характеристики»\">\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"\u002Fcontent-media\u002Fcases\u002Fhydracars\u002Fassets\u002Fc71cd452e6be.webp\" alt=\"Страница «О компании»\">\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"\u002Fcontent-media\u002Fcases\u002Fhydracars\u002Fassets\u002F86d3a76c4ee9.webp\" alt=\"Мобильная версия — главная страница и меню\">\u003C\u002Fp>\n\u003Ch2>Итоги проекта\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Параметр\u003C\u002Fth>\n\u003Cth>Результат\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>Структура каталога\u003C\u002Ftd>\n\u003Ctd>3 раздела, 10 подкатегорий, трёхуровневая иерархия\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Карточки товаров\u003C\u002Ftd>\n\u003Ctd>4 вкладки на каждой: Описание, Характеристики, Фото и видео, Инструкции\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Формы заявок\u003C\u002Ftd>\n\u003Ctd>2 точки входа: с карточки товара и из раздела контактов\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Новостной раздел\u003C\u002Ftd>\n\u003Ctd>4 публикации с хронологией участия в выставках 2023–2026\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Мобильная версия\u003C\u002Ftd>\n\u003Ctd>Полная адаптация под разрешения от 375 до 1440 px\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>SEO\u003C\u002Ftd>\n\u003Ctd>ЧПУ на транслите, \u003Ca href=\"http:\u002F\u002FSchema.org\">Schema.org\u003C\u002Fa> Product и Organization, индивидуальные Title и Description\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Техническая база\u003C\u002Ftd>\n\u003Ctd>HTTPS + HSTS, lazy loading, автообновляемый sitemap.xml, кастомная 404\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Интеграция с CRM\u003C\u002Ftd>\n\u003Ctd>Заявки с сайта попадают напрямую в воронку продаж компании\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Языковая версия\u003C\u002Ftd>\n\u003Ctd>Мультиязычность: русский + английский + казахский (структура подготовлена)\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Ch2>Типичные ошибки в похожих проектах\u003C\u002Fh2>\n\u003Cp>\u003Cstrong>1. Плоская структура каталога.\u003C\u002Fstrong> Когда производитель спецтехники выводит 15–20 моделей одним списком, покупатель теряется. Кунг, мастерская на колёсах и переоборудование фургона — это три принципиально разных продукта с разным циклом сделки. Каждый заслуживает собственной категории с отдельной логикой навигации.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>2. Технические описания, скопированные из заводской документации.\u003C\u002Fstrong> Инженерный текст, написанный для снабженца, не работает на сайте, куда приходит руководитель сервисной компании. Он ищет ответ на вопрос «какую задачу это решает», а не «какой модуль упругости стеклопластика». В случае Hydracars инженерный текст был адаптирован: сохранены ключевые параметры, но добавлен контекст применения.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>3. Пренебрежение мобильной версией.\u003C\u002Fstrong> Покупатель спецтехники часто просматривает варианты с телефона — в дороге, на объекте, после звонка коллеги. Сайт, который на мобильном требует горизонтального скролла или прячет ключевую информацию за несвёрстываемыми таблицами, теряет лиды.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>4. Отсутствие фотографий производства.\u003C\u002Fstrong> Поставщик, который продаёт дорогую спецтехнику, но показывает только рендеры и стоковые фото, вызывает недоверие. Фотоотчёт из цеха на странице «О компании» закрывает вопрос «существует ли производство физически» и работает на конверсию сильнее, чем любой текст.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>5. Контент в табах, скрытый от поисковиков через AJAX.\u003C\u002Fstrong> Частая ошибка — вкладки «Характеристики» и «Инструкции» подгружаются асинхронно с отдельного URL. Поисковик индексирует только первую вкладку, теряя 70% контента страницы. В проекте Hydracars все четыре таба — это секции одной страницы, доступные поисковому роботу при первом же сканировании.\u003C\u002Fp>\n\u003Ch2>Заключение\u003C\u002Fh2>\n\u003Cp>Главный принцип, заложенный в проект — проектирование структуры от клиентского сценария, а не от номенклатуры продукции. Три раздела каталога — это три разных типа покупателей с разными задачами, бюджетом и циклом принятия решения. Сайт не пытается показать «всё и сразу», а проводит посетителя по тому маршруту, который соответствует его запросу.\u003C\u002Fp>\n\u003Cp>Для производителей спецтехники и сложного оборудования такой подход критичен: продукт не покупают импульсивно, решение принимается неделями, и сайт должен обслуживать не момент покупки, а весь процесс выбора — от первого знакомства с производителем до скачивания инструкции по монтажу.\u003C\u002Fp>\n"]