Ранее мы уже писали про страницу Контакты, страницу Отзывов, отдельно про Футер, а сегодня затронем пожалуй самую главную в прямом и переносном смысле страницу сайта.
Думаем, вы сами это прекрасно знаете, что Главная страница сайта электронной коммерции, как вешалка в театре, служит важным шагом к формированию впечатления о сайте и доверительного отношения с клиентом. На этой странице Посетитель определяет свои дальнейшие действия: продолжать взаимодействие с сайтом или закрыть вкладку.
Что нужно сделать, чтобы повысить конверсию Главной страницы сайта? Какие необходимы и как правильно расположить блоки контента на странице?
В чём важность Главной страницы?
Чаще других страниц сайта Главная страница попадает в поисковую выдачу, в рассылках, на корпоративной идентификации и в переписках с клиентами используется адрес сайта, который открывает именно Главную страницу. Главная страница — это точка самого первого взаимодействия вашего Потенциального клиента с сайтом, и если она смотрится ужасно или неудобна в навигации, Пользователь сделает то, что вам вряд ли понравится - закроет вкладку с сайтом, так и не узнав, что вы предлагаете.
Целеуказание
Главная страница служит для Посетителя целеуказанием, указывая ему правильный путь к тому, что он ищет на вашем сайте. Правильно продуманная структура, удобное меню и хорошо заметные кнопки побуждения к действию облегчают путь Пользователю.
Надёжность
Правильно построенная Главная страница должна вызывать у Пользователя чувство надёжности и доверия. Обязательно разместите на странице реальные Отзывы ваших клиентов, необходимые Сертификаты, логотипы известных брендов, которые являются вашими партнёрами, если таки есть. Информация о формах оплаты, способах доставки и возможности возврата товара укрепляют уверенность Пользователя в надёжности интернет-магазина.
УТП
Другой важный фактор для электронной коммерции - положительно выделяться среди конкурентов. Главная страница, как ничто иное, наилучшая локация, чтобы продемонстрировать своё Уникальное Торговое Предложение. Продуманный дизайн, оригинальная стилистика, ясные определения и превосходные изображения создают привлекательный имидж.
Главная страница и SEO
Как уже указали выше, Главная страница чаще всего попадает в поисковую выдачу. Именно на Главную ведут ссылки на внешних ресурсах. Качественные внешние ссылки повышаю вес Главной страницы. Контент страницы должен соответствовать релевантности ключевых слов тематики вашего сайта. Например, если интернет-магазин ориентирован на продажу мужской одежды, в контент нужно гармонично вписать «Купить мужскую одежду» или «Интернет-магазин мужской одежды». Это важно тем, что поможет поисковым системам правильно оценить, о чем сайт, и поднять его позиции в выдаче и улучшить SEO продвижение.
Где подобрать ключевые слова? Рекомендуем использовать такой бесплатный инструмент Яндекса, как «Вордстат». Вы вводите фразу и «Вордстат» выдаёт подходящие запросы и семантические словосочетания.
Главная страница является отправной позицией для внутренней ссылочной структуры (или другими словами перелинковки). Она должна обязательно содержать ссылки на все важные страницы вашего сайта, в том числе на ключевые товарные позиции и категории, а также горячие предложения. Это позволит поисковым ботам быстро проиндексировать другие страницы сайта. Продуманная перелинковка улучшает индексацию и распределяет вес Главной между внутренними страницами.
На что обращают внимание поисковые боты:
-
Метатеги title (заголовок) и description (описание) с ключевыми словами;
-
Заголовки с тегами h1, h2 и h3, размещёнными в приоритетном порядке и содержащими релевантные ключевые фразы.
-
Текстовое содержание (или контент), который описывает, чем занимается ваша компания, продаваемые товары или состав услуг.
Немаловажное значение для СЕО имеет скорость загрузки Главной страницы. Особенно, этому уделяет большое значение Google. Несмотря на то, что этот поисковик несколько сдал свои позиции Яндексу, большинство пользователей смартфонов используют браузеры, где в качестве основного поисковика является именно Google. Также, и Гугл, и Яндекс большое значение придают наличию адаптированной мобильной версии. Поэтому сайты, не адаптированные под мобильные устройства, скорее всего, вообще не попадут в поисковую выдачу. Разве что, в очень узком спектре бизнеса, с минимум конкурентов.
Что должно быть на Главной странице
Теперь поговорим о том, что же должно быть обязательно (желательно, по возможности) размещено на Главной странице вашего сайта.
1. Логотип
Это визуальный символ вашей компании (бренда), который должен хорошо читаться, но не отвлекать внимание Пользователя. Согласно психологии зрительного восприятия, размещается в левом углу шапки сайта и, по уже устоявшейся традиции, служит ссылкой на Главную. Иногда его размещают по центру шапки.
Логотип бренда повышает его узнаваемость и задает тон всему интерфейсу. Если у вас нет логотипа, то вы можете заказать у нас его разработку.
2. Навигация по сайту
Навигация, оно же Меню, должно быть заметное, читаемое, интуитивно понятное и содержать ссылки на все основные разделы сайта:
-
категории и подкатегории* каталога товаров;
-
раздел (или фильтрация) товаров по акции или распродажа;
-
раздел (или фильтрация) новинок каталога;
-
блог или новости, если он есть;
-
информация об оплате и доставке;
-
информация о возврате;
-
информация о компании;
-
контактная информация.
* Если вложенных цепочек категорий слишком много (чего не желательно), то не стоит выводить их все в меню — получится, во-первых, громоздкая конструкция, во-вторых, в некоторых CMS это влияет на скорость загрузки страниц. В этом случае рекомендуем сделать дополнительные меню в разделах каталога.
3. Hero Image или большое изображение
На Главной странице нужен большой визуальный атрибут в виде баннера или слайдера из нескольких баннеров, которые будут привлекать внимание Посетителей.
В баннерах следует разместить информацию о новинках каталога и проводимых распродажах. Такой баннер (баннеры) будет стимулировать Пользователей к действию и придаст странице динамичность. Не рекомендуем размещать слишком много баннеров в слайдере. Скорее всего, Пользователи не все их увидят. Оптимально — три баннера.
4. Строка Поиска
Поисковая строка с подсказками — немаловажный механизм для объёмных каталогов. Воспользовавшись поиском по каталогу Пользователь сможет найти товары по названию, артикулу или характеристикам. Поиск должен быть заметен, располагаться в шапке сайта и быть достаточно крупным, чтобы Пользователи могли вписать расширенный запрос.
5. Ключевые категории
Наиболее важные категории товаров вашего каталога должны быть показаны на Главной странице. Разместите блоки с изображениями (иконками) для каждой такой категории.
Так же можно добавить рекомендуемые позиции товаров, которые вы хотите продвигать. Это могут быть лидеры продаж, новинки каталога или персонализированные предложения для Пользователей, которые пришли по рекламе с определённым ключевым запросом. Таким образом вы повысите вероятность совершения покупки.
6. Информация о бренде (если вы продвигаете именно бренд) и УТП
Расположите на Главной блок, в котором опишите кратко, чем ваш интернет-магазин выделяется среди конкурентов. Например, это может быть информация о бесплатной доставке или сборке, более широкий выбор товаров или натуральность продукции, больший срок гарантии или обмена товара.
7. Социальные доказательства
Отзывы покупателей — самое лучшее подтверждение того, что вашему бренду можно доверять. Обязательно разместите на Главной блок с реальными отзывами на товары или ваш бренд. Вы можете использовать отзывы о бренде, размещённые, например, на Яндекс.Картах или Яндекс.Маркете. В этом же ключе работают и логотипы известных брендов, если вы с ними сотрудничаете. Такие аспекты вызывают доверие и способствуют росту конверсии.
8. Контактная информация
Ещё один важный блок, который должен присутствовать не только на Главной странице. Это блок, где указываются способы связи Пользователей с вами. Телефон, e-mail и ссылки на социальные сети способствуют быстрой коммуникации с компанией. Не будет лишним виджет онлайн-чата для поддержки Пользователей в режиме реального времени. Можете обратить внимание на нашего партнёра Jivosite.
9. Подвал или футер
Про футер у нас есть отдельная статья, где мы более подробно описываем этот блок. Если кратко, Футер (или подвал) — это самая нижняя часть страницы. В печатных изданиях в подвале размещаются, так называемые, выходные данные. В дизайне же сайтов подходы к оформлению подвала могут быть самыми разными. Кто-то размещает здесь логотип и ссылки практически на все страницы сайта, контактную информацию и динамическую карту с расположением точек продаж, форму обратной связи и другую информацию, а кто-то делает футер очень лаконичным, с минимум элементов (есть сайты вообще без подвала, но это не пример для подражания). Важно, чтобы в подвале были ссылки на политику конфиденциальности и карту сайта. Также же здесь можно разместить форму подписки на рассылку, если вы используете этот маркетинговый инструмент (если не используете, то стоит задуматься над этим). Подвал визуально завершает контент страницы, поэтому он обязательно должен быть, чтобы не было ощущения незавершённости.
Наши советы
Умные советы никому не повредят, поэтому вот вам наши советы по оформлению Главной страницы. Уделите особое внимание дизайну и функциональности Главной страницы, чтобы выделиться в конкурентной среде. Главную страницу можно рассматривать как Лендинг, где в кратком изложении, красочно и, возможно, с анимацией, размещается вся основная информация, представленная на сайте. Важно, отделить между собой информационные блоки и не переусердствовать с количеством информации, чтобы Главная не стала настолько «тяжёлой», что Пользователи покинут ваш сайт, так и не дождавшись, когда всё загрузится.
Цвет
С точки зрения психологии восприятия, цвет влияет на то, как воспринимается бренд. Каждый цвет воспринимается по разному. Красный и оранжевый цвета, например, побуждают к действию и стимулируют импульсивные покупки. Поэтому очень часто, важные кнопки на сайте (например, «купить» или «добавить в корзину») красят именно в красный или оранжевый цвет. Синий создает ощущение доверия и безопасности. Жёлтый ассоциируется с дружелюбием, общением, улучшает настроение. Зеленый цвет ассоциируется с экологичностью и спокойствием. Фиолетовый цвет ассоциируется с роскошью. Поэтому очень часто его используют дорогие бренды. Главное, чтобы цвета сайта, прежде всего, ассоциировались и соответствовали цветам вашего бренда.
Динамика и игровые механики
Утрированно, игровые механики способствуют преобразованию рутинной задачи, например, поиск бачка для унитаза, в более интересное и увлекательное занятие для Пользователей. Что делаем? Вы можете, к примеру, стимулировать Пользователя зарегистрироваться на сайте и совершать покупки для накопления баллов, которые он сможет обменять на какой-то товар или получить подарок. Или стимулировать Покупателя к частому совершению покупок, чтобы больше чеков Покупателя участвовали в розыгрыше ценных призов, и он имел больше шансов выиграть. В общем, вариантов много. Думайте.
Таймер времени
Психологами замечено, что обратный отсчет до окончания акции вызывает у Пользователя чувство боязни упустить важное. Чаще всего, это способствует совершению покупки. Однако, не нужно злоупотреблять. Постоянная смена даты, вызовет негативную реакцию и подорвёт доверие к бренду.
Стимулирующие элементы
Использование некоторых элементов дизайна, помогает привлечь внимание Пользователя к восприятию нужной информации. Вы можете притянуть взгляд Покупателя к нужному товару, если разместите на карточке значки, к примеру, «Новинка», «Хит продаж» или «Лимитированная серия», либо разместите стикеры с выгодными условиями: «-10%», «2 по цене 1».
Использование видео
Видео файлы позволяют легко показать превосходства продукта или продемонстрировать историю бренда. Даже короткие видео-презентации компании или обзор популярных товаров дадут положительный эффект.
Скорость загрузки страниц
Если страницы вашего сайта загружаются несколько дольше обычного, стоит добавить заставку, например, с прогресс-баром или интересным анимационным логотипом. Они задержат внимание пользователя на какое-то время.
Мобильная версия
По статистике, в 2024 году примерно больше 50% всех онлайн-покупок совершались через мобильные устройства. Игнорирование этого факта приведёт к потере значительной части Покупателей. Мобильную версию необходимо создавать интуитивно понятной, в противном случае Пользователь уйдет к вашим конкурентам. Удобная, в плане юзабилити, мобильная версия сайта увеличивает вероятность совершения покупки.
Мобильная версия представляет собой отдельный сайт, который загружается в браузер пользователя вместо десктопной версии, если он зашёл с мобильного устройства. Обычно, такой сайт размещают на поддомене основного домена, типа, m.site.ru. Но, чаще всего, создаётся адаптивная версия сайта, которая подстраивается под различные устройства. По некоторым факторам это удобнее, чем иметь несколько версий сайта.
Частые ошибки
При создании Главной страницы важно учитывать баланс между основными составляющими - дизайн, функциональность и юзабилити. Однако, многие сайты допускают ошибки, что приводит к снижению конверсии:
-
Главная страница, перегруженная текстом, графикой и элементами дизайна, может отпугнуть потенциального Покупателя, он теряется и не понимает, куда кликнуть.
Что делать? Уделите основное внимание главным элементам, используя принцип минимализма — предоставьте полный объем информации при минимуме излишней визуализации.
-
Чересчур мелкие и плохо видимые кнопки призыва к действию, или их полное отсутствие, мешает Пользователю принять какое-то решение. Как следствие — снижение конверсии.
Что делать? Добавьте или сделайте заметней кнопки с призывами «Узнать больше», «Задать вопрос», «Купить сейчас» или «Оставить заявку». Разместите их в правильном месте, в соответствии с логикой последовательности действий.
-
Устаревшие данные и уже прошедшие акции вызовут недоумение у Пользователя. Как следствие - у Посетителя складывается отрицательное отношение к бренду.
Что делать? Следите за актуальностью размещённой информации на сайте, настройте автоматическое отключение акций после их завершения.
-
Некачественные и мелкие изображения товара, а также их малое количество, что не позволяет по достоинству оценить товар, портят впечатление о сайте. Как следствие - подрывается доверие к бренду.
Что делать? Размещайте только профессиональные, в хорошем разрешении и качественные фотографии. Старайтесь придерживаться единой стилистики.
-
Разрабатывая Главную страницу учитывайте пользовательский опыт. Если на странице слишком много неоправданной анимации, всплывающих окон и сложных элементов, Посетитель уйдёт с сайта и вы потеряете потенциального клиента.
Что делать? Подойдите к дизайну и используемому функционалу страницы обдуманно. Проведите тестирование, предложив тем же самым Посетителям, друзьям, знакомым или даже членам своей семьи, оценить удобство интерфейса Главной страницы. Так вы выявите недостатки, исправление которых повысит конверсию.
Надеемся, наша статья поможет вам создать именно правильную Главную страницу своего сайта и получить максимальную конверсию. Удачи вам и успеха в электронной коммерции!
На создание статьи вдохновил материал с сайта PR-CY.