Веб страница: что это и как создать

Что такое веб-страница, из чего состоит, как создать за 9 шагов: интент, каркас блоков, формы, Core Web Vitals, примеры ниш, чек-лист и FAQ.

Веб-страница
Веб-страница

Веб-страница — это один URL, по которому сервер отдаёт документ: текст, изображения, ссылки, формы, скрипты. Для бизнеса полезнее прикладное определение: страница — это единица работы с одним интентом. Один адрес отвечает на один запрос человека и ведёт к одному действию. Страница, которая закрывает пять запросов сразу, проигрывает пяти узким страницам конкурента.

Шаг 0. Определите интент до макета

Пока не понятно, с каким вопросом человек попадает на URL, любой дизайн — угадывание.

ИнтентПример запросаЧто обязано быть на страницеЦелевое действие
Информационный«что такое веб-страница»определение, схема, примерыпереход в услугу или подписка
Коммерческий«заказать лендинг под ключ»оффер, состав работ, сроки, вилка ценызаявка
Транзакционный«купить фильтр 1500 мм»карточка, наличие, доставка, оплатапокупка
Навигационный«название компании контакты»адрес, телефон, мессенджеры, часызвонок или сообщение

Правило: один URL — один интент — один главный CTA. Второстепенные действия (скачать прайс, написать в мессенджер) допустимы, но визуально слабее основного.

Анатомия страницы

СлойЭлементыЗачемЧастая ошибка
АдресЧПУ-URL, canonicalпонятность и отсутствие дублей`?id=417&cat=3` и три копии страницы
Метаtitle 50–60 знаков, descriptionкликабельность в выдачеодинаковый title на всех страницах
Первый экранH1, лид, CTA, доказательствоответ за 5 секундслоган без сути и кнопка «подробнее»
ТелоH2/H3, списки, таблицы, медиасканированиесплошные абзацы по 12 строк
Конверсияформа, телефон, мессенджер, согласиеследующий шаг9 полей и никакого уведомления
Довериецены, сроки, реквизиты, кейсыснятие возражений«индивидуально» вместо любых цифр

Смежные материалы: как сделать сайт с нуля, веб-разработка с нуля, текст для сайта.

Четыре способа создать страницу

СпособРеальный срокКому подходитОграничение
Конструктор (блоки)1–3 дняодна услуга, тест спросалимиты тарифа, слабый контроль разметки
Готовый шаблон2–5 днейуслуги с понятной структуройпридётся резать лишние блоки
CMS (WordPress и аналоги)5–15 днейблог, каталог, регулярные публикацииобновления, бэкапы, защита
Вёрстка / фреймворкот 2 неделькастомная логика, кабинетдороже, нужен разработчик на поддержке

Ориентир по бюджету в NeuroDomen — от 20 000 ₽ за сайт под ключ; итог зависит от числа страниц, текстов и интеграций. Состав пакетов — на странице цены, каркасы — в разделе шаблоны, услуга — сайты.

Пайплайн: 9 шагов от идеи до публикации

  1. 1. Оффер одной фразой: что, кому, за сколько, за какой срок. Не складывается фраза — страницу делать рано.
  2. 2. Факты: цены или вилка, география, сроки, что входит и что не входит, чего обещать нельзя.
  3. 3. Каркас блоков списком в документе, без дизайна: оффер → кому подходит → как работаем → состав и цена → возражения → форма.
  4. 4. Текст под каркас, а не наоборот. Заголовки — утверждения, а не «О нас».
  5. 5. Медиа: схема процесса, фото работ, скриншоты. Каждой картинке — задача и `alt`.
  6. 6. Сборка выбранным способом из таблицы выше.
  7. 7. Форма: минимум полей, чекбокс согласия, уведомление в Telegram или почту, страница «спасибо» с отдельным URL.
  8. 8. Проверка на телефоне в мобильной сети, а не только в десктопном эмуляторе.
  9. 9. Публикация и измерение: цель на отправку формы, добавление в Вебмастер, ссылка из рекламы и соцсетей.

Технический минимум

  • - один `H1` на страницу, дальше иерархия `H2` → `H3` без перескоков;
  • - ЧПУ на латинице, без дат и параметров;
  • - `canonical` на самого себя, чтобы не плодить дубли;
  • - `description` — не копия первого абзаца, а обещание выгоды;
  • - Open Graph, чтобы ссылка в мессенджере не выглядела пустой;
  • - `alt` у смысловых изображений, пустой у декоративных;
  • - HTTPS и корректный `lang`.

Скорость: что реально измеряет Google

Core Web Vitals по документации web.dev — три метрики, которые оцениваются по 75-му перцентилю загрузок, отдельно для мобильных и десктопа.

МетрикаЧто измеряетХорошоТребует улучшенияПлохо
LCPотрисовка самого крупного элемента экрана≤ 2,5 с2,5–4,0 с> 4,0 с
INPотзывчивость на действия пользователя≤ 200 мс200–500 мс> 500 мс
CLSсмещение вёрстки при загрузке≤ 0,10,1–0,25> 0,25

