Что должно быть на эффективном сайте? Какие элементы, картинки, графика, призывы? Новички (порой и не новички) абсолютно не представляют, что должно быть на нормальном сайте, чтобы он работал и продавал. Такие вещи в Рунете до сих пор не систематизированы.
Нет, конечно, есть прекрасные пособия по работе со всеми движками сайтов, но… вот открыли Вы мануал, а там главы: «как настроить 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) Подвал должен обязательно дублировать контакты из шапки. А также (если есть) — хорошо прописывать в подвале номер лицензии/ОГРН и т.п.
Вот собственно и всё. Если Вы собираете свой первый сайт и хотите попробовать предлагать на нём товары или услуги — достаточно сделать по расписанному здесь шаблону. Весьма сложно рассказать в рамках одной статьи полное назначение каждого элемента, но данный шаблон был выработан мной на практическом опыте, с тестированием нескольких десятков интернет-проектов.
На этом всё, до новых встреч!
Спасибо! Все очень доступно и поучительно — особенно наглядный пример с жирафами! Хочу сделать хороший сайт — записался на Ваши уроки.
И не зря, я сейчас занимаюсь изготовлением сайта по полученным ранее урокам (еще в июне) только руки дошли. Потрясающе подан материал наглядно ,доступно,понятно! Я не программист и очень далека от всего этого.Очень сомневалась ,что получиться, а получилось! Насколько хорошо судить другим. Но тот факт, что он есть для меня лично -уже чудо!
Спасибо , БОЛЬШОЕ Николай Попов !
Спасибо за добрые слова, Светлана! Я старался).
Посмотрел Ваш сайт — для первого раза хорошо получилось.
Рекомендую ещё поставить плагин RusToLat, чтобы были красивые адреса страниц на латинице — писал здесь
Очень полезная информация для меня. В скором времени задумала создать свой сайт. Все пригодится. Спасибо.
Какая тема наиболее «точно» подходит под такую структуру? Я имею ввиду, чтобы провести минимальные изменения в коде.
Тем очень много — например unite