Сайты для новичка · Лендинг
Лендинг: что это простыми словами и 7 блоков в 2026 году
Лендинг - это одна страница под одно действие человека. Меню нет, уходить с неё некуда: есть рассказ сверху вниз и кнопка, которая повторяется. Рабочий минимум - 7 блоков в строгом порядке. Обычный сайт устроен наоборот и даёт выбор: 5, 8, 12 пунктов в верхнем меню и столько же выходов. Разница считается по пунктам меню, а не по красоте
Свою такую страницу можно увидеть сегодня же. Скопируйте промпт-скелет из раздела «Промпт, по которому собирается страница», замените нишу и цены на свои и отдайте нейросети. Claude Code вернёт файл index.html: положите его на рабочий стол и щёлкните дважды, он откроется в браузере со всеми семью блоками. Lovable и Bolt.new покажут страницу сразу в браузере, файл там забирается кнопкой
Страница ниже собрана ровно так: от промпта до файла прошла 81 секунда, файл вышел на 8203 байта (это размер самого файла на диске, меньше одной фотографии с телефона), картинок и шрифтов из интернета в нём нет ни одного. В главном заголовке при этом вылез посторонний иероглиф, и его пришлось чинить руками
Что делать прямо сейчас: скопируйте промпт-скелет из раздела «Промпт, по которому собирается страница», замените в нём нишу, цены и вопросы на свои и отдайте любой нейросети, которая умеет отдавать файлы. В ответ придёт index.html: положите его на рабочий стол и щёлкните дважды, он откроется в браузере. У меня этот путь занял 81 секунду. Дальше файл перетаскивается на app.netlify.com/drop, и адрес выдаётся за секунды
Откройте файл и посмотрите, получилось ли
Вот что пришло в ответ на промпт. Это не рисунок и не макет: страница открыта в браузере, и в адресной строке видно, по какому адресу она лежит
Первое, что делают с готовым файлом: читают первый экран глазами, целиком, вслух. Именно там чужая ошибка стоит дороже всего, потому что этот текст крупнее остального в три раза
У меня на этом месте вылезла настоящая ошибка. В заголовке вместо слова «три» встал китайский знак, и на экране это читалось так:
Маникюр, который держится三 недели, и руки после него целыеЧинится это руками за минуту, но двойной щелчок тут не помощник: от двойного щелчка файл открывается в браузере и показывает готовую страницу, а вам нужен его текст. Открывать надо так. На Windows: правой кнопкой по файлу index.html, пункт «Открыть с помощью», в списке «Блокнот». На Mac: правой кнопкой по файлу, пункт «Открыть в программе», в списке «TextEdit»
Дальше на Mac есть ловушка, на которую я сам напоролся, пока это проверял. TextEdit по умолчанию читает html как страницу и показывает тот же готовый текст с крупным заголовком, а не теги. Лечится одним из двух: либо переименуйте копию файла из index.html в index.txt и откройте её, либо в TextEdit зайдите в «Настройки», вкладка «Открытие и сохранение», и поставьте галочку «Отображать файлы HTML как HTML-код вместо форматированного текста». Я проверил оба пути на своём файле, работают оба
Что вы увидите на экране вместо страницы: сплошной текст, где ваши фразы перемешаны со словами в угловых скобках. Первая строка будет <!DOCTYPE html>, ниже пойдут <html lang="ru">, <head>, <meta charset="utf-8">, а сам заголовок найдётся в строке вида <h1>Маникюр, который держится三 недели...</h1>. Угловые скобки - это разметка, трогать её не нужно, правите только слова между ними
Поиск по этому тексту: на Windows клавиши Ctrl и F вместе, на Mac клавиши Cmd и F вместе. Внизу или сверху окна появится строка ввода, вписываете туда иероглиф (или любое слово, которое ищете), и редактор подсвечивает совпадение. Вторая проверка того же сорта делается ровно так же: поиском по файлу пройтись по словам «более», «лет опыта», «гарантия», «рейтинг». Если промпт запрещал выдумывать цифры, а они всё равно появились, запрет не сработал и его надо повторить
Признаков, по которым видно, что страница собралась правильно, ровно три. Сверху стоит крупная фраза с обещанием, а не название вашей профессии. Цена написана цифрой, а не словами «рассчитаем индивидуально». Кнопка встречается больше одного раза: в начале и в конце
Семь блоков и вопрос человека за каждым
Та же страница целиком, сверху донизу. По ней и разберём, зачем нужен каждый блок
Порядок блоков не случайный, и менять их местами нельзя. Цена перед объяснением, как всё проходит, читается как «сначала деньги». Отзывы до обещания вообще непонятно про что
1. Первый экран. Крупная фраза с обещанием результата, строчка-пояснение под ней и кнопка. Здесь человек за пару секунд решает, его это страница или он ошибся адресом. На собранном примере обещание звучит так: «Маникюр, который держится три недели, и руки после него целые» - в нём сразу и услуга, и то, чего человек боится
Это единственное место страницы, которое увидят все до одного. Исследователи Nielsen Norman Group замерили, где люди проводят время на странице, и получили 57% времени на первом экране, то есть на том, что видно без прокрутки. Всё остальное, сколько бы туда ни написали, делит оставшееся
2. Кому подходит. Три коротких описания ситуаций, в которых читатель узнаёт себя. На примере это «ходила в сетевой салон», «боится, что будет больно», «покрытие слетает за три дня». Блок отвечает на первый вопрос после обещания: а это вообще про меня?
3. Как всё будет проходить. Три шага по порядку: что произойдёт сначала, что дальше, чем закончится. Здесь снимается страх неизвестности. Человек боится не цены, а того, что не понимает, куда его зовут
4. Цена. Одна карточка, одно число. На примере это 2500 рублей за комплекс и скидка 500 рублей на первую запись. Спрятанная цена не повышает продажи, она повышает отказы: человек уходит искать её у конкурента и там же остаётся
5. Отзывы. Два коротких текста с именем. Ошибка новичка здесь одна и стоит она дорого: в отзыв ставят похвалу мастеру вместо случая клиента. Строка «Прекрасный мастер, всё очень понравилось, рекомендую!» не несёт ни одного факта, её мог написать кто угодно про кого угодно, и читатель это чувствует с первой строки. В моём прогоне нейросеть выдала вот такие два, и они работают по обратному принципу: «Первый раз за долгое время ушла без содранной кутикулы. Покрытие дожило до следующей записи целиком» и «Пришла с обломанным ногтем за день до поездки. Всё выровняли, ничего не было видно». Разница в том, что во втором случае назван случай: с чем пришли и что вышло. Правило для проверки своих отзывов простое - вычеркните прилагательные и посмотрите, осталось ли событие. Осталось - отзыв живой, не осталось - это похвала. Отзывов пока нет вовсе - честнее убрать блок, чем сочинять
6. Частые вопросы. Три-пять вопросов, которые вам задают в переписке чаще всего. Каждый снятый заранее вопрос - это человек, который не написал «а можно уточнить» и не ушёл к тому, у кого написано понятнее
7. Финальный блок с той же кнопкой. Ошибка новичка тут в том, что внизу начинают уговаривать заново: ставят «Успейте записаться!», «Осталось 3 места», «Не откладывайте на потом» - и получают подозрение там, где человек уже был готов. Вторая версия той же ошибки - кнопка с надписью «Отправить» или «Submit», после которой непонятно, что произойдёт. В моём прогоне финальный блок вышел из трёх вещей: заголовок «Записаться», строка «Напишите, когда вам удобно, и я пришлю свободные окна на эту неделю» и кнопка с тем же словом «Записаться», что и наверху. Сравните сами: было бы «Успейте записаться, количество мест ограничено» - стало «Напишите, когда вам удобно, и я пришлю свободные окна на эту неделю». Второе обещает конкретное следующее событие, первое давит. Надпись на нижней кнопке держите слово в слово такой же, как на верхней: разные надписи читаются как два разных действия
| № | Блок | На какой вопрос человека он отвечает |
|---|---|---|
| 1 | Первый экран | «я вообще туда попал?» |
| 2 | Кому подходит | «это про меня или про кого-то другого?» |
| 3 | Как проходит | «а что конкретно будет происходить?» |
| 4 | Цена | «сколько это стоит и не разорюсь ли я» |
| 5 | Отзывы | «а с другими это уже работало?» |
| 6 | Частые вопросы | «а если у меня особый случай?» |
| 7 | Финальная кнопка | «ладно, согласен, куда нажимать» |
Таблица прокручивается вбок →
Пишется всё это по трём правилам, и у каждого есть своя ошибка новичка
Первое правило: на первый экран идёт результат, а не ваш процесс. Ошибка выглядит так, что человек ставит наверх перечень своих действий, потому что ему они кажутся самым ценным. На живой странице веб-дизайнера anyasdesign.tilda.ws в меню стоит пункт «ПРОЦЕСС», а под обещанием идёт строка «Создаю дизайн сайтов, верстаю на Tilda, работаю с нейросетями»: три глагола про автора и ни одного слова про то, что получит заказчик. Стало бы «Сайт, по которому вам начнут писать заказчики». Проверка своей строки: вычеркните из неё все слова, где подлежащее - вы, и посмотрите, осталось ли обещание клиенту
Второе правило: берите слова клиента, а не отрасли. Ошибка новичка - переписать на страницу термин из своего диплома, потому что он звучит солиднее. Родитель не ищет «коррекцию образовательных дефицитов», он набирает «сын не тянет математику». Было бы «коррекция образовательных дефицитов по программе основной школы» - стало бы «разберём, где у сына дыра, и закроем её за месяц». Проверка: спросите себя, произносил ли клиент эту фразу вслух хоть раз при вас. Не произносил - её на странице быть не должно
Третье правило: одна мысль в одном блоке. Ошибка видна по союзу «а ещё»: человек боится упустить и дописывает в тот же блок вторую услугу. Было бы «Маникюр, педикюр, а ещё брови и обучение новичков» - стало бы четыре отдельных блока или, честнее, одна страница про одну услугу. Проверка: как только в блоке появилось второе «а ещё», блок режется надвое
Вот как это выглядит у живых людей
Чтобы не верить мне на слово, откройте чужие страницы и сверьте с тем, что собралось у вас. Все четыре ниже работают прямо сейчас, адреса можно набрать в браузере
Это и есть самая частая картина у живых страниц: человек собирает лендинг, а потом дописывает наверх меню «Услуги, Преимущества, Портфолио, Обо мне, Контакты», и каждый пункт уводит часть людей мимо кнопки. Так что кадр выше стоит читать как пример того, что вы увидите у соседей, а не как образец для копирования
Разница между этими двумя вещами путает новичков чаще всего. Визитка рассказывает про человека и не меняется: у воспитателя выше по странице лежат образование, награды и почта для связи, и этот набор простоит годами. Лендинг продаёт одну вещь и меняется вместе с ней: сменилась цена - поменяли цифру, кончился набор - поменяли кнопку
| Что сравниваем | Лендинг | Обычный сайт | Визитка |
|---|---|---|---|
| Пунктов в верхнем меню | нет вовсе | от пяти | два-три |
| Задача страницы | одно действие человека | дать выбор из разделов | рассказать, кто вы |
| Как читают | сверху вниз до конца или закрывают | прыгают по разделам | смотрят контакты |
| Как часто меняется | вместе с ценой и набором | раз в год-два | почти никогда |
| Когда это ваш случай | одно предложение с одной ценой | ассортимент, из которого выбирают | вас ищут по имени |
Таблица прокручивается вбок →
Отдельный случай, когда страница не нужна вовсе: вы ещё не решили, что продаёте, и меняете предложение каждую неделю. Тогда сначала три-четыре продажи руками в переписке, потом страница. Признак готовности простой: у вас есть одно предложение с одной ценой, которое вы готовы повторять месяц без изменений
Файл готов, а в интернете его нет
Страница пока лежит у вас на компьютере, и по ссылке её никто не откроет. Чтобы открыл, файл надо куда-то положить. Проверенных путей три, и отличаются они не качеством, а тем, чем вы платите
Путь первый, за минуту и без регистрации. Откройте app.netlify.com/drop и перетащите файл прямо в тёмную рамку посреди экрана. Вход и регистрация для этого не нужны
Что увидите: адрес вида что-то-случайное.netlify.app и рядом кнопки Copy и Open. Вот как выглядит моя страница по этому адресу
Две вещи, которые этот экран говорит прямым текстом, и они решают, годится путь вам или нет. Первая: Your project stays live for an hour before it expires - без регистрации адрес живёт час. Вторая: Your project is protected with this password until you claim it: My-Drop-Site - адрес закрыт паролем, и пока пароль не снят, чужой человек увидит чёрный экран со строкой Password protected site вместо вашей страницы
Значит путь честно годится для одного: показать страницу самому себе и паре знакомых, которым вы отдадите пароль. Чтобы адрес остался навсегда и открылся всем, на том же экране есть кнопка Claim this site, и она уже потребует завести бесплатный аккаунт. Разбор остальных бесплатных мест под файл - в отдельном гайде про размещение
Путь второй, конструктор. Сервис, где страница собирается мышкой из готовых кусков: перетащили блок с ценой, вписали своё число, поменяли картинку. Самый известный в России - Тильда, и под неё есть готовые наборы для нейросети
Бесплатный план даёт один сайт и урезанный набор блоков, но свой адрес к нему не привяжешь. Personal стоит 500 рублей в месяц при оплате за год, Business - 1000 рублей и позволяет выгрузить страницу файлами. Платёж при этом идёт, пока страница жива
Путь третий, заказать. Дизайнер или студия сделают под ключ, вам останется прислать тексты и фотографии. Цены разбегаются от нескольких тысяч у частного мастера до сотен тысяч у студии, и разброс честнее разбирать отдельной сметой. Кроме денег отдаёте время на согласования и зависимость от чужого расписания при каждой правке
Плюс к любому из трёх понадобится адрес, по которому вас будут набирать: имя-фамилия.ru. Регистрация имени в зоне .RU у российского регистратора стоит 200 рублей за первый год. Без своего адреса страница живёт по техническому, и в шапке профиля он выглядит соответственно
| Куда положить файл | Сколько стоит | Что получаете | Чем платите |
|---|---|---|---|
| Netlify Drop без регистрации | бесплатно | адрес за секунды, показать себе и знакомым | адрес живёт час и закрыт паролем |
Netlify Drop после Claim this site | бесплатно | постоянный адрес, открытый всем | надо завести бесплатный аккаунт |
| Конструктор | от 500 ₽ в месяц при оплате за год | результат за вечер без единой строчки кода | платёж идёт, пока страница жива; рамки готовых блоков |
| Заказать | от нескольких тысяч до сотен тысяч ₽ | вам останется прислать тексты | согласования и чужое расписание на каждую правку |
Таблица прокручивается вбок →
Новичку стоит начинать с первого пути, а не с конструктора. Причина не в моде: собрав страницу самому, вы за полчаса узнаёте, из чего она состоит, и дальше понимаете, за что платите, когда решите заказать
Что ломается и что с этим делать
Пять вещей, на которых страница новичка перестаёт работать. Первые две я поймал на своём же прогоне, остальные три вижу на чужих страницах чаще остального
Посторонние знаки и чужой язык в тексте. Вылезает молча, прямо в самом крупном заголовке. У меня это выглядело как держится三 недели, у вас может оказаться английское слово посреди русской фразы. Лечение одно: прочитать первый экран глазами до того, как показывать кому-то
Выдуманные цифры. Нейросеть дописывает «более 500 довольных клиентов» и «10 лет опыта», потому что так пишут на большинстве страниц, которые она видела. Если в промпте не стоит прямого запрета, эти строки появятся, и вы обнаружите их уже на живой странице. Проверка: поиск по файлу на слова «более», «лет опыта», «гарантия», «рейтинг»
Обещание вместо результата. «Индивидуальный подход и высокое качество» не говорит человеку ничего: так написано у всех. Замените на то, что он получит, теми словами, которыми он сам это описывает
Меню наверху. Поставили ссылки «Главная», «О нас», «Блог» - и часть людей ушла по ним изучать блог вместо того, чтобы нажать кнопку. Это ровно то, что видно на кадре мастера маникюра выше
Одна кнопка на всю страницу. Человек дочитал до низа, решился, а нажимать нечего, надо листать наверх. Кнопка должна повторяться минимум дважды
Отдельная проверка, которую делают все и почти всегда в последний момент: откройте страницу на телефоне и пролистайте пальцем до конца. Смотрите, не мельчает ли текст, помещается ли кнопка в экран, не уехали ли картинки за край. Сделать это можно и прямо в браузере с ИИ, не доставая телефон
Промпт, по которому собирается страница
Это тот самый текст, который я отправил, и по нему собралась страница с кадров выше. Скопируйте его целиком, замените всё, что выделено под вашу нишу, и отдайте нейросети, которая умеет отдавать файлы: Claude Code отдаёт файл сразу, Lovable и Bolt.new собирают страницу прямо в браузере
Собери одностраничный сайт одним файлом index.html. Всё внутри одного файла:
стили в теге style, никаких внешних библиотек, картинок и шрифтов из интернета.
Кто читает страницу: <кто это, сколько ему лет, что он уже пробовал
и чего боится - одним абзацем, без слова «все»>
Блоки строго в этом порядке:
1. Первый экран: крупное обещание результатом, строка-пояснение, кнопка
2. Кому подходит: три коротких карточки-ситуации
3. Как всё проходит: три шага по порядку
4. Цена: одна карточка, одно число
5. Отзывы: два коротких, с именем
6. Частые вопросы: четыре вопроса, ответы по две строки
7. Финальный блок с той же кнопкой
Что в блоках:
- обещание про <результат, ради которого к вам приходят>, а не про
«индивидуальный подход»
- цена: <ваше число цифрой и что в него входит>
- отзывы: <два имени>, по две строки каждый
- вопросы: <четыре вопроса, которые вам задают в переписке чаще всего>
Запрет: не выдумывай цифры, которых нет выше. Никаких «более 500 клиентов»,
«10 лет опыта», рейтингов, наград, гарантий и статистики. Телефон и адрес
не пиши вовсе, вместо них поставь кнопку-заглушку.
Оформление: светлый фон, один акцентный цвет, крупный текст, страница обязана
нормально читаться на телефоне шириной 390 пикселей.Самая важная строка здесь предпоследняя, про запрет. Без неё всё остальное соберётся правильно, а цифры окажутся выдуманными
Текст блоков можно не писать самому: как собрать текст первого экрана нейросетью разобрано отдельно. А если захочется не одну страницу, а сайт из нескольких, это соседний разбор
Источники
- Nielsen Norman Group, Scrolling and Attention - 57% времени просмотра приходится на первый экран
- Tilda, тарифы - бесплатный план, Personal 500 ₽/мес и Business 1000 ₽/мес при оплате за год; кадр снят 14.09.2026
- Netlify Drop - размещение файла перетаскиванием без регистрации; экранные строки про час жизни и пароль сняты кадром 14.09.2026
- Timeweb, домены - регистрация домена .RU 200 ₽ за первый год, продление 399 ₽ в год; цена сверена 14.09.2026
- Маникюр в Перми - живая страница частного мастера
- Репетитор по математике и физике - живая страница репетитора
- Психолог онлайн - живая страница психолога-консультанта
- Визитка воспитателя - живая страница-визитка как контрпример лендингу: имя, должность, кредо и контакты, без цены и без кнопки записи
Что должно быть на лендинге и как проверить у себя
Восемь строк проверки. Слева то, что должно быть, справа то, чем это проверяется на вашем экране прямо сейчас
Сохрани себе
- Одно действие человека решено и написано словами. Проверка: закройте страницу и скажите вслух, что человек должен сделать. Не сказали одной фразой - на странице их два
- Меню наверху отсутствует. Проверка: посмотрите на верх страницы, ссылок с названиями разделов там быть не должно
- Обещание на первом экране написано результатом. Проверка: покажите первый экран знакомому на пять секунд и закройте, спросите, что мы делаем и кому. Не ответил - переписывать надо фразу, а не кнопку
- Цена стоит цифрой, пусть даже вилкой. Проверка: найдите на странице число с рублями. Нашли «рассчитаем индивидуально» - это не цена
- Кнопка встречается минимум дважды. Проверка: поиском по странице пересчитайте кнопки, одна штука значит человек снизу не дотянется
- Ни одной выдуманной цифры. Проверка: поиск по файлу на «более», «лет опыта», «гарантия», «рейтинг». Нашлось - удаляйте, вы этого не говорили
- Первый экран прочитан глазами целиком. Проверка: читайте вслух. Посторонние знаки и чужие слова вылезают именно здесь
- Страница открыта на телефоне и пролистана пальцем. Проверка: текст не мельчает, кнопка помещается в экран, картинки не уехали за край
Страница собрана
Собрать страницу вы теперь умеете, а поток заявок она не делает
Теперь вы знаете, чем лендинг отличается от сайта, из каких семи блоков он собирается и почему именно в таком порядке. У вас на руках промпт-скелет, по которому страница собирается за пару минут, и список проверок, по которому видно, что она получилась
Работать от этого она не начинает. Страница - это витрина, а за витриной ничего нет: человек нажал кнопку и попал в тишину. Ему никто не написал, ничего не пришло, продолжения нет. Со второй страницей будет ровно то же самое, и с третьей тоже: витрин станет больше, заявок столько же
Через три дня Лагеря у вас останется не страница, а собранный путь: страница, ответ человеку, следующий шаг и место, где всё это лежит. Он работает и на следующей неделе, без вас рядом, и переделывается под новую услугу за вечер
Кнопка ведёт в мой закрытый канал. Жмёте «Подать заявку», впускаю сразу, бот пишет в личку и отдаёт путёвку. Бесплатно
Частые вопросы
Лендинг это простыми словами - что?
Одна страница в интернете под одно действие человека. Меню и других разделов на ней нет, есть рассказ сверху вниз и кнопка, которая повторяется несколько раз
Чем лендинг отличается от сайта?
Количеством выходов. Сайт даёт человеку выбор из разделов, лендинг ведёт по одному коридору к одной кнопке. Считается по пунктам верхнего меню: есть меню - это сайт
Сколько стоит сделать лендинг?
Собрать самому нейросетью - бесплатно, вы платите только за адрес, 200 рублей за первый год. Конструктор - от 500 рублей в месяц при оплате за год. Заказать у специалиста - от нескольких тысяч до сотен тысяч рублей
Из каких блоков состоит лендинг?
Рабочий минимум - семь: первый экран с обещанием, кому подходит, как проходит, цена, отзывы, частые вопросы и финальный блок с кнопкой. Блоки можно добавлять и убирать, но менять местами не стоит
Можно ли сделать лендинг нейросетью?
Да, и страница из этой статьи собрана именно так, по промпту, который напечатан целиком. Главное оставить в промпте строку с запретом выдумывать цифры, иначе на странице появятся несуществующие отзывы и годы опыта
Куда положить готовый файл, чтобы страницу увидели?
Самый быстрый способ без регистрации - перетащить файл на app.netlify.com/drop. Адрес выдаётся за секунды, но без регистрации живёт час и закрыт паролем, который сервис показывает сам. Чтобы адрес остался навсегда, на том же экране жмут Claim this site и заводят бесплатный аккаунт
Нужен ли лендингу свой домен?
На старте не обязательно: и конструктор, и бесплатное размещение дадут технический адрес. Но своё имя стоит 200 рублей за первый год и выглядит несравнимо лучше в шапке профиля
Сколько блоков должно быть на лендинге?
Столько, сколько нужно, чтобы снять вопросы человека, и ни одним больше. Семь - рабочая середина. Если каждый блок отвечает на реальный вопрос, длина сама себя оправдает
Если дочитали до конца
Дальше я пишу в своём канале
Я работаю один, без команды и подрядчиков: всё собираю Claude, Claude Code и агентами. В канале показываю внутрянку своих проектов по отдельности: что строю прямо сейчас, чем именно, что из этого сработало, а что развалилось и почему. Разборов там заметно больше, чем доезжает до сайта
Это заявка на вход в мой закрытый канал, одобряю сразу. Бесплатно
