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

Основная цель главной страницы сайта

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

Виды главных страниц

Наполнение главной страницы непосредственно зависит от направленности сайта (продажа товаров, предоставление услуг, раскрутка бренда, блог, изложение информации и т. д.). Соответственно, существует множество видов главных страниц. Рассмотрим основные виды.

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

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

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

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

Важно!

Контактные данные, формы обратной связи

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

Призыв к действию и возможность легкого выполнения действия

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

Удобный и понятный дизайн, хорошее юзабилити

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

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

Логотип

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

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

Навигация

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

Шапка с логотипом и футер с технической информацией

Первое, что мы делаем, создавая страницу, - оформляем «шапку» и «подвал» (футер) ресурса. «Шапка» может содержать логотип компании, контактную информацию, меню. Многие забывают о «подвале», то есть нижней части, а зря! Дело в том, что многие посетители, прочитав весь текст, само собой опускаются вниз страницы, в надежде просмотреть еще что-то интересное или просто оценить веб-сайт. Поэтому, мы советуем поместить в футер (подвал) тематические и полезные ссылки, которые могут пригодиться посетителю.

Хорошая цветовая гамма главной

Выбор цветовой гаммы должен основываться на таких правилах:

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

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

Графика и мультимедиа

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

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

Что может быть на главной и не будет лишним

Значительно усилят симпатию посетителя к сайту такие элементы как:

• видео-контент с кратким описанием сайта
• товарные новинки / последние новости
• фото компании / команды

Многие люди с уверенностью скажут: «лучше посмотреть видео, нежели читать». Это в особенности касается описания сайта. Для создания такого видео стоит пользоваться услугами профессионалов, так как эта презентация - лицо сайта.

Использование товарных новинок и актуальных новостей подчеркнет тот факт, что сайт живой.

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

Топ 5 лучших примеров главных страниц интернет магазинов

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

1. Terrasport . Этот сайт может продать все что угодно. Здесь представлены наиболее яркие и привлекательные рекламные объявления. Кроме общих обязательных, грамотно расположенных элементов, здесь можно увидеть фильтры по увлечениям, популярным категориям и даже распродажам. Данный сайт имеет множество страниц, что при правильной структуре является огромным плюсом.

2. МКЛ . Сайт МКЛ - это яркий пример главной страницы сайта - простой и эффективный.

Он отличается:

• простым и запоминающимся логотипом
• четкой структурой
• ограниченным количеством цветов
• динамической рекламой

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

3. Merit . Данный интернет-магазин является примером сложно структурированного сайта. Здесь достаточно много всего: отдельными блоками выделены бренды, акции, новинки и т. д. Главным преимуществом страницы является динамичность и удачное расположение всех элементов. Контакты представлены тремя номерами разных мобильных операторов, а также стационарным номером. Четко разграниченные разделы для быстрой навигации по товарам.

4. Parfums . Простой дизайн и четкая структура данного ресурса направлены на акцентированное внимание на парфюм, подчеркивание его красочности. Это способствует направлению внимания только на товар, а не на сайт, что дает свои результаты. Страниц здесь очень много, но запутаться достаточно сложно, из-за наличия четких фильтров.

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

Топ 5 лучших примеров главных страниц продуктов/услуг

1. Promex . Почему главная компании Промэкс лучшая?

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

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

3. Goodfix . На сайте нет ничего лишнего: сразу к делу! Невооруженным взглядом видно, что страница создавалась с целью заинтересовать и оставить человека, которому нужен ремонт ноутбука или ПК.

На главной представлен список предлагаемых услуг с интересной визуальной подачей, ценовая политика, основные преимущества, адрес. Также есть сразу две кнопки для связи с представителем «Заказать звонок» и «Напишите нам, мы онлайн», что подталкивает клиента сделать нужное действие. Стоит также отметить широкий диапазон контактов: Вайбер, Телеграм, Инстаграм и т. д.

4. Antonika Varizko Photografy . Данный сайт информирует об услугах фотографа. На странице несложный, но креативный дизайн и привычное расположение навигации, которое помогает клиенту быстрее совершить необходимое действие.

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

5. Art 79 . Пример бюджетного сайта, который отвечает на все вопросы посетителя. Это доказательство того, что даже с минимальным бюджетом можно сделать полезный сайт.

Заключение

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

