Splash-сторінки: як створити, запустити та оптимізувати власну

Сплаш-сторінка — це цифрова версія вестибюля. Відвідувач потрапляє на сторінку, зупиняється на мить і вирішує, чи заходити далі, підписатися, зробити покупку, підтвердити свій вік, вибрати мову або ознайомитися з вашою пропозицією.

Ми бачимо, що сплеш-сторінки працюють найкраще, коли дотримуються одного простого правила: не блокуйте шлях відвідувача, якщо тільки не надаєте йому чіткої причини зупинитися.

Що таке сплеш-сторінка?

Сплеш-сторінка — це коротка вхідна сторінка або екран, який з’являється перед переходом до основного вмісту веб-сайту. Ви можете використовувати її для анонсування запуску, збору електронних адрес, просування пропозиції, прохання до відвідувачів вибрати регіон або показу необхідної інформації.

Не слід плутати її з повноцінною цільовою сторінкою. Посадкова сторінка зазвичай детально презентує одну пропозицію. Сплаш-сторінка швидко повідомляє одну річ, а потім дозволяє користувачам рухатися далі.

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, щоб оцінити досвід користування сторінкою. 

Поширені помилки

Найбільша помилка — змушувати всіх проходити через одні й ті самі ворота.

Новим відвідувачам може знадобитися контекст. Постійні клієнти можуть хотіти потрапити до магазину. Користувачам мобільних пристроїв може знадобитися швидкість. Міжнародним користувачам може знадобитися вибір за регіоном. Проектуйте з урахуванням цих різних шляхів.

Ще одна помилка — просити занадто багато. Сплаш-сторінка — не місце для довгих форм. Спочатку попросіть надати електронну адресу. Дізнайтеся більше пізніше.

Третя помилка — приховування основного сайту. Коли люди відчувають себе в пастці, довіра падає.

Заключна думка

Сплаш-сторінка може здаватися оксамитовою мотузкою або дорожнім блокпостом. Різниця полягає в повазі.

Дайте відвідувачеві чітку обіцянку. Зробіть наступний крок очевидним і забезпечте швидку роботу сторінки. Наприкінці дайте людям можливість піти. Якщо ви це зробите, ваша стартова сторінка стане чимось більшим, ніж просто перешкодою. Вона задасть тон усьому, що буде далі.