Каждая страница корпоративного сайта имеет цель — побудить посетителя продолжить просмотр или совершить действие. Кнопки, как самый прямой инструмент для действий, во многом определяют, останется ли посетитель на сайте или закроет его. Эта статья рассматривает типичные страницы корпоративного сайта, обсуждает расположение, иерархию и текст кнопок, помогая владельцам сайтов и маркетологам принимать более правильные решения в процессе обслуживания.
Сначала определите, какое действие вы хотите от посетителя
Прежде чем размещать кнопки, четко сформулируйте основную задачу страницы. Страницы корпоративного сайта можно разделить на несколько типов: главная — создает доверие и направляет трафик, страницы продуктов — демонстрируют ценность и стимулируют запросы, страницы кейсов — подтверждают компетентность и побуждают к сотрудничеству, контактная страница — предоставляет каналы связи. Количество и иерархия кнопок должны различаться в зависимости от типа страницы.
На каждой странице должна быть одна основная кнопка действия, остальные — второстепенные. Например, на странице продукта основная кнопка — «Запросить консультацию» или «Получить предложение», а второстепенные — «Посмотреть кейсы» или «Скачать материалы». Если все кнопки пытаются быть заметными, посетитель не знает, на что нажимать в первую очередь.
Расположение кнопок должно соответствовать привычкам просмотра
При просмотре страницы взгляд посетителя обычно движется сверху вниз и слева направо. Кнопки должны появляться в местах, где у посетителя возникает интерес, а не быть привязанными к нижней части страницы. Особенно это важно для первого экрана: если посетитель, прочитав описание, хочет узнать больше, кнопка должна быть рядом, чтобы не приходилось долго прокручивать страницу.
Распространенная практика: размещать основную кнопку в конце первого экрана, а затем повторять ее в середине или в конце страницы, чтобы посетители, прокрутившие вниз, могли сразу действовать. Для длинных страниц можно добавить плавающую кнопку «Консультация» в боковой панели или внизу, но важно не перекрывать основной контент.
Визуальная иерархия основных и второстепенных кнопок
Кнопки на странице должны иметь четкую иерархию. Основная кнопка обычно использует контрастный цвет, например, фирменный цвет, оранжевый или зеленый, а второстепенные — серый или контурный стиль. Так посетитель сразу видит, какое действие является приоритетным.
Например, на странице описания услуг основная кнопка — «Получить бесплатное предложение», второстепенная — «Узнать больше об услугах». Если кнопки расположены рядом, основная должна быть слева или на более заметном месте. Если основная кнопка — «Купить сейчас», то кнопка «Связаться с поддержкой» не должна быть рядом, чтобы не отвлекать внимание.
Текст кнопок должен быть конкретным и побуждать к действию
Текст на кнопке напрямую влияет на желание кликнуть. Избегайте расплывчатых формулировок, таких как «Нажмите» или «Подробнее», используйте слова, описывающие результат действия. Например, «Получить прайс-лист на 2024 год» понятнее, чем «Отправить», а «Записаться на бесплатную диагностику» привлекательнее, чем «Связаться с нами».
Кроме того, текст должен соответствовать стилю общения корпоративного сайта. Если целевая аудитория — традиционное производство, кнопка «Получить каталог продукции» будет более формальной, чем «Скачать сейчас»; для интернет-провайдеров «Попробовать бесплатно» может быть более уместной. Текст кнопки должен перекликаться с содержанием страницы: если на странице описана проблема, кнопка может быть «Решить эту проблему».
Кнопки на мобильных устройствах должны быть удобными для нажатия
Значительная часть трафика корпоративных сайтов приходится на мобильные устройства, поэтому удобство кнопок на мобильных нельзя игнорировать. Размер кнопок не должен быть слишком маленьким, рекомендуется высота не менее 44 пикселей для удобного нажатия пальцем. При размещении нескольких кнопок между ними должно быть достаточно расстояния, чтобы избежать случайных нажатий.
Кроме того, на мобильных страницах часто требуется длительная прокрутка, поэтому можно закрепить основную кнопку внизу или использовать плавающую кнопку, но важно не занимать слишком много места на экране. Если на странице есть форма, кнопка отправки должна находиться рядом с формой, а не в самом низу страницы.
Размещение кнопок должно соответствовать ритму контента
Кнопки не являются изолированными элементами; они должны появляться в местах, где контент наиболее убедителен. Например, на странице кейсов, когда посетитель прочитал подробное описание клиента и подумал «у нас похожая проблема», размещение кнопки «Получить аналогичное решение» в конце кейса будет эффективнее, чем вверху страницы.
На главной странице кнопки обычно размещаются после ключевых информационных блоков: после краткого описания «О нас» можно поставить «Узнать больше», после описания преимуществ — «Посмотреть услуги». Чем сильнее связь кнопки с контентом, тем выше вероятность клика.
Регулярно проверяйте эффективность кнопок
Размещение кнопок — не разовая задача. После запуска сайта можно отслеживать клики через аналитику или ручное тестирование. Если у какой-то кнопки низкий показатель кликов, это может быть связано с неудачным расположением, непривлекательным текстом или несоответствием цели страницы.
Рекомендуется раз в квартал проверять макет кнопок на основных страницах, учитывая данные о посещаемости и отзывы пользователей. Также можно проводить A/B-тестирование, например, сравнивать эффективность текстов «Запросить консультацию» и «Получить предложение», но важно, чтобы тестовый период был достаточно длинным для получения значимых данных.
В целом, размещение кнопок на корпоративном сайте должно исходить из целей страницы, учитывать привычки просмотра и удобство использования. Благодаря правильному расположению, четкой иерархии и конкретному тексту посетитель будет знать, что делать дальше, что повысит эффективность сайта.