В погоне за совершенством избегайте ловушек: не перегружайте домашнюю страницу лишними элементами.

Используйте «Вебвизор», чтобы понять поведение и потребности посетителей. Внедряйте наши советы и у вас получиться создать работающее лицо вашего онлайн-ресурса!

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

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

Способы размещения данных на главной странице

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

1. Публикация в полном объёме

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

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

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

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

2. Публикация цитат

Другой способ - публикация лишь отрывков сообщений со ссылками на полный вариант для тех, кому он интересен.

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

Вынос цитат на главную страницу сейчас применяется широко. Преимущества этого решения:

* Лёгкость беглого просмотра
Большинство пользователей предпочитают наскоро просматривать содержание главной страницы, чтобы знать, что там есть и какова тематика публикаций. Длинные тексты затрудняют ознакомительный просмотр. Выдержки позволяют посетителям быстро и легко находить последние добавления и выбирать из них интересные.

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

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

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

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

3. Журнальный стиль оформления

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

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

Журнальный стиль имеет все преимущества использования цитат в дополнение к собственным. Перечислим их:

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

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

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

Примеры оформления главных страниц блогов

Выдержки:

:
Такой способ выноса цитат с пиктограммами по левому краю довольно популярен.

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

:
Картинки на главной странице расположены справа от цитат.

:
Текстовые выдержки без картинок.

:
Очень короткие цитаты и по одной пиктограмме из развёрнутых публикаций к каждой.

:
Выдержки их трёх последних публикаций, каждая с картинкой.

:
Необычная разметка с разбивкой по центру. Пять цитат из сообщений расположены слева.

:
Картинки на этой главной странице находятся сверху, а не рядом с цитатами.

:
Пример гибкости оформления, достигаемой выносом цитат на главную страницу. Разместить здесь тексты целиком в двух таких столбцах было бы невозможно.

Выдержки и выделение фрагментов:

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

:
Подобное комбинированное решение использовано и здесь.

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

Журнальный стиль:

:
Четыре заголовка вынесены в ряд (в своих разделах) над цитатами из последних сообщений. Самые свежие новинки ("Latest Tees") - слева от цитат.

:
Выдержки из "Редакторской подборки" ("Editor’s Picks") даны в основной колонке, а заголовки последних публикаций блога - справа.

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

Но вот создается впечатление, что о чем писать на главной станице сайта - тайна за семью печатями. Как иначе объяснить наличие всяких «Добро пожаловать, вы попали на сайт компании», «Рады приветствовать вас на сайте интернет-магазина» и полотен текстов вместе с ними? И нет, мы не выдумываем, количество такого контента до сих пор зашкаливает, хотя давно пора от него избавиться и писать для людей. Однако стоит заглянуть в выдачу, и вуаля:

Признайтесь себе честно, вынесли из этого текста что-то полезное? Да и вообще, стали бы его читать, визуально привлек он вас? Вот то-то и оно.

Или вот еще вариант покороче, но также не несущий никакой пользы:

Поприветствовали нас на сайте, пожелали приятных покупок, но ни о чем полезном не рассказали.

Или еще такая главная с текстом:

Замените слово «кухня» на любое другое, и готов «приветственный» текст для любой тематики - от ремонта квартир до дивана на заказ. Но поможет ли он задержать посетителя на сайте и привести его к покупке - это вопрос.

Еще раз о важном: зачем писать текст на главную страницу?

Хороший текст на главной - это в первую очередь грамотный и внимательный продавец . Кто еще расскажет о вашем продукте или услуге и буквально за руку подведет к покупке?

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

Клиенту хватит буквально пары секунд, чтобы понять, интересна ему страница или нет. Одного яркого дизайна, красивого логотипа и простого перечисления товаров недостаточно. «Добро пожаловать» или «Рады вас видеть» тоже привлечь человека не помогут. Вам нужно заинтересовать посетителя так, чтобы он не закрыл сайт и не ушел к конкурентам. Да и важность текстового фактора для ранжирования никто не отменял.

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

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

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

При этом важно не лить воду и не разводить огромные скучные портянки текста. Достаточно будет написать на главную страницу сайта текст объемом около 2000 символов.

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

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

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

Как писать текст на главную страницу?

Представьте, вы интересуетесь строительством дома и выбираете подрядчика. Отбросив в сторону дизайн, какой из текстов более понятен и вызывает доверие:

