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

Главная страница сайта - одна из самых важных страниц, которая отвечает за все: останется ли пользователь на сайте, понравится ли ему веб сайт, заинтересует ли его предложение компании и сама компания. На главную страницу возлагается огромная ответственность. От нее зависит первое впечатление обо всем сайте и желание пользователя остаться на нем или уйти.

А теперь еще раз просмотрите главную страницу своего сайта и подумайте, создает ли она то впечатление, которое от нее требуется?

1

В чем ценность главной сайта?

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

Являясь лицом сайта, главная страница выполняет несколько ключевых задач:

  • Информационная - дает понять посетителю сайта куда он попал, чем занимается компания, что предлагает;
  • Направляющая - с помощью меню, навигации и активных кнопок дает возможность пользователю быстро ориентироваться и передвигаться по сайту в поиске интересующей его информации. Это делает сайт более простым и понятным для человека;
  • Продающая - повышает доверие к компании за счет демонстрации ее преимуществ, выгод для пользователя, а также качественной рекламы основных товаров или услуг;
  • Коммуникативная - позволяет взаимодействовать с клиентами с помощью интегрированных соцсетей, функции онлайн-помощника или формы обратной связи.

По сути, главная страница выполняет задачи лендинг пейдж. Она должна иметь логическую и продающую структуру и другие конверсионные элементы (о них мы поговорим позже). Единственное, что отличает главную страницу от landing page - это больший объем контента и функционала.

2

Что посетитель должен найти на главной странице сайта в первую очередь?

Ваш потенциальный клиент попадает на главную страницу сайта. У вас есть не более 10 секунд, чтобы задержать его и заставить дальше серфить по страницам. Как это сделать? Правильно подать информацию и ответить на его вопросы, которые у него уже сформировались.

Кто вы?

Дайте своему посетителю громкий и четкий ответ что вы за компания, как она называется. Не заставляйте своего потенциального клиента бродить по странице в поисках этого главного ответа. Уж поверьте, лишь один посетитель из 100 будет тратить свое время на поиски. Поэтому четко обозначьте название компании и оформите ее логотип в начале страницы в самом видимом месте - в левом верхнем углу или посередине.

3

Это требование актуально для всех сайтов независимо от их предназначения. Даже на инфопортале следует указать его название.

Чем занимается ваша компания?

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

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

4

Что мне предлагают?

Ответ на этот вопрос должен быть виден потребителю в первые же доли секунды. Неважно большой ли вебсайт с сотнями страниц или небольшой ресурс, предназначенный для продажи нескольких услуг. Сделайте так, чтобы пользователь сразу увидел что ему предлагается. Вынесите основной оффер в визуальную часть страницы. Если это интернет-магазин, то продемонстрируйте несколько товаров или каталог. У человека при визуальном восприятии товара сразу появляется вопрос сколько он стоит. Почему бы не предоставить ему эту информацию?

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

5

Почему я вам должен доверять?

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

6

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

7

Что делать дальше?

Посетитель решил ближе познакомиться с компанией и ее деятельностью, подробнее рассмотрев сайт. Не заставляйте потребителя искать пути для его дальнейшего действия, дайте подсказку что ему дальше делать. Разместите навигационные кнопки, которые помогут клиенту перейти на другую страницу. Такие кнопки должны быть на каждой странице для удобного перехода между ними. Создавайте необходимые ссылки, если хотите, чтобы юзеру было удобно пользоваться сайтом и ему не захотелось уйти с него.

Что разместить на главной странице сайта?

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

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

8

Теперь все поменялось. Главная страница, которая одновременно учитывает потребности ЦА и раскрывает бизнес компании, представляет собой краткое превью всего сайта. Это помогает сразу заинтересовать посетителя содержанием сайта и помочь ему как можно быстрее перейти в ту категорию, которая ему нужна. И хоть не существует единой структуры и общего перечня элементов, которые должны присутствовать на сайте, основные мы все же выделим.

Здесь важно сделать примечание. В зависимости от вида и назначения сайта, потребности у ЦА отличаются. Поэтому и наполнение главной элементами будет отличаться.

Заголовок

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

9

Уникальное торговое предложение

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

Навигация

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

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

К первичной информации могут относиться раздел контактов, о компании, информация о доставке и остальное, что понадобится посетителю для сотрудничества с фирмой. Она часто оформляется более мелко по сравнению с основной графой навигации, где размещаются ссылки на ключевые категории.

