Как оформить главную страницу сайта. Часть 1

как оформить главную страницуЗдравствуйте, друзья! Приветствую вас на моем блоге https://sidorevich.ru.

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

Расскажу о том, ЧТО должно быть на самой первой странице вашего сайта. Какие на ней должны быть элементы и блоки, чтобы посетитель (из вашей целевой аудитории, конечно), попав на нее, не ушел через 3-5 секунд. И не только не ушел, но чтобы остался, зачитался и, в конце-концов, кликнул по заветной кнопке КУПИТЬ уже на странице товара.

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

Договорились? Разбираем обычный интернет-магазин или корпоративный сайт с прикрученным к нему розничным интернет-магазином.

Поехали:

Вообще, к Главной странице относятся кто-во что горазд.

Одни ставят на нее как бы «заглушку» с картинкой или чаще с флешкой и «завлекательной» кнопкой «ВОЙТИ».

Другие стремятся впихнуть в неё чуть ли не весь контент сайта.

Третьи ограничивают свой творческий поиск в размещении на Главной слайдера на половину высоты окна или более.

Четвертые определяют для себя наиболее важный, как им кажется, аспект их бизнеса и заостряют внимание на Главной только на нем.

Пятые являются комбинацией из этих четырех вариантов.

Какой из перечисленных подходов по-вашему верный?

Правильно – ни один!

Так как же оформить Главную страницу сайта правильно? Так, чтобы конверсия с неё была максимально возможной?

Я дам вам два набора элементов. Один — минимальный обязательный, второй — желательный, но его можно уже назвать ПРОДВИНУТЫМ. Если вы внедрите только минимальный набор — вы молодец. Если ещё и продвинутый — молодец вдвойне. Или даже в квадрате. :-)

Минимальный набор элементов для оформления Главной страницы сайта

Краткое описание того, что представляет собой данный сайт

По возможности краткое – лучше в одно предложение – описание того, что представляет собой данный сайт. Например: «Интернет-магазин бытовой видеотехники», «Полезная косметика», «Товары для офиса», «Недорогие авиабилеты в любую точку мира».

как оформить шапку главной страницы

Получается у вас создать краткое описание длиной в одно предложение ?

Скорее всего ДА.

Тогда рассмотрите возможность внедрить это описание в шапку вашего сайта.

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

Уникальное Торговое Предложение

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

В итоге у вас должно получиться как бы описание преимуществ клиента: 3-4 буллита на тему, почему он должен остаться на этом сайте, а не перейти немедленно на сайт конкурентов.

Буллит (в полиграфии и вебе) — маркер списка; типографский знак (обычно точка, звёздочка и т. п.), располагаемый в начале строки с элементом списка и используемый для выделения этого элемента.

Перед такими буллитами должен быть поясняющий подзаголовок вроде: «3 причины, почему покупают у нас»

Отзывы

Разумеется, на Главной не нужно размещать все +100500 отзывов, которые у вас, конечно, уже имеются на сайте в разделе Отзывы. :-D

Если еще их столько нет... или совсем нет, то читайте статью Как получить отзывы от клиентов

На Главной разместите всего 2-3 отзыва клиентов о товаре/услуги приобретенной на этом сайте.

И 1-2 отзыва клиентов о компании. Желательно, чтобы они были.

Оформите отзывы либо многокадровым слайдером с автоматическим переключением через 10-15 секунд на следующий отзыв, либо блоком с 2-3 небольшими текстовыми отзывами со ссылкой внизу блока типа: «Все отзывы...» или «Смотреть больше отзывов...».

Хорошо если у вас есть видеоотзывы. Тогда можно даже сделать 2 блока-включения в Главную. Один с текстовыми отзывами, другой с видеоотзывами.

Не знаете особенностей записи видеоотзывов? Читайте 23 совета как правильно снимать видео

Лучше сделать блок-вставку с видеоотзывами в виде превьюшек, чтобы они при клике вызывали всплывающее видео. Вот как здесь.

как оформить видео на главной странице сайта

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

Сложно? Уже много всего? Ну а как иначе? Хотели узнать как оформить главную страницу сайта? Вот, пожалуйста.

Можно ли без части этих элементов? Считаю, что нет. Если хотите что-то продавать со своего сайта, то минимальный набор должен быть по любому.

Но давайте продолжим. Ведь это ещё не всё. ;-)

 2-3 товара-приманки

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

Как оформить топовые товары на главной странице сайта

Рекомендую на всех этих товарах, на их изображениях делать завлекающие пометки. Например, «Товар дня», «Товар месяца», «Акция», «Самый популярный товар».

Фишка: Если товар у вас ценой свыше 50 000 рублей, то «Товар дня» уже к нему не очень подходит. Естественнее будет выглядеть «Товар месяца».

Новости