Первый - поток сознания без какой-либо конкретики, или второй - хорошо структурированный, продуманный текст с фактами и разбивкой на смысловые блоки? Вывод напрашивается сам.

Интуитивно составленный текст обо всем и сразу хорошим «продажником» не будет. Фактически вы выливаете на человека ушат холодной воды, при этом не поясняете ничего и оставляете его с информацией один на один. Что он будет с ней делать и что должен с ней делать - это уже остается за кадром. Так делать нельзя. =)

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

При этом не надо изобретать велосипед, есть проверенные схемы продающих текстов:

• AIDA (Внимание - Интерес - Желание - Призыв к действию)
• ACCA (Внимание - Понимание, восприятие аргументов - Убеждение - Призыв к действию)
• PAS (Проблема - Внимание - Решение)
• ODS (Оффер - Ограничения - Призыв к действию) и т.д.

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

Какие блоки и информацию использовать?

Вернемся к примеру выше. Итак, вы живете в Московской области и хотите обзавестись собственным домом.

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

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

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

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

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

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

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

Максимально полный список блоков при написании текста на главную страницу выглядит так:

• заголовки;
• теглайн в шапке;
• УТП и текст в первом экране;
• описание товара \услуги;
• цены и их обоснование;
• преимущества с упором на выгоды клиента;
• гарантии;

• сертификаты\документы;
• наглядные и подробные кейсы;
• схема работы;
• акции\скидки\спецпредложения;
• информация о сотрудниках компании;
• отзывы;
• дополнительная важная и полезная информация;
• слайдеры;
• призыв к действию.

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

Мастхевы или что не забыть написать на главной странице сайта

Цепляющие заголовки

Это первое, что видит человек на странице и от этой информации зависит 70-80% успеха. Если заголовок пользователя не зацепил, то дальше он читать не будет. Поэтому важно четко понимать, что вы можете дать целевой аудитории и озвучить ей самое заманчивое предложение. Также нужно не забыть использовать ключевые слова, эра космического поиска может и пришла, но от грамотной оптимизации отказываться все равно рано.

Никакого заголовка нет и в помине. Глазу не за что зацепиться в тексте, не ясно, куда ты попал и что на сайте можно найти.

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

Информация о продукте или услуге

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

Вот отличный пример того, как делать не стоит:

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

Здесь же видим обратную картину: указано из чего сделан корректор, что это пользователю дает. Рассказано, как корректор работает и в каком случае поможет.

И ведь это не огромное занудное описание - все кратко и понятно. Клиент сразу получает представление о товаре, ничего дополнительно искать или додумывать не придется.

Цены

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

А) «не хочу, чтобы мои цены видели конкуренты, поэтому их никогда не укажу»;

Б) «у меня нет фиксированной стоимости, все просчитывается индивидуально».

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

Представьте, вы пришли в «Эльдорадо» за чайником, а там вместо ценников на всех товарах табличка «запросите прайс у продавца». Оно вам надо? Логичнее и проще пойти в «М-Видео», посмотреть цены и купить.

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

Несколько примеров реализации для вдохновения:

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

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

Никаких «у нас только высоквалифицированные профессионалы» и «мы динамично развиваемся, и поэтому вы получите только самое лучшее». Не пиарьте себя и не ставьте в преимущества уже приевшиеся клише:

Сплошное «мы-мы-мы» и одна вода. Какие сроки, как качество проверить - тайна, покрытая мраком.

Рассказывайте о вещах в мире клиента: «доставим до двери в течение 1 дня - вам не придется ждать товара неделями», «дадим вам гарантию в 50 лет, т.к. уверены в качестве нашего товара». Продавайте не себя, а выгоды. Как это сделать, мы подробно писали в этой статье.

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

Прямо пишите, что должен сделать посетитель после прочтения текста: позвонить, написать, нажать кнопку, перейти в каталог и т.д. Целевое действие, оно же CTA , фактически является элементом гипноза. Оно стимулирует, дает пользователю четкую инструкцию, что и как следует сделать для получения товара или услуги.

