Что такое главная страница и как ее правильно оформить

Главная страница — лицо сайта, по которому складывается общее впечатление о вашей компании. Она должна закрывать все возможные потребности пользователя, который зашел на сайт. Раз уж зашел — это огромная удача, теперь важно удержать его внимание.

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

Какой должна быть главная страница сайта

  1. Информативной. «У вас есть 8 секунд, как презентовать и продать идею» — это не просто название популярной книги Пола Хеллмана. Это действительно так и работает. Дайте пользователю всю главную информацию сразу: кто вы, чем вы занимаетесь, чем отличаетесь от других и как с вами связаться.
  2. Удобной и понятной. Пользователь не должен думать: ой, а как тут заказать, а что нажать, а где об этом прочитать. Подайте ему информацию на блюдечке, объясните, подскажите, проведите за ручку до желаемого целевого действия.
  3. Красивой. Да-да! Устаревший или непривлекательный дизайн может отпугнуть от вас притязательного пользователя. Конечно, вкусы у всех разные, но если вы не уверены, что ваш дизайн понравится клиентам, делайте как можно проще и лаконичнее — это беспроигрышный вариант.
  4. Соответствующей стандартам. В разработке сайтов есть свои тренды. Сейчас, например, все мировые и отечественные бренды стремятся к единообразию. Это характерно и для десктопных, и для мобильных версий сайтов. Главное — не оригинальность, а удобство для пользователя.

Что должно быть на главной странице сайта

Ниже мы рассмотрим особенности главных страниц интернет-магазинов, сайтов услуг, лендингов, информационных сайтов. А сейчас — общие правила для главных страниц, примеры блоков и страницы в целом.

Посмотрите на главную Kokoc.com:

Главная страница Kokoc.com
Главная страница Kokoc.com

Посмотрите на главную всем известного маркетплейса:

Главная страница сайта Ламода
Главная страница сайта Ламода

И на страницу всем известного банка посмотрите тоже:

Главная страница СБЕРа
Главная страница СБЕРа

Это абсолютно разные сайты с разными тематиками и разной ЦА, тем не менее главные страницы выполнены по единым современным стандартам. Что же должно быть общего на главной сайта?

  • Понятная шапка сайта с меню, основными контактам, часами работы.
  • Название компании, суть продукта, тематика (исключение — всем известные бренды типа lamoda могут позволить себе не объяснять, кто они чем занимаются).
  • Оффер, или УТП — уникальное торговое предложение, которое компания адресует пользователям.
  • Основные предложения, услуги, товары, цены и тарифы. У Kokoc.com это продвижение сайтов, у lamoda — распродажи и предложения магазинов, у СБЕРа — вклады, кредитки, кешбэк.
  • Социальные доказательства: отзывы, кейсы, истории клиентов в блоге.
  • Призывы к действию, или СТА: формы заявок, лид-магниты, кнопки СТА.
  • Актуальное: акции, распродажи, хиты продаж, подарки.
  • Полезное: блог, FAQ, информация о доставке, оплате, калькулятор.
  • Контакты в футере: адрес, телефон, мессенджеры и соцсети, а также реквизиты.

И кое-что еще, что роднит современные классные сайты:

  • Мобильная и адаптивная версии: чтобы верстка не ехала при просмотре со смартфона.
  • Современный дизайн: удобная типографика, приятная цветовая гамма, много воздуха, выдержанная айдентика.
  • Юзабилити и UX на уровне: чтобы пользователю было все интуитивно понятно, куда нажимать, что читать, как заполнять формы и т. д. У нас в Kokoc.com есть кейс, как мы провели юзабилити-аудит и вырастили доход с сайта в 2,5 раза!
  • Навигация простая и удобная. Если на сайте большое меню, каталог товаров — то есть система фильтров и поиска, и она работает (а то бывает по-другому: фильтры есть, а товары не фильтруются)!
  • Отсутствие агрессивных всплывающих окон, обилия виджетов, кликбейта. 2007-й давно прошел!
  • Живые фото: не стоковые, не рисованные, а ральные фото команды, товаров, офиса, корпоративов и т. д.
  • Тексты, которые насыщены ключами для вывода сайта в топ и при этом полезны и легко читаются.

Теперь разберем нюансы каждого вида сайтов.

Главная страница интернет-магазина

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

  1. Сделайте многоуровневое меню с фильтрами и подкатегориями, чтобы посетитель быстро нашел нужный товар.
  2. Сделайте узнаваемую иконку корзины, поместите ее в привычное место — в правый верхний угол шапки.
  3. Вынесите на главную разделы «Хиты продаж», «Акции» и «Распродажи», кликабельные баннеры с товарами по скидкам. Все современные маркетплейсы и магазины придерживаются этого принципа.
