Задача
Веб-агентство GoldPromo запустило услугу разработки сайтов с помощью ИИ. Под неё нужна была посадочная страница на основном сайте агентства, рассчитанная на поисковый трафик: люди ищут «создание сайта с помощью нейросети» и хотят понять, чем услуга агентства отличается от бесплатного конструктора.
Структура страницы
- Первый экран: что это за услуга и кому подходит.
- Примеры: девять готовых сайтов со скриншотами и ссылками.
- Сравнение четырёх вариантов: классическая студия, фрилансер, ИИ-конструктор и разработка с ИИ в агентстве.
- Почему выгоднее и что входит в работу.
- Три тарифа и пять этапов работы.
- Форма заявки с выбором тарифа.
- Частые вопросы и текст о том, кому подходит услуга.
Сравнение вместо обещаний
Главный блок страницы отвечает на вопрос посетителя «а почему не сделать самому в конструкторе?». Таблица сравнивает четыре способа получить сайт по срокам, цене, качеству и поддержке. На телефоне таблица превращается во вкладки, и по умолчанию открыта колонка услуги агентства.
Форма с выбором тарифа
Кнопка на карточке тарифа ведёт к форме и сама подставляет выбранный тариф. В форме имя, телефон с маской и тариф, поля проверяются до отправки.
Два варианта поставки для Bitrix
Сайт агентства работает на 1С-Битрикс, и страницу нужно было встроить в существующий шаблон. Подготовлены два варианта:
- Полная страница с шапкой и подвалом, которую программист агентства переносит в шаблон.
- Изолированный фрагмент для вставки через редактор админки. Все его стили действуют только внутри блока страницы и имеют собственный префикс, поэтому не ломают оформление сайта и сами не зависят от его стилей. Скрипты тоже работают только со своими элементами.
На сайте агентства использован первый вариант.
Для поисковиков
Заголовок и описание под целевые запросы, разметка для соцсетей и микроразметка: услуга с ценами, хлебные крошки и частые вопросы. Ответы из блока вопросов могут показываться прямо в поисковой выдаче.
Как устроено
HTML, CSS и JavaScript без зависимостей. Страница работает на сайте агентства.
Скриншоты
Частые вопросы
Как встроить новую страницу в сайт на Bitrix, не сломав стили?
Изолировать стили: все правила пишутся внутри одного блока с собственным префиксом, без общих сбросов. Тогда страница не влияет на шаблон сайта и не зависит от него.
Что должно быть на посадочной странице под поисковый трафик?
Заголовок под запрос, ответ на главный вопрос посетителя, примеры работ, цены, частые вопросы и микроразметка.
Чем разработка сайта с ИИ в агентстве отличается от ИИ-конструктора?
Конструктор выдаёт шаблон, который нужно дорабатывать самому. Агентство использует ИИ как инструмент, но отвечает за структуру, тексты, дизайн, запуск и поддержку.
