Автосалон

Архитектура карточки автомобиля и фильтры как точка входа

В нише автосалонов ключевой фактор конверсии — возможность быстрой фильтрации и сравнения моделей. Используйте Zero Block для создания кастомных фильтров по кузову, году, пробегу, приводу и статусу (в наличии/под заказ). Фильтры должны быть «живыми» с помощью библиотеки Isotope или встроенной JS-логики Tilda. Не применяйте типовые галереи: для каждого ТС создавайте отдельную страницу с уникальным контентом (VIN, комплектация, история обслуживания, стоимость владения). Это формирует семантическое ядро и исключает дубли.

Макет главной: блоки LCP и тяжелые элементы

Загружайте превью автомобилей через lazy loading и используйте WebP для всех изображений. Основной LCP-элемент (первый экран) не должен превышать 2–3 Zero Block модуля с кастомной анимацией. Избегайте видеофона на главной — он убивает Core Web Vitals. Вместо этого настройте CSS-анимацию появления текста и кнопок при скролле. Критичен блок «Оценка вашего авто» (online-выкуп) с формой захвата — интегрируйте её с CRM через Webhooks или Amocrm без промежуточных плагинов.

Семантическая разметка и микроформаты для SEO

Обязательно внедрите schema.org/AutoDealer и Product на каждой странице ТС. В разметку включите: brand, vehicleModelDate, mileageFromOdometer, driveWheelConfiguration. Это даёт прямые сниппеты в Google. Для каталога настройте breadcrumbs через меню Tilda (вложенные списки) и используйте rel=next/prev при пагинации. Чтобы избежать краулинга дублей, закройте опции сортировки в robots.txt или через canonical. В админке Tilda не создавайте страницы «О компании» и «Контакты» как подразделы каталога — каждое направление должно иметь свой silo.

Формы и триггеры конверсии в Zero Block

Используйте Zero Block для форм с несколькими шагами: выбор марки -> модель -> комплектация -> оставление заявки. Это снижает когнитивную нагрузку на клиента и повышает качество лидов. Обязательно добавьте Countdown (таймер до конца акции) и Exit-intent popup с предложением тест-драйва. Все формы отправляйте только через POST-запросы с Google Recaptcha v3, чтобы не было спама. В поле «price» используйте атрибут data-price, чтобы динамически подставлять стоимость при выборе опций — это ускоряет принятие решения.

Кэширование и серверная оптимизация

В Tilda включите Full Page Cache и сжимайте CSS/JS через Minify. Для каталога с сотнями ТС обязательно используйте CDN Tilda — он бесплатный и ставится одним кликом. Проверьте, чтобы TTFB не превышал 400 мс. Ограничьте количество внешних скриптов (метрики, пиксели) — на Tilda их можно вешать через Header and Footer Code в режиме async. Если подключаете карты (Яндекс/Google), загружайте их только при скролле до блока с картой (lazy load map).

---

Часто задаваемые вопросы (FAQ)

Как на Tilda сделать фильтр по цене и году для каталога авто?
Используйте Zero Block с кастомным скриптом или готовый блок «Каталог с фильтром». Вручную настройте массив данных через JSON-файл, подгружаемый через API Tilda. Альтернатива — интегрировать фильтр через Isotope.js в Zero Block. Не забудьте про 404-страницу для пустых результатов выборки.

Как влияет микроразметка на видимость автосалона в поиске?
Прямо: Google показывает богатый сниппет с ценой, пробегом и фото. Это увеличивает CTR на 30–50%. Без schema.org/AutoDealer вы теряете конкурентное преимущество в местном поиске. Рекомендуем добавить разметку не только для автомобилей, но и для отзывов (Review).

Стоит ли ставить видеообзоры авто на главную страницу Tilda?
Категорически нет, если видео без ленивой загрузки. Видеофоны блокируют First Contentful Paint и увеличивают время загрузки до 5–7 секунд. Вместо этого используйте статичные изображения с тегом lazy loading и ссылками на отдельные страницы с встроенными роликами (через iframe с умеренными размерами).