INP официально заменил FID в марте 2024 года. Причины провалов на страницах малого бизнеса всегда одни и те же: hero-изображение на 2–3 МБ без сжатия, шрифты без `font-display`, медиа без заданных размеров (отсюда CLS), сторонние виджеты чата и коллтрекинга, карта, загружаемая сразу, а не по клику. Диагностика — в SEO-аудите.

Четыре примера из ниш

Стоматология, Москва

Интент коммерческий и узкий: «имплантация зубов цена». Одна страница на одну услугу, а не «все услуги списком». Обязательны: вилка цены за единицу, состав работ, срок, лицензия, врач с фото и опытом, противопоказания. Форма — запись на консультацию с выбором дня. Лишнее: слайдер с абстрактными улыбками и блок «наши ценности». Услуга по городу: сделать сайт в Москве.

Автосервис, Ростов-на-Дону

Запрос локальный: «замена сцепления + марка». Страница строится вокруг вилки цен по маркам и срока, на который машина остаётся в цеху. Доверие: фото цеха, работы с нормо-часами, гарантия в месяцах. CTA — не «отправить заявку», а «узнать цену по VIN». Карта и часы работы обязательны: выбор идёт по расстоянию. См. сделать сайт в Ростове-на-Дону.

Студия йоги, Казань

Интент смешанный: ищут и расписание, и пробное занятие. Расписание — отдельный URL для постоянных клиентов, оффер — отдельный, он продаёт первое занятие. Форма короткая: имя, телефон, направление. Посты и статьи ведут на оффер, а не на главную. Город: сделать сайт в Казани.

B2B-поставщик оборудования, Екатеринбург

Решение принимают несколько человек: страница обслуживает и инженера, и закупщика. Структура: характеристики таблицей, условия поставки и оплаты, типовые сроки, кнопка «скачать опросный лист». Заявок мало, но они дорогие — полнота данных важнее «конверсионных» приёмов. См. сделать сайт в Екатеринбурге, Санкт-Петербурге, Новосибирске и Краснодаре.

Результат и границы

Что даёт одна хорошо собранная страница: понятный адрес для рекламы, измеримую форму, аргументы, которые раньше проговаривались по телефону, и базу для будущих посадочных.

Чего страница не делает: не создаёт спрос там, где его нет; не компенсирует отсутствие цен и контактов; не выводит сайт в топ сама по себе; не заменяет менеджера, который отвечает за минуты, а не за сутки. О работе с запросами — SEO-семантика и SEO-оптимизация.

Чек-лист перед публикацией

  • - [ ] За 5 секунд понятно: что предлагают, кому, что делать дальше
  • - [ ] Один главный CTA, остальные действия слабее визуально
  • - [ ] Есть цифры: цена или вилка, срок, состав работ
  • - [ ] Контакты и мессенджеры доступны с любого экрана
  • - [ ] Форма работает, уведомление приходит, есть страница «спасибо»
  • - [ ] Чекбокс согласия и ссылка на политику
  • - [ ] Изображения сжаты, размеры заданы, `alt` заполнены
  • - [ ] Title и description уникальны, один H1
  • - [ ] Проверено на реальном телефоне, битых ссылок нет
  • - [ ] Цель на заявку настроена, HTTPS без смешанного контента

Частые вопросы

Чем страница отличается от сайта и от лендинга?

Сайт — связанный набор страниц с навигацией. Страница — один URL. Лендинг — страница под одно действие: оффер, аргументы и форма без развитого меню.

Сколько текста нужно на странице?

Столько, чтобы закрыть возражения конкретной аудитории. Коммерческая посадочная услуги живёт на 2500–5000 знаков, если в них есть цены, состав работ и сроки. Информационная статья длиннее: она отвечает на серию смежных вопросов.

Можно ли сделать страницу бесплатно?

На бесплатных тарифах конструкторов — да, с оговорками: чужой домен в адресе, рекламные вставки, слабый контроль скорости и разметки. Для теста гипотезы годится, для платного трафика — нет. См. бесплатный конструктор сайтов.

Нужен ли отдельный URL под каждый город?

Только если вы реально работаете в городе и можете написать правду: адрес, выезд, сроки, местные условия. Копии одного текста с заменой топонима — путь к дублям.

Через сколько страница начинает приводить заявки?

Из рекламы — в день запуска, трафик покупной. Из поиска — после индексации и накопления релевантности; срок зависит от конкуренции в нише.

Что делать, если страница есть, а заявок нет?

По порядку: проверить, доходит ли форма; посмотреть, с каких запросов идёт трафик; сверить обещание в объявлении с первым экраном; убедиться, что цена и сроки указаны; проверить скорость на мобильных. Только потом менять дизайн.

Что сделать на этой неделе

  1. 1. Выписать интент и одно целевое действие для страницы.
  2. 2. Собрать факты: цена, срок, состав работ, ограничения.
  3. 3. Составить каркас из 6 блоков и написать текст под него.
  4. 4. Подключить форму и уведомление, пройти чек-лист.
  5. 5. Опубликовать и поставить цель на заявку.

Нужна готовая посадочная под услугу — смотрите сайты, шаблоны и контакты.

Оставить заявку · Все статьи