--- name: "cp-landing" description: "Собирает посадочную страницу под одно целевое действие: структура из блоков с целью каждого, копирайт первого экрана, короткая форма, отработка возражений и правовой контур сбора контактов. Два режима — полноценная продающая страница и короткая посадочная под один лид-магнит. Отвечает за то, что написано на странице и в каком порядке; за стек, хостинг и скорость отвечает cp-web, за формулировку самого оффера и цены — cp-offer. Use when the user needs a landing page, a sales page, a lead capture page, or a page structure that converts. Триггеры — «лендинг», «посадочная страница», «продающая страница», «структура сайта под заявки», «первый экран», «страница под лид-магнит», «форма заявки», «страница не конвертит»." --- Перед применением прочитай [правила интеграции «Блог с нуля»](../../context/10-blog-runtime.md). Они задают единый запуск, текущий проект и производственные ограничения; не начинай второй независимый бриф. # cp-landing · Лендинг и посадочные страницы Страница делает одну работу: превращает внимание в контакт или в оплату. Всё, что не работает на это, — украшение, и оно стоит заявок. Скилл отвечает за содержание и порядок блоков. Он не рисует макет и не выбирает движок. ## Когда не этот скилл - Нужно собрать сайт технически: стек, хостинг, скорость, метрика, домен → `cp-web`. - Нужно продвижение страницы в поиске, семантика, тексты под запросы → `cp-seo`; под ответы нейросетей → `cp-geo`. - Нужно сформулировать сам оффер, состав продукта, цену и гарантии → `cp-offer`. Сюда — когда оффер уже есть и его надо разложить по странице. - Нужно посчитать этапы и найти, где теряем → `cp-funnel`. Нужен бот вместо страницы → `cp-bot`. Нужны письма после заявки → `cp-email`. - Нужен правовой вердикт по конкретному размещению или по сбору данных → `cp-compliance`. ## Контекст Читай из `context/`: `03-legal-ru.md` §7 (персональные данные), §1 (что считается рекламой), §8 (оплата и чеки); `09-tech-ru.md` §4 (технические требования), §5 (хостинг и локализация), §8 (приём платежей); `07-evidence.md` (как подавать цифры); `06-design.md` (шрифты, контраст, палитра). Профиль бренда — `brands//`: `offer.md` (что продаём, цена, что обещаем и что нет), `audience.md` (боли и язык аудитории), `voice.md`, `facts.md` (что можно называть вслух), `rules.md` (запреты), `assets.md` (палитра, шрифты, ссылки). Не нашлось — скажи одной строкой и работай по врезке ниже, факты спрашивай, не выдумывай. --- ## Врезка констант **Конверсионные правила.** - **Одно целевое действие на страницу.** Две кнопки в разные стороны — «оставить заявку» и «подписаться на канал» — конкурируют между собой, а не складываются. Второе действие допустимо только как запасной выход внизу. - **Форма короткая.** Каждое лишнее поле стоит заявок. Спрашивай ровно то, без чего не сможешь связаться и подготовиться к разговору. Всё остальное — на следующем шаге, когда контакт уже есть. - **Кнопка описывает результат, а не механику.** Не «Отправить» и не «Подтвердить», а «Забрать разбор», «Получить смету», «Записаться на созвон». Текст кнопки — это ответ на вопрос «что со мной будет, если я нажму». - **Мобильная версия первична.** Страница проектируется под узкий экран и одну руку, потом расширяется. Не наоборот. - **Первый экран проходит проверку пяти секунд:** посторонний человек за пять секунд должен сказать, что здесь продают и кому. Не сказал — переписывай, а не добавляй анимацию. **Оговорка честности.** Интерфейсные ориентиры — размер кнопки, кегль, число полей, скорость загрузки — в отраслевых материалах подаются как нормы, но за ними обычно нет ни выборки, ни методологии. Это распространённая практика, **не измеренная норма**. Так и подавай: «принято делать так, проверяется тестом на своей аудитории». Единственные цифры уровня A здесь — пороги Core Web Vitals, они в `09-tech-ru.md` §4 и в `cp-web`. **Правовое.** Форма сбора контактов требует: уведомления в РКН **до начала обработки**, опубликованной политики со ссылкой **рядом с формой**, **раздельных** согласий без преднажатых галочек, базы на территории РФ. Если со страницы идёт продажа — плюс оферта и легальный способ приёма оплаты с чеком. **Чего не обещать никогда:** гарантированный результат, конкретный доход, «выведем в топ», превосходные степени без подтверждения фактами из `facts.md`. --- ## Вход Одним блоком. Что есть в профиле — не переспрашивай. 1. Что продаём или что отдаём, и что человек получает по факту. 2. Кому — один аватар, не «всем предпринимателям». 3. Одно целевое действие страницы: заявка, запись, оплата, скачивание. 4. Откуда идёт трафик: реклама, органика в соцсетях, поиск, офлайн. От этого зависит длина страницы и температура текста. 5. Цена и что с ней делать: показывать, показывать вилку или отдавать через расчёт. 6. Чем подтверждаем: случаи, цифры с источником, документы, отзывы с согласием на публикацию. 7. Кто и как быстро обрабатывает заявку. 8. Правовой статус: уведомление РКН, политика, оферта — есть или нет. ## Процесс 1. **Определи режим:** полная продающая страница или короткая посадочная под один лид-магнит (раздел ниже). 2. **Собери первый экран** и прогони его через проверку пяти секунд, прежде чем писать остальное. Не сходится первый экран — остальное не спасёт. 3. **Разложи блоки по порядку**, у каждого — одна цель. Блок без цели удаляется. 4. **Собери возражения** из `audience.md` и разнеси их по блокам: часть снимается механизмом, часть доказательствами, часть — отдельным блоком. 5. **Сократи форму** до минимума и напиши текст кнопки результатом. 6. **Пройди правовой контур** и технический минимум. 7. **Сформулируй, что замеряем** и с чем сравниваем — с собственной историей, не с чужими бенчмарками. --- ## Структура · блоки и цель каждого | № | Блок | Цель блока | Признак брака | |---|---|---|---| | 1 | **Первый экран** | за 5 секунд ответить: кто это, для кого, что человек получит, что сделать | абстракция вместо конкретики, слоган вместо обещания | | 2 | **Проблема** | человек узнаёт свою ситуацию в описании и понимает, что страница про него | боль выдумана или гиперболизирована, читается как манипуляция | | 3 | **Решение и механизм** | объяснить, **за счёт чего** получается результат, а не только что он будет | «уникальная авторская методика» без описания шагов | | 4 | **Что входит** | снять неопределённость: состав, объём, формат, сроки | список выгод вместо списка того, что реально отдаётся | | 5 | **Доказательства** | подтвердить, что это работает и что за этим есть люди | отзывы без имён и обстоятельств, цифры без источника | | 6 | **Возражения** | назвать вслух три-четыре главных «но» и ответить по существу | вопросы, которых никто не задаёт, ответы в духе «просто доверьтесь» | | 7 | **Цена или способ узнать цену** | снять главную неопределённость перед действием | цена спрятана без причины, «стоимость по запросу» на массовом продукте | | 8 | **FAQ** | добить остаточные вопросы: сроки, формат, возврат, что если не подойдёт | дубль блока возражений другими словами | | 9 | **Форма** | забрать контакт с минимальным трением | длинная форма, кнопка «Отправить», политика мелким шрифтом внизу страницы | Порядок не догма: холодному трафику нужны блоки 2–3 развёрнуто, тёплому — быстрее к 4 и 7. Но блок нельзя вырезать «чтобы покороче», не сняв его работу другим блоком. **Повтор целевого действия.** Кнопка появляется минимум трижды: на первом экране, после блока «что входит», после цены. Каждый раз — тот же текст и то же действие. --- ## Копирайт первого экрана Первый экран отвечает на четыре вопроса и ни на один больше. ``` <ЧТО ЭТО> конкретное существительное: разбор, курс, услуга, шаблон <ДЛЯ КОГО> один аватар, названный так, как он сам себя называет <ЧТО ПОЛУЧИТ> проверяемый результат в предметных словах <ДЕЙСТВИЕ> одна кнопка, текст = результат Подзаголовок: снимает главный вопрос, возникающий после заголовка — формат, сроки, для какого уровня, что нужно от человека. ``` **Конкретность вместо абстракции.** Абстракция — это слово, которое подходит любому конкурсанту в нише. Проверка: подставь в заголовок конкурента. Подошло — заголовок пустой. | Абстракция | Конкретность | |---|---| | «Комплексные решения для вашего бизнеса» | «Считаю юнит-экономику для мастерских на 3–10 человек» | | «Раскроем ваш потенциал» | «Разбор блога: за час назову три причины, почему не растут охваты» | | «Инновационный подход к обучению» | «Курс по монтажу вертикалок: 12 занятий, каждое — один готовый ролик» | | «Работаем на результат» | «Первая версия сайта — за 10 рабочих дней, правки по фиксированному списку» | **Проверка пяти секунд.** Покажи первый экран человеку не из ниши на пять секунд и спроси: что здесь продают и кому. Не ответил — проблема в заголовке, а не в дизайне. Повторить с тремя людьми. **Чего на первом экране не бывает:** обращения «Дорогой друг», вопроса «Устали от…», превосходных степеней без подтверждения, стокового рукопожатия, слайдера с тремя разными обещаниями. --- ## Форма и кнопка - **Минимум полей.** Один способ связи плюс имя — базовый вариант. Каждое дополнительное поле обосновывается ответом на вопрос «что мы сделаем иначе, узнав это прямо сейчас». - **Не спрашивать то, что можно узнать в разговоре.** Бюджет, сроки, размер компании — это вопросы первого созвона, а не формы. - **Ошибки показывать рядом с полем**, а не общим красным блоком сверху. - **Что происходит после отправки** — сказать прямо на экране благодарности: кто напишет, куда, в какой срок. Это снижает повторные заявки и «а мне не ответили». - **Кнопка — глагол результата.** «Забрать чек-лист», «Получить расчёт», «Записаться на разбор». Не «Отправить», не «Оставить заявку», не «Узнать подробнее». - **Согласия — под формой, отдельными строками**, с работающей ссылкой на политику. Число полей и подобные ориентиры — практика, не измеренная норма. Проверяется сравнением двух версий на собственном трафике, при достаточном объёме наблюдений. На десятках заявок разница между вариантами статистически неразличима. --- ## Технический минимум Подробности и реализация — в `cp-web`, здесь только то, без чего страница не работает как страница. - **Скорость.** Core Web Vitals официально используются системами ранжирования Google; порог INP: хорошо — до 200 мс, плохо — свыше 500 мс (`09-tech-ru.md` §4). У Яндекса есть собственный индекс скорости по данным переходов из выдачи, пороги не раскрыты. Расхождение внешних инструментов измерения с индексом Яндекса — норма, а не ошибка. - **Мобильная версия.** У Яндекса отдельная проверка мобильной юзабилити. Тест — на реальном телефоне, не в эмуляторе браузера. - **Метрика с целями.** Счётчик без настроенных целей бесполезен: минимум — отправка формы, клик по кнопке на первом экране, доскролл до цены. Без целей нечего сравнивать. - **Хостинг в РФ** — требование регуляторное, не поисковое: локализация базы персональных данных по ч. 5 ст. 18 152-ФЗ. - **Шрифты** — с рабочей кириллицей и с лицензией на веб-использование. Inter не использовать. Лицензии шрифтов — самая частая незамеченная утечка прав. --- ## Правовое Информация на 04.08.2026, не юридическая консультация; применимость определяет юрист. Спорные вопросы — через `cp-compliance`. **Форма сбора контактов — это обработка персональных данных.** | Обязанность | Как выглядит на странице | |---|---| | **Уведомление в РКН до начала обработки** (ст. 22 152-ФЗ) | подано **до** публикации страницы. Задним числом не делается | | **Политика обработки** (ч. 2 ст. 18.1) | опубликована по постоянному адресу, прямая ссылка **рядом с формой**, а не только в подвале. Каждая страница сбора, включая всплывающие окна и квизы | | **Раздельные согласия** (ст. 9) | отдельная галочка на обработку данных и отдельная — на рекламные рассылки. **Преднажатых галочек быть не должно.** Формулировка «нажимая кнопку, вы соглашаетесь» отдельным согласием на рассылку не является | | **Локализация базы в РФ** (ч. 5 ст. 18) | форма пишет в базу на территории РФ. Зарубежный конструктор форм, CRM или рассыльщик, собирающий данные напрямую, — нарушение | | **Регламент на утечку** (ч. 3.1 ст. 21) | уведомления в РКН: **24 часа** с выявления и **72 часа** — результаты расследования | **Если со страницы идёт продажа:** публичная оферта по постоянной ссылке; легальный приём оплаты с фискализацией — самозанятый формирует чек в приложении, ИП и ООО работают через кассу по 54-ФЗ, агрегаторы обычно закрывают фискализацию, но это проверяется в договоре. Приём на личную карту — незаконная предпринимательская деятельность. **Реклама.** Информация о собственном ассортименте и ценах на собственном сайте рекламой не считается — справочно-информационный характер. Но если один товар выделен среди однородных приёмами вне структуры страницы — закреплённый баннер, всплывающее окно — это уже реклама со всеми требованиями к маркировке. Разбор — в `cp-compliance`. --- ## Режим · посадочная под лид-магнит Отдельный формат, а не укороченный лендинг. Работает по другой логике: человек ничего не покупает, он меняет контакт на конкретную пользу. **Правила:** - **Одно обещание.** Один материал, один результат от него. Два магнита на странице — минус оба. - **Одна форма**, одно поле плюс согласия. Второго целевого действия нет вообще. - **Без прокрутки на телефоне** или с одним экраном прокрутки максимум. - Никаких блоков «о компании», «наши преимущества», «этапы работы». **Каркас:** ``` <Что за материал> — <что человек сможет сделать, получив его> <Одна строка: формат, объём, сколько времени займёт> <3–5 пунктов: что конкретно внутри, предметными словами> [Поле: куда прислать] [ ] согласие на обработку данных · <ссылка на политику> [ ] хочу получать письма про <тема> ← отдельная строка, не предвыбрано [Забрать <материал>] <Одна строка: кто это сделал и почему у него есть на это основания> ``` Сам материал делает `cp-lead-magnet`, доставку через бота — `cp-bot`, письма после — `cp-email`. --- ## Выход ``` ЛЕНДИНГ: <название> · цель <одно действие> · трафик <откуда> · режим <полный / магнит> ПЕРВЫЙ ЭКРАН Заголовок: <…> Подзаголовок: <…> Кнопка: <…> Проверка 5 секунд: <что понял посторонний> БЛОКИ 2. Проблема — цель <…> — <текст или тезисы> 3. Решение и механизм — … ... 9. Форма — поля: <…>, кнопка: <…> ВОЗРАЖЕНИЯ И ГДЕ СНИМАЮТСЯ <возражение> → блок ПРАВОВОЕ политика: <есть / нет, где ссылка> согласия: <раздельные, ничего не предвыбрано> уведомление РКН: <подано / нет> оферта и приём оплаты: <…> ТЕХНИЧЕСКОЕ → cp-web <скорость, мобильная, счётчик и цели, хостинг> ЧТО ЗАМЕРЯТЬ доскролл до цены → клик по кнопке → отправка формы → дозвон сравнение — с собственной историей страницы, не с чужими бенчмарками ``` ## Чек-лист перед публикацией - Одно целевое действие; вторая кнопка либо отсутствует, либо явно вторична. - Первый экран прошёл проверку пяти секунд минимум на трёх людях не из ниши. - В заголовке нет слова, которое подошло бы конкуренту. - У каждого блока есть названная цель; блоков без цели нет. - Механизм объяснён — понятно, за счёт чего получается результат. - Каждая цифра на странице имеет источник и дату; обещаний результата нет. - Форма сокращена: каждое поле обосновано, кнопка описывает результат. - Политика по ссылке рядом с формой, согласия раздельные, ничего не предвыбрано. - Уведомление в РКН подано, база на территории РФ. - Есть оферта и легальный приём оплаты, если продажа идёт со страницы. - Страница проверена на реальном телефоне, а не только в браузере. - Счётчик стоит, цели настроены, отправка формы фиксируется. - Экран благодарности говорит, кто ответит и в какой срок. ## Красные линии 1. **Не публиковать форму сбора контактов** без политики, раздельных согласий и уведомления РКН. 2. **Не ставить преднажатые галочки** и не приравнивать нажатие кнопки к согласию на рассылку. 3. **Не обещать результат** — доход, заявки, места в топе, «гарантированно». 4. **Не выдавать интерфейсные ориентиры за нормы.** «Кнопка должна быть 44 пикселя, конверсия вырастет» — это практика без выборки, подавать только как практику. 5. **Не приводить цифры без источника** — ни своих результатов без подтверждения, ни «средних по рынку». 6. **Не выдумывать отзывы и не публиковать реальные без согласия** автора на публикацию. 7. **Не ставить фальшивые таймеры и счётчики мест.** Ограничение либо настоящее, либо его нет. 8. **Не собирать данные в зарубежный сервис** напрямую с формы. 9. **Не прятать цену без причины.** Если цена не показывается — на странице должен быть понятный способ её узнать и что для этого нужно.