Биологически активные добавки (БАДы)

Цель и ограничения проектирования сайта для БАД

Сайт в нише Биологически активные добавки — это не витрина, а инструмент холодного и горячего контакта. При проектировании критически важны три параметра: соблюдение законодательства (маркировка, требования ФЗ №29, ФАС), высокая скорость загрузки (Time to Interactive не более 2 с) и строгий контроль за анимациями. На Tilda это достигается за счёт использования Zero Block с минимальным количеством JavaScript-мотыльков и обязательного отключения декоративных эффектов на мобильных версиях.

Структура страницы каталога: модули и конверсия

Для бизнес-ниши (B2B) мы используем трёхслойную архитектуру: верхний блок — сортировка и фильтры, центральный — карточки товаров с мгновенным добавлением в корзину, нижний — блок с сертификатами и ссылками на оптовый прайс. На Tilda в Zero Block реализованы фильтры по группам компонентов (витамины, минералы, пробиотики) и формам выпуска (капсулы, порошки). Для карточек обязательно прописываются microdata (Product, AggregateRating) с точным указанием калорийности, дозировки и противопоказаний — это влияет на позиции в Google Shopping и Яндекс.Маркете.

• Форма обратной связи: Интеграция с AmoCRM или RetailCRM через Tilda CRM с передачей UTM-меток и ID товара. Поле «ИНН/ОГРН» обязательно для B2B-сегмента.
• Мобильная адаптация: Использование lazy loading для изображений лабораторных исследований и упаковок. Все нулевые блоки проверены на мобильном разрешении — отключены карусели с parallax и фиксированные элементы, мешающие скроллу.
• Интеграция платежей: Подключение ЮKassa или Робокассы с поддержкой реккурентных платежей для подписок на ежемесячные поставки (программы лояльности для оптовиков).

SEO и семантическая разметка для высоких позиций

Для категории «диетические добавки» Google требует максимальной прозрачности. Обязательно заполняем alt-теги с ключевыми словами (например, «капсулы омега-3 от производителя», «пробиотики для кишечника 60 капс»). Прописываем Open Graph для соцсетей, чтобы при репосте отображалась сертификация. На странице каталога используем H1 с точным брендовым запросом (например, «БАДы для суставов - купить оптом в Москве»).

• ЧПУ (человекопонятные URL): /catalog/dietary_supplements/probiotiki — обязательны.
• Мета-теги: Title длиной до 60 символов, Description — до 160 символов, с упоминанием уникальных компонентов (например, «лакто- и бифидобактерии»).
• Изображения: в формате WebP с коэффициентом сжатия 85%, размер не более 300 КБ. Применяем srcset для retina-экранов.

База знаний (FAQ)

Какие блоки Tilda обязательны для сайта БАД?
Минимальный набор: блок с сертификатами (Zero Block с PDF-иконками), форма сбора контактов для прайс-листа и карусель с отзывами. Для B2B — блок «Оптовый отдел» с полем выбора региона.

Как ускорить загрузку страницы каталога на Tilda?
Отключите все анимации в Zero Block, используйте ленивую загрузку изображений через атрибут loading="lazy", и минимизируйте количество пользовательских стилей в настройках.

Можно ли на Tilda реализовать корзину с пересчётом цен в зависимости от объёма заказа?
Да, через встроенный модуль «Магазин» с параметрами «Скидки и акции». Настройте процентные скидки при покупке от 10 единиц. Для сложных формул используйте JS-микросценарий в Zero Block.