Главная сайта Wildberries: первый экран занимают баннеры
Главная сайта Wildberries: первый экран занимают баннеры
  1. Сделайте раздел «Новинки». Эта фишка больше для постоянных клиентов, которые знают ваш постоянный ассортимент и заходят в ваш магазин с целью заказать что-то новенькое.
  2. Добавьте блок товарных рекомендаций, который предлагает посетителям товары на основе прошлых покупок или тех страниц, которые они ранее просматривали.
  3. Да-да, я все это смотрела! Не вернуться ли в эти карточки еще раз…
    Да-да, я все это смотрела! Не вернуться ли в эти карточки еще раз…
  4. Соберите основную информацию для покупателей (как сделать заказ, как вернуть товар, какие способы оплаты и доставки имеются) в виде вопросов и ответов и сделайте разделом на главной, чтобы люди не искали это в меню и не тратили время.

Сайты с услугами

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

  1. Сделайте навигацию по основным услугам. На главной расскажите о них кратко и дайте ссылки на страницы с их подробным описанием. По желанию можно указать цены прямо на главной, а можно спрятать их на страницах услуг. А лучше всего и там, и там.
  2. Навигация по услугам на сайте bdbd.ru
    Навигация по услугам на сайте bdbd.ru
  3. Расскажите пошагово, как вы работаете. Во-первых, у клиентов снимется часть возражений, во-вторых, они будут доверять вам, когда поймут, что вам нечего скрывать.
  4. Все прозрачно и понятно
    Все прозрачно и понятно

  5. Приведите социальные доказательства. Покажите посетителям, что ваши услуги пользуются спросом, что вас выбирают, вам доверяют.
    • Опубликуйте имеющиеся сертификаты:
    • Сертификаты агентства «Кокос»
      Сертификаты агентства «Кокос»
    • Не забудьте про награды и места в рейтингах:
    • Первые места в рейтингах
      Первые места в рейтингах
    • Приложите логотипы клиентов (лучше тех, что посолиднее). Покажите кейсы. Надеемся, у вас есть этот раздел в меню, но стоит показать его и на главной — на втором, третьем или последующих экранах:
    Главное в кейсе — показать процесс работы и результат. Лучше визуально
    Главное в кейсе — показать процесс работы и результат. Лучше визуально
  6. Дайте ответы на популярные вопросы клиентов:
Это снимет часть возражений и сэкономит время сотрудников, которые общаются с клиентами
Это снимет часть возражений и сэкономит время сотрудников, которые общаются с клиентами

Сайт продукта

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

  • Оффер, или уникальное торговое предложение. Расскажите, чем ваш товар отличается от других и почему клиент должен его купить. Это может быть уникальная фишка, низкая цена, добавочная ценность, льготные условия и т.п.
И боль потенциального клиента, разумеется. Мой котэ иногда дерет диваны, и этот оффер попал прямо в сердце
И боль потенциального клиента, разумеется. Мой котэ иногда дерет диваны, и этот оффер попал прямо в сердце
  • Теперь подробно расскажите о преимуществах для клиента и свойствах товара.
Впечатляет!
Впечатляет!
  • Если товар сложный в применении, расскажите пошагово, как им пользоваться. Прикрепите фото и видеообзор.
Идеально, если инструкция дается в картинках: это проще воспринимается и снимает часть возражений клиента
Идеально, если инструкция дается в картинках: это проще воспринимается и снимает часть возражений клиента
  • Расскажите о компании-производителе и почему ей нужно доверять. Прикрепите сертификаты, дипломы, награды.
  • Приведите отзывы и кейсы довольных клиентов.
Главное, чтобы отзывы были реальными: фейковые считываются на раз-два
Главное, чтобы отзывы были реальными: фейковые считываются на раз-два
  • Ответьте на популярные вопросы, которые могут возникнуть.
И снова снимаем возражения
И снова снимаем возражения
  • Напишите, сколько стоит товар, дайте скидку. И вишенкой на торте будет форма лидогенерации с призывом к действию.
Простой, но рабочий прием — таймер, который отсчитывает время до конца акции
Простой, но рабочий прием — таймер, который отсчитывает время до конца акции

Информационные сайты

