Одностраничный сайт — это когда всё содержание лежит на одной странице, а меню не переводит на другие адреса, а прокручивает к нужному блоку.
Формат нравится за простоту: нечего искать, нельзя заблудиться, посетитель идёт по заранее выстроенному пути. Но у него есть цена, о которой обычно узнают позже. Разберём, когда одностраничник — правильный выбор, а когда он загонит вас в угол.
Когда одностраничник работает
Один товар или одна услуга. Если продаёте что-то одно, дробить рассказ по страницам незачем. Человеку нужно последовательно объяснить: что это, кому, сколько стоит, почему вам можно верить, как заказать.
Событие. Конференция, курс, набор в группу. У такого сайта короткая жизнь и одна задача — собрать регистрации к дате.
Личная страница или портфолио. Кто я, что делаю, вот работы, вот контакты. Больше и не нужно.
Проверка идеи. Когда надо быстро выяснить, есть ли спрос, одностраничник собирается за дни и честно отвечает на вопрос «оставляют заявки или нет».
Когда одностраничник мешает
Услуг больше одной. Каждая услуга — это свой запрос в поиске и своя посадочная страница. Свалив их в один длинный список, вы не попадёте в поиск ни по одной: страница получается «обо всём», а поиск любит страницы «об одном».
Нужен поисковый трафик. Это главное ограничение. У одностраничника один адрес, один заголовок и одно описание для поиска. Значит, он может хорошо отвечать на один запрос, а не на сорок.
Много товаров. Каталогу нужны фильтры, карточки и отдельные адреса на каждый товар. Одна страница здесь физически не помещается.
Планируете блог. Статьи — это всегда отдельные страницы. Как только появляется блог, сайт перестаёт быть одностраничным.
Из чего состоит хороший одностраничник
Порядок блоков не случайный. Он повторяет порядок вопросов в голове у посетителя.
Первый экран: что это и для кого
Человек решает за пару секунд, остаться или уйти. На первом экране должно быть понятно, что вы предлагаете и кому — без метафор и без «мы команда профессионалов».
Проверка простая: закройте картинку и прочитайте только заголовок. Если из него не ясно, чем занимается компания, заголовок плохой.
Проблема, которую решаете
Дальше нужно, чтобы человек узнал себя. Не «мы делаем автоматизацию», а описание ситуации, в которой он сейчас находится и которая его раздражает.
Как это работает
Три-четыре шага, что произойдёт после обращения. Люди боятся неизвестности сильнее, чем цены: непонятно, во что ввязываешься.
Цена или её ориентир
Страница без цены отсеивает не тех, кого надо. Часть людей уйдёт, потому что дорого, и это хорошо — они бы всё равно не купили. А часть уйдёт просто потому, что не любит спрашивать.
Если точную цену назвать нельзя, дайте вилку или стоимость первого шага.
Доказательства
Работы, отзывы, цифры, имена клиентов — то, что можно проверить. Абстрактное «более 100 довольных клиентов» доказательством не является.
Форма и один призыв
На одностраничнике должно быть одно целевое действие. Если предлагать одновременно «позвонить», «скачать презентацию», «записаться на консультацию» и «подписаться», человек не выберет ничего.
Форму имеет смысл повторить: вверху, в середине и в конце. Один и тот же призыв, а не три разных.
Четыре ошибки, которые встречаются чаще всего
Слишком длинно. Одностраничник не обязан быть бесконечным. Если блоков больше восьми, скорее всего половина повторяет другую половину другими словами.
Меню, которое ничего не даёт. Меню из шести пунктов на странице, где всё равно все прокручивают подряд, только занимает место. На телефоне — особенно.
Анимация ради анимации. Блоки, которые выезжают при прокрутке, замедляют чтение и на слабых телефонах дёргаются. Если анимация не помогает понять содержание, она мешает.
Вес страницы. Всё содержание грузится сразу, включая картинки из самого нижнего блока. Одностраничник легко разрастается до нескольких мегабайт, и на мобильном интернете первый экран появляется через пять секунд. К этому моменту половина посетителей уже ушла.
Компромисс, который обычно и нужен
Чаще всего правильный ответ — не «одна страница» и не «большой сайт», а одностраничник как главная плюс несколько отдельных страниц под то, что ищут в поиске.
Главная работает как посадочная: ведёт человека по пути и собирает заявки. Отдельные страницы под каждую услугу или направление ловят поисковый трафик и тоже ведут на форму.
Так вы получаете и связный рассказ, и видимость в поиске. А начать можно с одностраничника и достраивать страницы по мере того, как становится понятно, что именно люди ищут.
Автор: Рогачев Дмитрий Васильевич, основатель La Chatte. Компания с 2014 года
делает сайты и посадочные страницы — более 400 проектов.