Поиск по сайту

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

10

Картинки

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

11

Призывы к действию

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

12

Блок преимуществ и выгод

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

Подвал

В навигации размещаются самые важные ссылки, ведущие по сайту, которые приносят максимальную пользу для посетителя. Остальные же можно разместить в подвале главной страницы. Это те ссылки, которые не несут основную ценность, но смогут помочь человеку найти на сайте дополнительную информацию, которая его может заинтересовать. Также зачастую в подвале размещаются иконки социальных сетей, контакты в микроразметке, техническая информация и карта проезда.

13

Ключевые слова

Не забываем и о SEO продвижении главной страницы. Для этого подбирайте самые общие и конкурентные ключевые запросы вашей ниши именно для главной страницы сайта. Они позволят вам привлечь дополнительный трафик из поиска. Мы не рекомендуем выделять их жирным или размещать искусственно на странице. Но стоит обязательно эти запросы включить в заголовки, подзаголовки и текст страницы в естественном виде (без манипуляций и искусственного внедрения). Не забудьте также их использовать в Title, мета описании (Description) и атрибутах alt картинки.

Какие элементы нужны на главной в зависимости от вида сайта

Наличие тех или иных элементов на главной напрямую зависит от вида сайта. Рассмотрим какие элементы нужны на главных страницах в зависимости от специфики ресурса.

Интернет-магазины

Из-за широкого ассортимента товаров клиент может запросто потеряться на сайте, так и не найдя то, что его интересует. Поэтому важно его сориентировать и замотивировать, разместив:

  1. Блок основных категорий. Такой блок с крупными иконками категорий упрощает пользователю поиск по навигации и позволяет перейти в интересующую группу товаров всего за пару кликов.
  2. Баннер с акцией, чтобы заинтересовать посетителя горячими и выгодными предложениями
  3.  Лидеры продаж. Мотивационный блок для посетителя с высокой вероятностью конверсии. Как он работает: посетитель видит товары, которые чаще всего продаются - понимает, что раз их часто покупают, значит, они либо по выгодной цене, либо имеют отличное качество - хочет себе такой же товар, чтобы успеть ухватить классное предложение.
  4. Новинки на сайте. Главная страница поможет продвинуть товары, которые впервые появились в ассортименте компании.
  5. Акции и скидки. Расскажите обо всех акциях и скидках, проводимых вашей компанией, показав пользователю его явную выгоду.
  6. Новости, статьи, видео. Разместите блок с превью видеообзоров или статей, чтобы ухватить внимание посетителя и помочь ему черпнуть ценную информацию.

Сайт услуг

Итак, какие элементы на главной особенно важны для сайта услуг:

  1. Каталог услуг. Пользователь должен знать какие услуги оказывает компания. Каталог должен быть полным, включать в себя весь комплекс услуг с активной кнопкой для перехода в выбранную категорию.
  2. Портфолио работ. Убедить посетителя стать клиентом поможет портфолио. Это один из немногих элементов, который свидетельствует об опыте компании и ее возможностях. Портфолио должно содержать реальные фотографии услуги, оказанной организацией. Например, если компания занимается строительством, то должна показать фото реальных объектов, построенных ею. Или, как в нашем примере, на главной сайта салона красоты приведено фото до/после
  3. Отзывы. Необязательный элемент на главной, но не лишний. Почему? Потому что очень важно укрепить доверие к своей компании, показать что о ней говорят реальные клиенты. Отзывы - это блок доверия, к которому обращается пользователь, если не может принять окончательное решение.

В качестве элементов доверия, когда блок отзывов неуместен (например, на сайтах услуг психолога, нотариуса и др., когда клиенты не хотят афишировать свои проблемы и оставлять отзыв) на главной могут размещаться изображения сертификатов качества, дипломов, писем благодарности - то, что создает о компании положительное впечатление.

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

Инфопортал

Для инфопорталов очень важна правильная и грамотная навигация, а также наличие поиска, чтобы посетитель моментально смог найти ту информацию, которая ему интересна. В качестве основных элементов на начальной странице можно выделить:

  1. Каталог/категории информации по темам. Инфопорталы имеют большую целевую аудиторию, поэтому важно ее сориентировать, разбив общую информацию по категориям.
  2. Сейчас читают. Покажите посетителю какие темы в данную минуту читаются на сайте. Он не устоит и обязательно просмотрит их, а это именно то, что нам нужно - удержать пользователя на сайте.

