Каким должен быть эффективный сайт. Памятка — что должно быть на сайте

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

Нет, конечно, есть прекрасные пособия по работе со всеми движками сайтов, но… вот открыли Вы мануал, а там главы: «как настроить rss», «как вставить блок слайдшоу», «как выгрузить xml» и ещё 100-500 разделов. И половина с кодом javascript и php.  И Вы тут же растерялись перед всей этой заумной информацией. Вопросов больше чем ответов.

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

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

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

Итак, внешний вид главной страницы — такой (кликните по картинке):

Каким должен быть эффективный сайт

Продаем жирафов :). Продукт немного шуточный и навеян воспоминаниями о первой версии Яндекс.Директа (Директ тогда продавал слонов).

Теперь разберёмся по пунктам (кликабельно):

что должно быть на сайте

Далее по пунктам отмеченным на скриншоте:

Какой должна быть шапка сайта?

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

По размеру — шапка должна быть ровно такой, чтобы в ней умещались три блока:

1) Логотип. Если логотипа нет — достаточно просто названия фирмы.

2) Слоган или заголовок/подзаголовок. Придумать хороший слоган для сайта — не так просто, как кажется. В два предложения (максимум), в понятной форме должна поместиться вся информация о бизнесе.

3) Контактная информация. Если сайт представляет реальный физический магазин — обязательно писать город и полный адрес. Если сайт представляет услуги только онлайн — достаточно e-mail и/или телефон.

Как должно выглядеть меню коммерческого сайта:

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

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

5) Слайдер — графическая составляющая сайта. Хороший инструмент, но очень часто использующийся  неверно. Слайдер должен соответствовать следующим условиям:

a) Количество слайдов 3-5

b) Не стоит размещать слайдер на всех страницах сайта, достаточно главной.

c) Каждый баннер в слайдере — ссылка на один из главных разделов сайта

d) Каждый баннер должен содержать:

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

Слайдер для сайта wordpress — легко реализуется с помощью плагина Metaslider.

6) Основной продающий рекламный текст для сайта. Тут нечего добавить — о продающем тексте, я писал весьма много. Если Вы не читали — самое время скачать и прочитать начальную методичку по продающим текстам.

Блоки в колонке сайта на wordpress — собираются очень быстро с помощью виджетов (внешний вид — виджеты):

7) Каталог товаров или услуг.

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

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

Такой блок легко реализуется на wordpress с помощью плагина Advanced Recent Posts Widget.

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

Реализуется также с помощью плагина Advanced Recent Posts Widget.

10) Виджеты от социальных сетей — это классный фактор доверия. Можно поставить виджеты от всех соцсетей, можно ограничиться одной-двумя.  Но, такие виджеты нужны — они показывают  целевой аудитории сайта до боли знакомые иконки/кнопки/мордочки вконтакта, фейсбука и т.д. Сервисов, в которых значительная часть (порой до 100%) посетителей сайта проводит очень много времени.

11) Обратная связь. Чем больше способов связи — тем лучше. Чем больше заявок (любым способом) — тем больше конверсий. Тестирование показало, что в большинстве бизнесов посетители охотно заполняют и отправляют формы обратной связи из колонок. Только не надо спрашивать в таких формах пол/возраст и вероисповедание. Трёх строчек, как на скриншоте — в большинстве случаев достаточно.

12) Подвал должен обязательно дублировать контакты из шапки. А также (если есть) — хорошо прописывать в подвале номер лицензии/ОГРН и т.п.

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

На этом всё, до новых встреч!

6 комментариев для “Каким должен быть эффективный сайт. Памятка — что должно быть на сайте

  1. Спасибо! Все очень доступно и поучительно — особенно наглядный пример с жирафами! Хочу сделать хороший сайт — записался на Ваши уроки.

  2. И не зря, я сейчас занимаюсь изготовлением сайта по полученным ранее урокам (еще в июне) только руки дошли. Потрясающе подан материал наглядно ,доступно,понятно! Я не программист и очень далека от всего этого.Очень сомневалась ,что получиться, а получилось! Насколько хорошо судить другим. Но тот факт, что он есть для меня лично -уже чудо!
    Спасибо , БОЛЬШОЕ Николай Попов !

    1. Спасибо за добрые слова, Светлана! Я старался).
      Посмотрел Ваш сайт — для первого раза хорошо получилось.
      Рекомендую ещё поставить плагин RusToLat, чтобы были красивые адреса страниц на латинице — писал здесь

  3. Очень полезная информация для меня. В скором времени задумала создать свой сайт. Все пригодится. Спасибо.

  4. Какая тема наиболее «точно» подходит под такую структуру? Я имею ввиду, чтобы провести минимальные изменения в коде.

Добавить комментарий

Ваш адрес email не будет опубликован.

Пролистать наверх

Быстрая заявка на консультацию

  1. Заполняем поля (можно просто имя и любой удобный для Вас контакт: почта и/или страница vk и/или ватсап);
  2. Очень хорошо, если вы сможете заполнить и отправить бриф (скачать)
  3. Жмём «Отправить» ;
  4. В течении 24 часов (обычно намного быстрее) – я с Вами свяжусь, а далее всё обсудим и спланируем.
Всегда рад сотрудничеству! C уважением, Николай.