Секция страницы

Также: блок, экран сайта

Логически цельная часть страницы во всю ширину: первый экран, список услуг, отзывы, форма. Страница в конструкторе собирается из секций, как из кирпичей.

Зачем делить страницу на секции

Секция — это единица смысла и единица работы. Её можно переставить выше, скрыть на время акции или скопировать на другую страницу. Когда страница сверстана одним куском, любое изменение превращается в переделку.

Хороший признак правильно выделенной секции: её можно назвать одним словосочетанием и объяснить, зачем она нужна посетителю. Если объяснения нет — скорее всего, секция лишняя.

Типовой набор для сайта услуг

СекцияЗадача
Первый экранчто вы делаете, для кого, что нажать
Услугипоказать, чем можете помочь
Ценыснять главный вопрос
Работы или кейсыдоказать словами делом
Отзывыподтвердить чужим опытом
Вопросы и ответыснять возражения до звонка
Форма и контактыдать связаться

Порядок важнее количества

Секции идут в порядке вопросов, которые возникают у человека: что это → подходит ли мне → сколько стоит → можно ли верить → как заказать. Если цены стоят после отзывов, а услуги — после раздела о компании, человек уходит раньше, чем доберётся до нужного.

Как устроена секция внутри

Обычно это заголовок, короткое пояснение и содержимое: карточки, список, форма или изображение. На широком экране карточки стоят в ряд, на телефоне — друг под другом. Именно поэтому секцию удобно проверять отдельно: если она разваливается на узком экране, чинить нужно её, а не всю страницу.

Ещё одно практическое свойство: секции можно менять местами без переделки. Это позволяет проверить гипотезу «цены выше отзывов» за пару минут, а не заказывать новую вёрстку.

Секцию, которую вы не можете наполнить содержанием, лучше удалить. Пустой блок «Наши партнёры» с тремя серыми прямоугольниками вредит доверию сильнее, чем его отсутствие.

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

Сколько секций должно быть на странице?

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

Можно ли менять порядок секций?

Не только можно, но и полезно: если по карте скроллинга видно, что до цен долистывает мало людей, цены стоит поднять выше.

14 дней бесплатно

Проще один раз собрать,
чем разбираться в теории

Домен, HTTPS, формы и аналитика подключаются в одном кабинете — без сервера и кода.

Создать сайт