К ним относятся новостные сайты, сайты СМИ и медиа, развлекательные и тематические порталы, городские сайты и форумы. Словом, все, у кого продажа товаров или услуг — не главная цель (но вполне себе источник дохода).

  1. Часто владельцы таких сайтов забывают об УТП: дескать, раз мы ничего не продаем, о каком торговом предложении может идти речь. Это в корне неверно: УТП нужно, чтобы пользователь понимал, куда он попал и что тут происходит.
  2. УТП Википедии — свобода редактирования
    УТП Википедии — свобода редактирования

    Возьмем другой пример:

    УТП журнала Starhit — самые горячие новости шоу-бизнеса. Там была Бузова и мы не стали скринить дальше, не благодарите
    УТП журнала Starhit — самые горячие новости шоу-бизнеса. Там была Бузова и мы не стали скринить дальше, не благодарите
  3. Продуманное меню на сайте и поиск, особенно если речь идет о портале. Возьмем любой городской портал, где освещается спорт, культура, политика и новости с резонансными событиями. Чтобы он не превратился в винегрет, продумайте удобную навигацию. Можно, например, выделить сайдбары — дополнительные колонки слева или справа, в которых можно разместить важные разделы или рекламу.
  4. Если сайт предполагает активную коммуникацию с пользователем, вынесите на главную интерактивные элементы: опросы, голосования, конкурсы.
  5. Отдельно хочется похвалить сайты администраций: в последние годы из нечитаемых монстров многие превратились в удобные легкие сайты
    Отдельно хочется похвалить сайты администраций: в последние годы из нечитаемых монстров многие превратились в удобные легкие сайты
  6. Учитывайте, что вас будет читать самая разная аудитория. Делайте главную максимально понятной и удобной, подбирайте простые слова, не злоупотребляйте терминами. Вас должен понять и профессор, и домохозяйка.

Ошибки владельцев сайтов на главной странице

  1. Рассказать абсолютно все на главной. Понимаю, хочется это сделать и дать посетителю максимум информации, но все же выделите главное, а остальное разнесите по разделам.
  2. Превратить главную в калейдоскоп: тут вам и виджеты, и всплывающие окна, и видеоролики, которые включаются в самый неудобный момент — например, когда ваш клиент на работе. Это не только раздражает пользователя, который вынужден продираться к сути сквозь терновые кусты, но и снижает скорость загрузки сайта.
  3. Говорить не о пользователе, а о себе. Любой компании хочется рассказать всему миру, какая она замечательная, но миру интересно другое: как вы поможете ему, как решите его проблему. Вот и говорите на языке клиента, рассказывайте, чем можете быть ему полезными. Не «Имеем огромный опыт в продвижении по позициям», а «Выведем ваш сайт в топ». Не «У нас самые лучшие в мире когтеточки», а «Сделаем так, чтобы ваш котейка не драл диваны».
  4. Забывать о визуальной части. Раньше было модно делать разнообразные фоны: чем оригинальнее, тем лучше, и иллюстрировать сайты стоковыми картинками. Теперь чем проще, тем лучше: лаконичный фирменный стиль — сам по себе отличный узнаваемый визуал. Дополните его изображением товаров, фотографиями сотрудников, видеороликами производственного процесса, графиками и диаграммами с результатами работы.
Всегда доверяешь больше реальным людям с фото, чем безымянным сотрудникам
Всегда доверяешь больше реальным людям с фото, чем безымянным сотрудникам

Коротко о главном (а точнее — главной!)

  • Какой бы ни была тематика и направленность сайта, базовые правила главной неизменны.
  • Уделите особое внимание структуре и обязательны блокам сайта: шапке, офферу, услугам, актуальному, тарифам, футеру.
  • Не пренебрегайте юзабилити, дизайном, текстами— это делает сайт удобным и полезным.
  • Обратите внимание на нюансы разных видов сайтов: для интернет-магазинов важны ассортимент и навигация, для сайтов услуг — кейсы и социальные доказательства, и т. д.

Оценить статью
4 ответов

Комментарии

Написать комментарий
Популярные статьи автора
Узнайте стоимость продвижения сейчас
Выберите удобный способ связи:
Выберите удобный способ связи:
Введите Ваш номер телефона:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Введите Ваш Email:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Вы уже проголосовали
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
я представляю компанию
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Цена лидов в различных нишах
Тематика Стоимость лида (Москва/Россия)
Отдых 500
Мебель 350
Оборудование 500
Бансковские услуги 500
Безопасность 500
Организация мероприятий, концерты, праздники 500
Недвижимость 500
Строительство и отделка 500
Грузоперевозки 500
Доставка еды 350
Юридические услуги 500
Бухгалтерские услуги 500
Пластиковые окна 500
Детские товары 350
Автозапчасти 350
Образование 500
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
У меня есть сайт
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Оставить заявку сейчас
Ваше имя*
Введите адрес Вашего сайта:*
Введите Ваш номер телефона:*
Введите Ваш e-mail:*
Введите Ваш ник в телеграм:
Выберите интересующую услугу *
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Подпишитесь на рассылку
Не пропустите самое интересное из мира SEO и Digital. Только актуальные и самые крутые статьи.
Заявка успешно отправлена!
Наши сотрудники уже приступили к анализу Вашего сайта. Наш менеджер свяжется с вами в течение дня, спасибо!