Welcome-страницы: как проектировать, запускать и оптимизировать

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

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

Что такое стартовая страница?

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

Не следует путать её с полноценной целевой страницей. Целевая страница обычно подробно представляет одно предложение. Сплаш-страница быстро сообщает одну вещь, а затем позволяет пользователям перейти дальше.

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

Когда следует использовать вступительную страницу?

Вступительную страницу следует использовать, когда у неё есть реальная задача.

Наши эксперты рекомендуют использовать её, когда вам нужно:

1. Создать ажиотаж перед запуском продукта.

2. Собрать заявки на ранний доступ.

3. Провести ограниченную по времени кампанию.

4. Предложить посетителям выбрать страну или язык.

5. Подтвердить возраст или юридическое согласие.

6. Направьте пользователей на нужную версию вашего сайта.

Вам следует отказаться от этого, если вы просто хотите похвастаться. Посетители пришли за контентом, товарами или ответами. Так что дайте им вескую причину остановиться.

Анатомия отличной стартовой страницы

Эффективная стартовая страница состоит из пяти частей.

1. Захватывающий заголовок.
   Расскажите читателям, что они получат. Попробуйте: «Получите ранний доступ к нашему набору инструментов для дизайна на базе ИИ» вместо «Добро пожаловать на наш сайт».

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

3. Одно четкое действие.
   Попросите о чем-то одном. «Включитесь в список ожидания». «Зайдите в магазин». «Выберите свой регион».

4. Простой выход.
   Позвольте посетителям перейти на главный сайт. Google рекомендует по возможности использовать менее навязчивые форматы, такие как баннеры. 

5. Быстрая загрузка.
   Ваша заставка не должна портить первое впечатление. Google оценивает пользовательский опыт с помощью показателей Core Web Vitals, включая LCP, INP и CLS. 

Как создать заставку, которую люди не будут ненавидеть

Начните с настроения посетителя. Они проснулись не с мечтой увидеть ваше всплывающее окно. Им что-то нужно. Ваша заставка должна сделать это «что-то» проще, лучше или увлекательнее.

Текст должен быть кратким. Используйте глаголы в активной форме. Сразу покажите выгоду.

• Плохой текст:
  «Подпишитесь на нашу рассылку».
• Лучший текст:
  «Каждый вторник получайте одну гениальную идею для роста».
• Лучший текст:
  «Присоединяйтесь к 8 000 основателей, которые получают наш вторничный обзор по росту».

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

Важность доступности

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

Перед запуском мы проверяем следующие основные моменты:

• Кнопки имеют чёткие надписи.
• Формы содержат надписи, а не только заполнители.
• Страница поддерживает навигацию с помощью клавиатуры.
• Текст имеет высокий контраст.
• Состояния фокуса видны.
• Кнопку «Закрыть» легко найти.

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

Как запустить заставку

Относитесь к своей заставке как к рекламной кампании, а не как к украшению.

• Во-первых, выберите одну цель. Хотите ли вы получить адреса электронной почты, клики, выбор региона или подтверждение соблюдения требований? Выберите одно.
• Затем сформулируйте предложение. Ваш заголовок должен отвечать на вопрос: «Почему мне это должно быть интересно?»
• После этого создайте страницу, не перегружая её. Избегайте тяжелых скриптов, автовоспроизведения видео и огромных файлов.
• Затем настройте отслеживание. Отслеживайте просмотры, клики, заполнение форм, уходы со страницы и показатель отказов.

Наконец, протестируйте страницу на реальных устройствах. Предварительный просмотр на ноутбуке не даёт полного представления о ситуации.

Как её оптимизировать

Оптимизация начинается после запуска. Наблюдайте за поведением посетителей и тестируйте следующие элементы по одному:

• Заголовок
• Текст кнопки
• Фоновое изображение
• Длина формы
• Время
• Мобильная верстка
• Вариант выхода
• Привлекательность предложения

Обычно мы начинаем с предложения. Слабое предложение даже с красивой кнопкой останется слабым.

Также следите за показателями. Google рекомендует использовать такие инструменты, как Search Console и отчеты Core Web Vitals, для оценки пользовательского опыта на странице. 

Распространенные ошибки

Самая большая ошибка — заставлять всех проходить через одни и те же ворота.

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

Еще одна ошибка — просить слишком много. Вступительная страница — не место для длинных форм. Сначала попросите адрес электронной почты. Узнайте больше позже.

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

Заключительная мысль

Стартовая страница может восприниматься как бархатная веревка или дорожный блокпост. Разница заключается в уважении.

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