Дай пользователю расчёт, которому можно верить
Калькулятор полезен, когда помогает принять решение. Пользователь должен увидеть формулу, допущения и следующий шаг даже без JavaScript. Одной большой цифры мало.
Первое, что я бы убрал: Показывать красивую цифру без объяснения, откуда она взялась и где ошибается расчёт.
Что решить до написания JavaScript
- Формула и допущения в обычном HTML.
- Диапазон, а не ложная точность.
- Доступные поля и клавиатура.
- CTA после результата и понятный маршрут данных.
Как собрать калькулятор без SEO-ловушки
- Сделай формулу прозрачной
На странице опиши, какие данные вводятся, что считается и какие расходы не включены. Не называй оценку точной ценой.
Что увидишь: Пользователь понимает диапазон и ограничения результата.
Если не сработало: Добавь рядом пример расчёта на тестовых значениях.
- Сохрани текстовую основу
Размести объяснение, FAQ и базовые значения обычным HTML. Калькулятор должен дополнять страницу, а не быть единственным содержанием.
Сверь: Важный смысл читается до запуска JavaScript.
Если не сходится: Добавь server-side или статичный fallback для первого результата.
- Проверь ввод
Ограничь тип, диапазон, единицы и обязательность. Для каждого поля добавь label и сообщение об ошибке, а не молчаливый ноль.
Что должно совпасть: Пустое, отрицательное и слишком большое значение обрабатываются понятно.
Если ответ другой: Запиши пример ожидаемого значения в placeholder и рядом с полем.
- Свяжи результат с заявкой
Покажи расчёт до формы. Если пользователь отправляет результат, передай в CRM входы, формулу/версию и итог, а не только текст «квиз пройден».
Перед запуском: Менеджер видит, как получилась сумма или рекомендация.
Если упёрлось: Оставь скачивание результата и ручной контакт.
Формула должна пережить нули
Для SEO-калькулятора заведи визиты, текущую и целевую конверсию, долю квалификации, закрытие, валовую прибыль, SEO-затраты и стоимость запуска. Формулы: `current_leads = visits × current_CVR`, `future_leads = visits × target_CVR`, `incremental_profit = (future_leads − current_leads) × qualified_rate × close_rate × gross_profit`, `payback = setup_cost / monthly_net`.
Если `monthly_net <= 0`, честно напиши «при этих вводных проект не окупается». Дай диапазон и подпиши источник предположений, а не подставляй среднее по рынку.
current_leads = visits * current_cvr
future_leads = visits * target_cvr
monthly_net = incremental_profit - seo_cost
payback_months = setup_cost / monthly_net if monthly_net > 0 else None
if payback_months is None: show('Окупаемости нет')Проверяю шесть крайних сценариев
Прогони нули, 100% конверсию, нулевую стоимость SEO, целевую конверсию ниже текущей, нулевую валовую прибыль и дробные проценты. Сверь калькулятор с Google Sheets. В Яндекс Метрике отправляй `calculator_view`, `calculator_start`, `calculator_result_view`, `calculator_scenario_saved` и `calculator_cta_click`, но не передавай точный оборот компании — используй `result_band` и `payback_band`.
Показываю и хороший, и плохой сценарий
При 2 000 визитов, конверсии 1,5% и цели 2,5% будет 30 и 50 заявок. При квалификации 45%, закрытии 25% и прибыли 75 000 ₽ дополнительные продажи — около 168 750 ₽. При SEO-затратах 180 000 ₽ результат отрицательный: калькулятор должен это показать.
При цели 3% доп. прибыль около 253 125 ₽, чистый результат — 73 125 ₽. Видна точка безубыточности и какое допущение менять — без обещания «SEO окупится».
Интерактив, текст и заявка
| Критерий | Вопрос | Хороший признак |
|---|---|---|
| Вход | Что подготовить для калькулятор или квиз на сайте? | Опиши входы, формулу, диапазон результата, ограничения, источник цены и действие после расчёта. |
| Действие | Что система может сделать сама? | Только заранее перечисленные действия, без доступа ко всему аккаунту |
| Проверка | Как понять, что результат можно принять? | Пройди сценарий без JS, с пустыми и крайними значениями, на телефоне и с клавиатуры. |
| Сбой | Куда уходит непонятный случай? | Покажи базовую HTML-версию результата и объяснение формулы, если интерактив не загрузился. |
Что должен увидеть пользователь
Посетитель получает ориентир, понимает его ограничения и переходит к разговору с командой с конкретными вводными.
Где калькулятор обещает лишнее
Прятать весь ответ за JavaScript.
Считать результат точной ценой без входных данных.
Не валидировать крайние значения.
Передавать в CRM только факт прохождения квиза.
Когда квиз требует отдельного контроля
Если квиз собирает персональные данные и меняет маршрут заявки, проверь хранение, согласие и fallback для недоступного JavaScript.
Что индексируется без JavaScript
Кому подходит калькулятор или квиз на сайте?
Калькулятор помогает принять решение и показывает понятный результат. Если он работает только после JavaScript и прячет смысл в форме, он ухудшает и SEO, и конверсию.
С чего начать, если всё пока вручную?
Для первого шага опиши входы, формулу, диапазон результата, ограничения, источник цены и действие после расчёта.
Как проверить, что настройка не навредит?
Проверка здесь такая: пройди сценарий без JS, с пустыми и крайними значениями, на телефоне и с клавиатуры.
Что делать при непонятном результате?
При таком результате покажи базовую HTML-версию результата и объяснение формулы, если интерактив не загрузился.
