Одностраничные сайты: когда подходят, из чего состоят и где подводят

Одностраничный сайт — это когда всё содержание лежит на одной странице, а меню не переводит на другие адреса, а прокручивает к нужному блоку.

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

Когда одностраничник работает

Один товар или одна услуга. Если продаёте что-то одно, дробить рассказ по страницам незачем. Человеку нужно последовательно объяснить: что это, кому, сколько стоит, почему вам можно верить, как заказать.

Событие. Конференция, курс, набор в группу. У такого сайта короткая жизнь и одна задача — собрать регистрации к дате.

Личная страница или портфолио. Кто я, что делаю, вот работы, вот контакты. Больше и не нужно.

Когда одностраничник мешает

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

Нужен поисковый трафик. Это главное ограничение. У одностраничника один адрес, один заголовок и одно описание для поиска. Значит, он может хорошо отвечать на один запрос, а не на сорок.

Много товаров. Каталогу нужны фильтры, карточки и отдельные адреса на каждый товар. Одна страница здесь физически не помещается.

Планируете блог. Статьи — это всегда отдельные страницы. Как только появляется блог, сайт перестаёт быть одностраничным.

Из чего состоит хороший одностраничник

Порядок блоков не случайный. Он повторяет порядок вопросов в голове у посетителя.

Первый экран: что это и для кого

Человек решает за пару секунд, остаться или уйти. На первом экране должно быть понятно, что вы предлагаете и кому — без метафор и без «мы команда профессионалов».

Проверка простая: закройте картинку и прочитайте только заголовок. Если из него не ясно, чем занимается компания, заголовок плохой.

Проблема, которую решаете

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

Как это работает

Три-четыре шага, что произойдёт после обращения. Люди боятся неизвестности сильнее, чем цены: непонятно, во что ввязываешься.

Цена или её ориентир

Страница без цены отсеивает не тех, кого надо. Часть людей уйдёт, потому что дорого, и это хорошо — они бы всё равно не купили. А часть уйдёт просто потому, что не любит спрашивать.

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

Доказательства

Форма и один призыв

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

Форму имеет смысл повторить: вверху, в середине и в конце. Один и тот же призыв, а не три разных.

Пять живых примеров, на которые стоит посмотреть

Разбор структуры выше — это правило. Ниже — пять реальных страниц 2026 года, где оно применено, с разбором, что именно там сделано.

Apple — страница AirTag

Один товар, один сплошной скролл без бокового меню, которое отвлекало бы от покупки. Каждый блок отвечает на один вопрос подряд: как найти вещь, как поделиться доступом с семьёй, что с приватностью. Кнопка «Купить» повторяется на каждом крупном экране — не разные призывы, а один и тот же. apple.com/airtag

Hey.com — почтовый сервис Basecamp

Первый экран сразу называет проблему, а не компанию: «мы наконец починили вашу почту». Дальше — 30 дней бесплатно, отзывы известных людей с именами, пять блоков функций по одной идее на блок, и отдельное письмо основателя, где он объясняет философию продукта простым языком. Доказательство через живого человека, а не через счётчик клиентов. hey.com

Basecamp.com

Вместо текста про экспертность — трёхминутное видео-тур по продукту. Дальше больше десяти отзывов реальных клиентов с именами, письмо основателя Джейсона Фрайда и конкретные цифры вместо общих слов: по данным самого сервиса, 84 миллиона человек и 99,99% доступности. Бесплатный план стоит последним шагом прямо перед формой. basecamp.com

Notion.com

Формально это уже не «одна услуга» — внутри несколько инструментов. Но подано как одна платформа с разными гранями, а не как список разных услуг: три главные возможности показаны по одной на экран, а отзывы — не абстрактные, а с именами компаний и фотографиями людей. Кнопка регистрации повторяется несколько раз одним и тем же текстом. notion.com

brittanychiang.com — личная страница разработчика

Пример из категории «личная страница». Короткий первый экран: имя и профессия, без метафор. Дальше — список опыта по годам, портфолио проектов с указанием технологий под каждым и раздел со статьями. Никакой лишней анимации, весь акцент на содержании, а не на оформлении. brittanychiang.com

Четыре ошибки, которые встречаются чаще всего

Слишком длинно. Одностраничник не обязан быть бесконечным. Если блоков больше восьми, скорее всего половина повторяет другую половину другими словами.

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

Анимация ради анимации. Блоки, которые выезжают при прокрутке, замедляют чтение и на слабых телефонах дёргаются. Если анимация не помогает понять содержание, она мешает.

Вес страницы. Всё содержание грузится сразу, включая картинки из самого нижнего блока. Одностраничник легко разрастается до нескольких мегабайт, и на мобильном интернете первый экран появляется через несколько секунд. К этому моменту половина посетителей уже ушла.

Компромисс, который обычно и нужен

Чаще всего правильный ответ — не «одна страница» и не «большой сайт», а одностраничник как главная плюс несколько отдельных страниц под то, что ищут в поиске.

Главная работает как посадочная: ведёт человека по пути и собирает заявки. Отдельные страницы под каждую услугу или направление ловят поисковый трафик и тоже ведут на форму.

Так вы получаете и связный рассказ, и видимость в поиске. А начать можно с одностраничника и достраивать страницы по мере того, как становится понятно, что именно люди ищут.

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

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

Доработка существующего сайтаДостроим отдельные страницы услуг к уже работающему одностраничнику, когда станет ясно, что ищут люди