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

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

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

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

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

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

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

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

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

Важно!

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

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

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

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

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

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

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

Логотип

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

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

Навигация

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

У вас не будет второго шанса произвести первое впечатление второй раз. Вот почему главная страница — одна из самых важных страниц вашего сайта. Если новому посетителю не нравится то, что он видит, не сомневайтесь, что он нажмет кнопку «Назад». Многие пользователи до сих пор судят о книге по обложке.

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

На любой главной странице должны быть следующие элементы:

  • Ясный ответ на вопросы пользователя: «Кто вы?», «Что вы предлагаете?» и/или «Что я могу сделать здесь?». Ваша компания ​​должна ответить на эти вопросы так, чтобы каждый посетитель понял, что оказался в нужном месте. Если пользователи в течение нескольких секунд не смогут найти ответ на поставленные вопросы, следующий их шаг — это отказ!
  • Резонанс с целевой аудиторией. Главная страница должна говорить с целевой аудиторией на ее языке. Старайтесь избегать «корпоративной абракадабры» и устраните все лишнее и отвлекающее.
  • Ценное предложение. Заголовок и еще раз заголовок! Выразите смысл своего товара или услуги в одном предложении так, чтобы у пользователей не возникло желания поискать что-то получше у ваших конкурентов. Решение проблемы — вот о чем необходимо писать; не нужно перечислять технические составляющие оффера.
  • Юзабилити. Все страницы, показанные ниже, очень удобны: на них легко ориентироваться, на них нет «кричащих» объектов, например, флэш-баннеров, анимаций или других чрезмерно сложных и ненужных элементов. Многие также оптимизированы для мобильных устройств, что очень важно в современном веб-маркетинге.
  • Призыв к действию (). На каждой из 15 примеров главной страницы эффективно использованы первичный и вторичный СТА-элементы. Они направляют посетителей к следующему шагу. Например, «Бесплатная пробная версия», «Купить сейчас» или «Подробнее». Помните, что цель главной страницы — удержать посетителей на вашем сайте и провести их до конца воронки конверсии.
  • Общий дизайн. Хорошо продуманная страница — залог успеха в воспитании лояльности пользователей к бренду, настройке связи с целевой аудиторией и продвижении пользователей в воронке конверсии.
  • Не останавливайтесь на достигнутом. Если вас устраивает коэффициент конверсии вашего ресурса, знайте, что его можно увеличить на 10-50% с помощью несложного сплит-теста главной страницы.

Этот пример главной страницы сайта html гениален, потому что:

  • Удачно использовано сочетание цветов и эффективно расставлены СТА-элементы.
  • Очень заманчивый текст на СТА-элементе: «Попробуйте бесплатно в течение 30 дней».
  • Эффектный подзаголовок: «Для более 5 миллионов людей, использующих FreshBooks, финансовая отчетность теперь не проблема». Это заявление привлекательно для целевой аудитории, потому что освоение бухгалтерского программного обеспечения, как правило, мучительно сложно для фрилансеров и владельцев малого бизнеса.

2. Золотая семерка: lp пример с удачным оформлением отзывов

Это гениально, потому что:

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


3. CloudPassage: видео на главной странице

Это гениально, потому что:

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

4. Box

Это гениально, потому что:

  • Домашняя страница Box является отличным примером того, как красиво разместить на главной странице информацию, используя силу визуальных эффектов и текстового контента. Простой, но сильный заголовок.
  • На главной странице отлично смотрятся логотипы заказчиков с надписью «Более 140,000 компаний используют Box», доказывающие популярность бренда.
  • Дополнительное доверие вызывают размещенные на видном месте контакты для сайта. Пример Box содержит хорошо заметный номер телефона вверху страницы.

5. Aweber: пример хорошей текстовой страницы

Это гениально, потому что:

  • Текстовая страница с сильным заголовком «7 причин подписаться на рассылку бесплатных советов по емейл-маркетингу» сообщает посетителю о множестве бонусов и предъявляет социальные доказательства.
  • Данная страница повысила процент подписок на рассылку на 321%.

Это гениально, потому что:

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

7. Evernote.com: пример страниц описания сайта

Это гениально, потому что:

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