Часто сталкиваемся с такой ситуацией, когда клиент просит убрать CTA и все прочие «очевидные элементы» - мол его посетители и так догадаются что к чему, не надо из людей идиотов делать. Так вот, не догадаются: представьте, вы пришли на сайт, пролистали 5 экранов текста и вдруг он резко закончился. Ни телефона, ни ссылки, ни формы, ни кнопки. Куда обращаться-то? В шапку вернуться - это опять что-то листать и прокручивать. А если и там не будет контактов компании - вообще беда, искать на других страницах уже никто не будет. Поэтому получается такая картина: вроде написали на главную страницу сайта текст, причем неплохой, человек им заинтересовался, а как с вами связаться - элементарно не указали. Как итог, клиента потеряли.

Вот несколько хороших примеров оформления CTA:

Доставка, оплата, схема работы

В двух словах обозначьте сроки доставки, укажите, как оплачивать услуги или товар.

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

Это снимет лишние вопросы и повысит доверие - все четко, прозрачно, а значит никаких подводных камней и обмана.

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

От чего сразу и бесповоротно можно отказаться на главной

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

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

Вместо выводов

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

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

Главная страница сайта – это витрина, «парадный вход», на котором посетители:

• знакомятся с вашей компанией;
• узнают, о чем этот сайт;
• узнают, чем вы можете быть им полезными.

Это отправная точка, с которой можно продолжать . Это презентация вашего бизнеса.

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

Элементы главной страницы

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

1. Шапка сайта (или хедер). Это самая верхняя часть страницы, на которой обычно размещен логотип и название компании (в правом верхнем углу). Может включать в себя телефоны компании, рабочие часы, кнопку обратного звонка, адрес электронной почты, кнопки социальных сетей – все зависит от ваших целей.

2. Меню. Оно может быть горизонтальным, вертикальным, комбинированным, но главная цель – дать посетителю понять, как перейти в другие разделы сайта. Сейчас модно прятать меню под значок-гамбургер или в боковую панель. Главное правило, о котором нельзя забывать — красота не должна вредить функциональности вашего сайта. Если пользователям не будет понятно, как пользоваться вашим новомодным меню – лучше сделать выбор в пользу простой классики.

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

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

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

7. Подвал сайта, или футер. Это завершающий блок страницы, в который обычно выносят полезные ссылки (например, на пользовательское соглашение), копирайт, иногда – карту проезда и контакты, могут перечислить филиалы и т.п.

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

Что должно быть на главной странице сайта с точки зрения маркетинга

Помните, что каждый элемент страницы должен доносить основную идею сайта. Только так вы сможете вступить с пользователем в полноценный диалог. Для этого главная страница должна содержать (с точки зрения маркетинга) следующие элементы:

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

Вот здесь кратко и просто указали в одном предложении все выгоды от использования сервиса (бесплатно и просто).

2. Текст или другой контент , который понятно разъясняет:

• кто вы;
• что предлагаете;
• что пользователь может сделать на этом сайте;
• ваше уникальное торговое предложение (УТП), которое пояснит, чем вы отличаетесь от других подобных компаний.

Если пользователю все это будет не понятно, он просто закроет ваш сайт.

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

3. . Это может быть лид-форма, кнопка CTA, отправляющая на страницу с более подробной информацией, и т.п. Самая главная цель этой страницы – удержать посетителя и провести его до следующего этапа воронки продаж. На главной странице лучше всего размещать не один, а два призыва к действию – первичный и вторичный. Например, для уже зарегистрированных пользователей – кнопка «Войти», которая не так ясно выделяется; для тех, кто зашел впервые – кнопка «Регистрация».

У Дропбокс на главной странице два призыва к действию – войти или попробовать решение для бизнеса.

4. . Обратите внимание – именно выгоды, а не ваши преимущества. Укажите, почему клиенту будет хорошо с вами, какие его проблемы вы можете решить.

Это можно оформить по-разному: слайдером; отдельными блоками; списком. Главное – чтобы это было легко заметить и просто прочесть.

Хороший пример – страница Evernote. Тут очень хороший заголовок, но и перечисление выгод очень хорошо оформлено. Завершает это все четкий призыв к действию.

5. Демонстрация продукта или лучшие работы . Это могут быть фото, или видео, или фотогалерея. Покажите, что вы делаете, убедите не словом, а делом. Картинка (а тем более видео) стоит тысячи слов.

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

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

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

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

Вот пример вывода такой статистики:

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

Сделайте это обязательно:

Примеры главных страниц под разные цели

Текстовая информационная страница

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

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

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

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

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

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