Что делает дизайн главной страницы сайта хорошим?

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

Правило одного экрана

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

14

Группируйте информацию

Очень часто встречается ошибка на главной, которая создает большой дискомфорт для пользователя. Информация, которая относится к одной группе, находится в разных частях страницы. Человеку приходится участвовать в настоящем квесте, чтобы найти то, что его интересует. Такие квесты, чаще всего, заканчиваются неудачно: сайт закрывается и забывается навсегда. Вся однотипная информация должна быть сгруппирована - все возможные контакты помещены в один блок, кнопки, взаимосвязывающие с социальными сетями - аналогично. Большим и жирным минусом для вас станет размещение адреса и номера телефона компании в шапке страницы, а электронного адреса в подвале. Этим вы лишь все усложните и потеряете часть своих клиентов, которым удобная связь с помощью e-mail.

Помните о кроссбраузерности

Главная страница, как и сайт со всеми своими элементами, должны правильно отображаться на всех популярных браузерах, как на мониторе в 29 дюймов в браузере Mozilla, так и на 11-дюймовом экране нетбука в браузере Chrome. При этом необходимо следить, чтобы все элементы были на своих местах и имели дизайн, который был разработан специалистами. Иначе испорченное впечатление у пользователя станет всего лишь мелочью по сравнению с его желанием никогда больше не посещать ваш сайт.

Работайте над юзабилити

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

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

Что написать на главной странице сайта?

Контент должен работать на компанию, максимально раскрывать и описывать все тематические элементы, важные для бизнеса. В зависимости от вида сайта, контент главной страницы будет отличаться. Например, на начальной странице интернет-магазина необходимо разместить всю информацию об ассортименте (основные категории, новинки, рекомендуемые и ожидаемые товары и т.д.). Если у нас сайт услуг, то контент должен раскрывать основные услуги, их преимущества и ценности.

Также контент должен презентовать дополнительные элементы, необходимые для поддержания и развития бизнеса. Если говорить обобщенно, то это:

  • Портфолио с работой компании;
  • Краткое описание последних или популярных публикаций в блоге;
  • Блок мероприятий, новостей или превью новостей с активной ссылкой для перехода в отдельный раздел;
  • Блок социальных доказательств (награды, сертификаты, отзывы, видеообзоры и др.)

Элементы могут дополняться или меняться в зависимости от специфики бизнеса и целевой аудитории компании.

Основные ошибки при оформлении главной страницы

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

Неправильная структура страницы

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

Что делать? Не тратить впустую время потребителя на поиски нужной ему информации. Основную информацию размещайте в начале страницы, не забыв о логотипе, названии компании и ее деятельности. Всех элементов должно быть в меру, а сама структура выглядеть аккуратной и логичной.

Огромное количество картинок

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

Сочетание цветов

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

Как сделать главную страницу сайта, которая будет работать на ваш бизнес?

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

  1. За несколько секунд дает понять пользователю как называется компания и что она предлагает;
  2. Демонстрирует преимущества компании и отличия от конкурентов;
  3. Имеет удобную и понятную навигацию, соответствует требованиям юзабилити;
  4. Имеет дизайн, соответствующий бизнесу и ЦА;
  5. Имеет полное наполнение контентом, необходимого для целевой аудитории и удовлетворения ее интересов и запросов;
  6. Имеет призывы к действию и активные кнопки для перехода на другие разделы сайта.

При разработке структуры, оформления главной необходимо ориентироваться на тип сайта, бизнес компании и цели ресурса. Но главным наставником для вас по-прежнему должна оставаться целевая аудитория. Лишь ее анализ сможет подсказать на какие элементы стоит сделать акцент, а о каких и вовсе придется забыть.

Контакты

Если есть что-то, о чем вы хотите поговорить, пожалуйста, не стесняйтесь связаться с нами. Даже если вы просто хотите поздороваться, мы с нетерпением ждём от вас сообщения!

Получите детальное коммерческое предложение
1

Готовы разработать крутой сайт?

+7
Поиск
    Выбрать файлы No file chosen
    Позвоните нам сегодня
    Пишите, договоримся!
    Социальные сети
    © 2013 - 2024 | «Студия web дизайна dharma design» ИП Доманов М.В., ОГРНИП 314595807600100