Цветы/флористика

Архитектура страницы и блочная структура для флористического каталога

Для бизнес-ниши «Цветы/флористика» на Tilda критически важна библиотека Zero Block, позволяющая обойти ограничения стандартных блоков. Рекомендуется проектировать страницу по принципу «витрина + фильтр + триггер»: первый экран — полноэкранный слайдер с флагманскими букетами + кнопка «Заказать сейчас», второй — фильтр по категориям (розы, композиции, монобукеты) с привязкой к якорным ссылкам, третий — кастомный блок преимуществ с иконками и пошаговой анимацией при скролле (AOS). Вся контентная масса должна быть распределена по 10–12 блокам: от хедера с микроразметкой до футера с гео-виджетом и формой обратной связи.

Оптимизация скорости загрузки и мобильной версии

Изображения цветов — основной вес страницы. Обязательно настроить lazy loading для всех карточек товаров. Фотографии букетов должны проходить через Tinypng или аналоги сжатия без потери качества до 200–300 КБ. Для мобильной адаптации используйте модификацию блоков: уменьшайте padding, меняйте расположение кнопок (лучше sticky-кнопка «Купить» внизу экрана на смартфонах). В Zero Block проверяйте отступы для карточек товаров — они должны быть с border-radius: 8px и тенями box-shadow с прозрачностью 0.15 для имитации слоя.

Юзабилити и элементы конверсии

Основные точки контакта с пользователем:

• Форма «Перезвоните мне» — в Zero Block с выезжающей шторкой (Pop-up), обязательна двухшаговая форма: сначала телефон, затем капча или выбор удобного времени.
• Калькулятор стоимости букета — кастомный блок на JS, позволяющий подобрать количество цветов и упаковку.
• Таймер акции — встроенный блок Tilda с обратным отсчетом, запускаемый только при условии предзаполненной формы (через логику Page Variables).
• Микроразметка Schema.org для товаров: прописывайте Product и Offer для каждого букета, включая цену, валюту и наличие.

SEO-фильтрация и работа с изображениями

Для повышения ранжирования в нише «Цветы» требуется высокая плотность LSI-фраз: «свадебный букет из пионов», «доставка цветов по Москве», «композиция в корзине». Используйте Н1 только один (например, «Каталог свежих цветов и букетов с доставкой»), а все остальные заголовки разбивайте по Н2–Н3. Каждое изображение должно содержать ALT-тег с ключевой фразой (например, «букет-роз-в-коробке-премиум»). ЧПУ настройте на латинице, без транслита: /florist/rozy вместо /cveti/rozi. Для ускорения индексации подключите XML-карту сайта через Tilda SEO-модуль.

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

Как сделать на Tilda фильтр букетов по цене?
Создайте отдельную категорию для каждого ценового сегмента (например, /florist/do-1000, /florist/ot-1000-do-3000) и используйте перелинковку через список категорий в шапке. Динамический фильтр на JS можно реализовать через Zero Block с кастомным кодом, но лучше избегать — это замедлит загрузку.

Как подключить быстрый заказ в один клик для цветов?
Используйте Pop-up блок Tilda с формой из 3 полей: имя, телефон, комментарий. В настройках формы выберите отправку в CRM (например, через вебхук в Bitrix24 или AmoCRM). Добавьте атрибут data-quick-order для кнопки.

Какие метаданные критичны для SEO-текста на странице флориста?
Обязательно заполните Title с ключом (до 60 символов), Description (до 160 символов) с LSI, H1 (должен совпадать с темой). Пропишите og:image для соцсетей (рекомендуемый размер 1200x630px).