Это гениально, потому что:

  • С первого взгляда ясно, о чем этот сайт. И хотя большинство посетителей наверняка знает, что делать в случае блокировки телефона, на этой странице есть небольшое описание решения этой проблемы.
  • Эффект главной страницы построен на контрасте цветов и силе элементов доказательства. Например, «Доверие миллионов: разблокировано более 4 млн. телефонов».
  • Короткая лид-форма, размещенная непосредственно на странице вместо кнопки призыва к действию, избавляет пользователей от необходимости перехода и ожидания загрузки для сайта — пример правильного оформления.

9. Tribal Media: образец для панорамы на главной странице

Это гениально, потому что:

  • Впечатляющая городская панорама в хедере главной страницы привлекает максимум внимания. Как сделать картинку для главной страницы сайта? Вы не прогадаете, если последуете примеру Tribal Media.
  • Сила заголовка — в отсутствии лишних слов.

Это гениально, потому что:

  • Главная страница включает в себя только самые необходимые элементы и ничего лишнего.
  • Отличный заголовок и убедительный призыв к действию, который уменьшает сомнения благодаря тексту: «Создайте свой ​​бесплатный свадебный сайт за 5 минут». Простой нтмл 5. Пример кода главной страницы будет предоставлен клиенту.

11. Basecamp: сайт с удачной лид-формой

Это гениально, потому что:

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

12. Eventbrite: новость на главной странице

Это гениально, потому что:

  • Заголовок на главной странице «Если что-то происходит, здесь вы об этом узнаете» работает потому, что любопытство всегда двигало деятельностью людей.
  • Интересный подзаголовок. В нем пользователям предлагают либо просмотреть тысячи событий, либо создать собственное событие и продавать на него билеты.
  • Яркое праздничное фото, лаконичный дизайн, новости на главной странице, повествующие о грядущих интересных событиях, усиливают эффект.

13. GoodData: удачная картинка на главной странице сайта

Это гениально, потому что:

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

Кому доверить написание текстов для главной страницы сайта?

Это может быть веб-райтер, SEO-оптимизатор, какая-то крутая студия контента или сотрудник отдела продаж вполне справится?

Прогулялся я по Сети. Это жуть. Тексты на главных страницах не продают, а служат фоном. Печально. Досадно. Невыгодно.

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

Как написать текст на главную страницу сайта, чтобы он повышал конверсию, а не занимал место?

Букв в статье много. Ваш персональный телепорт ниже:

Я не буду заливаться соловьём о важности заголовков, выгодах, ориентированности на потенциального клиента и других банальных вещах. Напишу просто. По делу. С примерами.

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

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

Текст на главную страницу сайта требования – топ 5

Разнообразие сайтов немного пугает. Но их направленность нужно учитывать в любом случае. Я постараюсь быть объективным и выбрать топ 5 требований к текстам на главной странице (в скобках укажу, для каких сайтов это требование будет уместно).

Белиберда не нужна

Слова не нужны владельцам сайтов и посетителям. Но информация нужна всем! Она должна отражать тематику сайта и с первых мгновений давать посетителю всю картинку целиком:

  • для кого этот сайт;
  • что здесь можно найти;
  • как этот сайт / компания мне поможет.

Лёгкость текста

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

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

Оптимизация по ключевым запросам

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

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

Максимальная лаконичность (интернет-магазины и сайты известных компаний)

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

  • Главная страница интернет-магазина – это витрина магазина. Несколько абзацев с 3– 4 предложениями в каждом – это максимальная длина текста сверху. Внизу можно добавить больше текстового материала. Но это если нужна текстовая SEO-оптимизация.
  • Главная страница известной компании может обойтись без текста. Сайты: «студия Артемия Лебедева», «Газпром», «Буквоед» и многие другие успешно это демонстрируют. Пару слов написать, конечно, можно. Например: «Да! Это Газпром».

Продающий подтекст (коммерческие сайты и сайты-визитки)

Текст на главной странице продаёт весь проект: товары, услуги, блог, группу, рассылку и так далее. Он – точка входа для клиентов и важная навигационная страница.

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

Быть в топ – это не конечная цель бизнесменов и компаний! Их цель: продажи и постоянные читатели, репостящие записи и приходящие за ответами на свои вопросы. Главная страница должна рекламировать, продавать, завлекать и призывать.

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

