Задача
Автосервис с большим прайсом и десятками услуг: подвеска, двигатель, тормоза, ТО. Проблема обычного сайта — клиент ищет «замена сцепления [город]», попадает на главную и не находит свою услугу среди сорока позиций. Нужна структура, которая приведёт с поиска к конкретной услуге и сразу даст кнопку заявки.
Решение
Лендинг с акцентом на каталог услуг: прайс отфильтрован по категориям, а фильтр живёт прямо в адресе страницы — ссылку вида /uslugi?cat=engine можно отправить клиенту в мессенджер, и она откроется уже отфильтрованной. Блоки акций и этапов ремонта снимают страх «развеют на деньги», форма «перезвоним за 15 минут» фиксирует обещание скорости ответа.
Что под капотом
- Фильтрация услуг через URL-параметры — состояние в адресной строке, а не в памяти вкладки
- Серверный рендер: страница с фильтром открывается уже готовой, без «мигания»
- Структура блоков под коммерческие запросы: услуга + город
- Форма заявки с фиксацией обещания «перезвоним за 15 минут»
- SEO-мета и микроразметка под локальный поиск
Метрики — замер Lighthouse 13 по живому адресу
Эмуляция смартфона, замер от 02.09.2026. CLS ноль означает, что вёрстка не «прыгает» при загрузке.
- 96
- PerformanceLighthouse, мобильные
- 1.2 c
- First Contentful Paint
- 2.5 c
- Largest Contentful Paint
- 0
- Cumulative Layout Shiftвёрстка не прыгает
- 130 мс
- Total Blocking Time
- 100 / 100
- SEO / Best Practices
Итог
Кейс про SEO-инженерию, а не про «красивую обёртку»: каждый фильтр — это отдельная ссылка, которую индексируют поисковики и пересылают клиенты. Для бизнеса с широким прайсом такая структура приносит целевой трафик на конкретные услуги, а не на абстрактную главную.
Хотите так же для своего бизнеса — напишите в Telegram или оставьте заявку на главной.
