Что разместить на первом экране главной страницы

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

Какую задачу решает первый экран

Задача одна: за пять секунд дать незнакомцу ответы на три вопроса.

• Чем вы занимаетесь? Простыми словами, без лозунгов.
• Это для меня? Тип клиента, город или проблема, которую вы решаете.
• Что делать дальше? Одно очевидное действие.

Если хотя бы один ответ неясен, посетитель не будет искать его ниже. Он нажмёт «назад».

1. Напишите заголовок, который называет результат

«Добро пожаловать на наш сайт» и «Качество и надёжность с 2010 года» никому ничего не говорят. Хороший заголовок сообщает, что вы делаете и для кого: «Ремонт ванных комнат в Таллине — от замеров до финальной уборки» или «Бухгалтерия для небольших эстонских компаний, фиксированная цена в месяц». Используйте слова, которые клиенты вводят в Google. Если ищут «стоматолог в Тарту», в заголовке не должно быть «решений в сфере здоровья полости рта».

2. Добавьте одну поясняющую строку

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

3. Дайте одну главную кнопку

Три равноценные кнопки («Подробнее», «Наши услуги», «Контакты») делят внимание и ведут в никуда. Выберите одно действие, которое нужно вам больше всего: «Получить расчёт», «Заказать звонок», «Написать нам» — и сделайте его самым заметным элементом. Второстепенный вариант допустим, например телефон рядом с кнопкой, но он должен выглядеть второстепенным. Формулируйте конкретно: «Узнать цену за один рабочий день» лучше, чем «Отправить».

4. Используйте настоящее изображение

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

5. Добавьте быстрое подтверждение

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

6. Сначала проверьте мобильную версию

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

• Виден ли заголовок без прокрутки?
• Можно ли нажать главную кнопку большим пальцем?
• Читается ли текст без увеличения?
• Не закрывает ли кнопку баннер cookie или виджет чата?

Самые частые ошибки

• Автоматический слайдер, где главное сообщение спрятано на третьем слайде
• Заголовок о компании («Мы команда профессионалов») вместо клиента
• Меню из десяти пунктов, которое конкурирует с единственным нужным действием
• Полноэкранное видео, которое замедляет загрузку и ничего не говорит
• Разные обещания в рекламе и на странице, куда она ведёт

Для рекламы нужен соответствующий первый экран

Если вы платите за клики, первый экран важен ещё больше. Тот, кто искал «срочный сантехник», должен увидеть именно это, с телефоном, а не общую главную. Иногда лучше отдельная страница под кампанию; решить поможет статья «Лендинг или сайт».

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

Как мы это делаем

Когда мы делаем сайт или лендинг, мы первым пишем первый экран: заголовок, поясняющую строку, одно действие и настоящее изображение, и сразу проверяем на мобильном. Для кампаний подстраиваем его под сообщение в рекламе Google, чтобы клик естественно продолжался. Если нужен готовый сайт в короткий срок, посмотрите наш запуск под ключ или отправьте нам вашу главную через форму ниже.