Примеры текстов на главную страницу и разбор ошибок

2 примера текстов на главную страницу и досадные ошибки

Первый пример: компания «АльянсСтройСнаб» (проблемы с SEO, отсутствие воронки продаж, нулевое УТП): тёплый–угол (точка ) РФ.

Текста нет вообще. Можно подумать, что они не планируют продвигаться в Сети. Но предположение рушится. Ведь есть раздел «полезное», где можно найти SEO-статейки по 2000 знаков. Смешно.

Переходим к преимуществам:

  • Собственное производство пиломатериала. Мой вариант: «Вы экономите 20% на стройматериалах и не даёте предоплату, потому что мы используем строительные пиломатериалы собственного производства. Их качество вы можете оценить на нашей пилораме».
  • Качественный материал и сборка. Мой вариант (о качестве мы уже сказали выше): «Профессиональная сборка за 60 дней. Мы построили более 150 деревянных домов в Ленинградской и Московской области. Взгляните на карту объектов, оцените нашу работу или свяжитесь с хозяевами. Открыть карту».
  • Расширенная комплектация. Мой вариант: «В вашем распоряжении более 50 чертежей, включая 5 уникальных. Скачайте макеты, найдите желанный дом и узнайте стоимость. Или пришлите нам картинку дома мечты, а мы подсчитаем стоимость проекта в течение 1 недели. Скачать макеты».

В чём идея. Человек качает своеобразный маркетинг кит в формате PDF . Он может посмотреть чертежи и уже построенные дома. Будет идеально, если там окажутся отзывы клиентов, рассказ: «как строился дом», сколько времени понадобилось, фотографии со стройплощадки и результат работы.

Не просто текст, а продажа – так работают копирайтеры.

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

Схема работы и памятка заказчику – «вырви глаз». Можно же было сделать нормальные абзацы. Где-то здесь с сайта уходит огромное количество потенциальных клиентов.

Как написать текст на главную страницу сайта – пример №2

Второй пример (жертва SEO): lux-mebelspb (точка ) ru

Нашёл через поиск, по запросу: «купить мебель в СПб». Сайт в ТОП 3 – похвально. Скриншот главной страницы (откроется в новом окне).

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

Пройдёмся по УТП. Потому что всё остальное можно описать аббревиатурой «SEO». Если почитать, то вы поймете, о чём я.

Итак:

  • Более 10 000 товаров – претензий нет;
  • Всегда низкие цены: мы создаём конкурентно-низкие цены, не жертвуя качеством. А как интернет-магазин, не являющийся производителем, может пожертвовать качеством? Мой вариант: сменить иконку бакса на рубль и написать: «Цена ниже – доставка бесплатно. Доставим мебель за 10 дней».
  • Гарантия на всю продукцию – пустая гарантия. Мой вариант: «Забракуете – поменяем за свой счёт! Качество проверили лично. Гарантия обмена 1 год». Ну и проверить качество поставщиков. А то ведь наши интернет-магазины – это бизнес по-русски во всей красе.
  • Постоянные скидки и акции – я всегда думал, что ценность скидок в их непостоянстве. Мой вариант: «Скидка на шкафы-купе 10%! Акция действует до 1 июля 2016 года». А под акцию запустить рекламу. Кажется, так будет правильно. Через месяц сменить акцию и снова запустить рекламу.

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

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

  1. Заголовок должен отражать суть сайта или предложения.
  2. Захватите внимание посетителя первым абзацем.
  3. Продумайте главное предложение (УТП) и дайте человеку причины, чтобы вас выбрать.
  4. Сделайте первый призыв к конкретному действию.
  5. Не забывайте про SEO-оптимизацию, но и полезности информации тоже (банальные вещи знают все).
  6. Найдите возможность избежать шаблонов и штампов.
  7. Сделайте зоны внимания и переходы на следующую часть воронки продаж (скачать: каталог, набор кейсов, бесплатную книгу и так далее).
  8. Пишите понятно, конкретно, на языке клиента (даже если от этого языка вас тошнит) и говорите правду.
  9. Сделайте «таблицу»: действие – выгода.
  10. Проработайте воронку продаж до конца (а не только главную страницу).