Новости на ГлавнойНовости на Главной странице необходимы, так как выполняют следующие функции:

  1. Регулярно пополняемые новости обновляют контент Главной страницы, тем самым оповещая поисковые системы, что сайт живой. Чем чаще обновляются новости, тем, при прочих равных, выше поднимается сайт в выдаче.
  2. Чем чаще обновляются новости сайта, тем чаще заходит на него поисковый робот. Чем чаще заходит на сайт робот, тем быстрее вы сможете влиять на положение сайта в выдаче поисковой системы. Например, вы внесли изменения в контент или во внутреннюю оптимизацию сайта. Поисковая система должна (предположительно) позитивно отреагировать на это и поднять ваш сайт выше в выдаче. Есть разница, когда это произойдет – на следующий день или через месяц?
  3. Наличие новостей убеждает посетителя, что фирма жива, активно работает и этот сайт не брошенный в просторах интернета «мемориал». Конечно при одном условии – новости должны быть свежими. Оптимально добавление новостей 1-2 раза в неделю. Если новость добавляется реже 1 раз в месяц, то это скорее пойдет в минус. Хотя если вы займете новостями полностью одну из колонок и в ленте будет находиться несколько десятков новостей, пусть даже за несколько лет, то даже пополнение 1 раз в месяц будет восприниматься положительно.
  4. Посредством новостей привлекается внимание посетителей к:
    1. новым, только появившимся товарам,
    2. акциям,
    3. полезной информации, появившейся на сайте. Например, если вы ведете корпоративный блог, то разумно анонсировать новые посты в новостях.
  5. Улучшается поведенческий фактор. Посетитель кликает, переходит по ссылкам в новостях, читает контент, на который его отправляют короткие новостные сообщения.
Вид и расположение модуля новостей

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

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

Новостные поводы

Пишите о появлении новых товаров, об изменении свойств старых товаров.

Информируйте об акциях, конкурсах, о появлении в блоге или списке статей полезного контента.

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

Совет: Избегайте ставить в новостную ленту новость, которая прямо или опосредовано не ведет клиента к покупке.

Делать ли отдельную страницу новостей в дополнение к новостному блоку на Главной странице?

Мое мнение – не нужно. Если у вас нет специального сотрудника, который накачивает сайт новостным корпоративным контентом, то лучше и не браться. Достаточно новостного блока с последними новостями на Главной.

Но вот в случае, когда новостной блок на Главной переполнился, тогда можно подумать и об отдельной странице с новостями. Но аккуратно. Там посетитель будет ожидать развернутую новость, а не её краткий анонс. Если он будет разочарован в малом, то это может закончится для вас тем, что он не сделает у покупки на вашем сайте. Оно вам надо?

Статьи

Статьи – важная часть повышения конверсии на сайте. Статьи отличаются от новостей тем, что:

  1. сами по себе являются полезным контентом и информационным поводом,
  2. не обязаны иметь сиюминутную актуальность,
  3. «приспособлены» для создания контента свыше 1000 знаков, например. Что почти невозможно сделать для новостей.

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

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

Как писать статьи

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

Пишите сами или нанимайте копирайтера. В случае низкоспецифичного бизнеса копирайтера найти легче.

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

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

Размер статьи должен быть не меньше 2500 знаков. Короткие тексты не учитывается Яндексом в плюс сайту. Слишком длинная статья имеет только один минус – труднее сделать так, чтобы ее до конца дочитали посетители. Но можно. Если знать как. Это отдельная тема, конечно. Зато чем длиньше правильно сделанная статья, тем больше пользы она принесет и для конверсии, и для SEO.

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

Пишите как можно более короткими предложениями и короткими (3-5 предложений) абзацами. Применяйте чаще подзаголовки. Списки применяйте по возможности не больше 5 пунктов.

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

Тщательно проверяйте текст на опечатки, орфографические и грамматические ошибки.

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

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

 


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

Перенесем остальное. Сделаю статью из нескольких частей. Вот, тут будет вторая часть Как оформить Главную страницу сайта. Часть 2

А что делать?

Рассказать кратко – статья будет не пригодная для самостоятельного внедрения вами.

И, всё-равно, как бы не хотел, все фишки не «впихаю» сюда. Что-то мог элементарно не вспомнить, упустить. Некоторые фишки «тянут» на отдельные статьи.

Так что – внедряйте, ЧТО тут обнаружили и чего у вас на главной еще нет.

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


P.S. Хотите получать уведомления о новых статьях этого блога? Нажмите на эту кнопку -

Хочу сразу узнавать о новых публикациях!

Предыдущая запись 3 способа использования Microsoft OneNote, которые сделают вас эффективнее
Следующая запись Как оформить Главную страницу сайта. Часть 2
Обсуждение: 8 комментариев
  1. Камилла:

    В этом деле я новичок, но статья действительно интересная! Спасибо) Я вот тут: ifish2.ru/kak-oformit-gla...stranitsu-sajta/ для себя нашла ещё кучу полезной информации на эту тему.

    Ответить
  2. Олечка:

    Здравствуйте.

    Очень полезная и интересная статья!

    Спасибо Вам за эту информацию.

    Ответить
  3. Андрей Пузанов:

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

    Ответить
    1. Dmitriy Sidorevich:

      Я пишу в этой статье не о SEO, а о конверсии. Вы можете пригонять на страницу 1000 посетителей и иметь 0,1% конверсии, а можете пригонять 100 посетителей и иметь 1%. При этом доход будет одинаковый, а расход разный. В итоге, во втором случае прибыль будет выше.

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

      Например, ссылочная масса серьезная, история сайта хорошая, поведенческие факторы на уровне и т.д.

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

      Ответить
  4. Роман:

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

    Ответить
    1. Dmitriy Sidorevich:

      Тем не менее, буржуи это делают, а у них на тестирование тратятся миллионы долларов. Нам остается сказать им Спасибо и скопировать.

      Ответить
  5. Денис:

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

    Ответить
    1. Dmitriy Sidorevich:

      Мне не попадалась такая статистика. В смысле, сколько соцвиджеты дают плюсом к конверсии.

      Ответить

Ваш комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Чтобы отправить комментарий, разрешите сбор ваших персональных данных .
Пользовательское соглашение