Все о конверсии – Часть 2 – Разбор полетов

С основами конверсии вы уже знакомы, теперь пора перейти к практике.

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

IncomeOnlineHere.com

Судя по названию сайта (Work at Home Directory), можно сказать, что он посвящен способам заработка на дому, однако цель сайта до конца не ясна: из-за обилия баннерной рекламы, обзоров и партнерских товаров посетителю очень трудно решить, что ему нужно делать на сайте. Теперь по пунктам:

1. Строчка Welcome (или Добро пожаловать). Пустая трата пикселей. На этом месте должен стоять заголовок. Чем раньше посетитель поймет, о чем ваш сайт тем лучше.
2. Нагромождение баннеров, обзоров, специальных предложений и пр. “завлекалок”. Весь этот разноцветный мусор сбивает посетителя с толку.

Решение: Поскольку владелец сайта явно хочет заработать с рекламы и партнерских продаж, то ему лучше написать небольшой бесплатный (но качественный!) отчет по способам заработка на дому и заняться созданием подписного листа. Форму регистрации можно было бы разместить слева вместо “Выбора редактора” или справа вместо “TOP10”, так чтобы посетитель сразу видел, что он может получить, и что ему для этого нужно сделать.

Forex-Trading-Made-EZ.com

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

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

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

3. Местоположение формы подписки. Если задача сайта — собрать подписчиков, форма подписки должна находиться в верхней части страницы.

4. Кнопка заказа. С самой кнопкой все в порядке, однако она наверняка собьет посетителя с толку, потому что в начале было сказано про “free report”, а тут, на тебе, нужно что-то покупать.

Решение:

• убрать изображение в шапке;
• сделать кликабельной строку о бесплатном отчете или
• разбить мини-сайт на две страницы: на первую поместить форму подписки, на вторую — продающий текст.

InternetMarketingDreams.com

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

1. Снова изображение в шапке.

2. Видеоролик затянут и скучен.

Пара советов от Мэтью касательно видео на мини-сайте:

• Если ролик находится в нижней части страницы, автоплэй должен быть выключен. Ваш посетитель вряд ли обрадуется, если ни с того, ни с сего из его колонок начнет звучать чужой голос, а он не будет знать, как и где его выключить. Это сильно раздражает.
• Ролик не должен длиться больше 60 секунд за исключением тех случаев, когда видео объясняет какие-то конкретные особенности продаваемой программы или курса. Но и в этом случае вы обязательно должны указать продолжительность ролика.

Решение указанных проблем очевидно: нужно убрать и шапку, и ролик.

Нельзя не отметить положительные моменты на сайте:

Грамотный заголовок, контрастный подзаголовок, ссылка на демо-видео, предложение о пробной регистрации всего за $1 — и все это в пределах прямой видимости посетителя.

TheBestHomeOffer.com

1. Приветствие типа Welcome бессмысленно, потому что оно ничего не говорит о сайте. В этом месте должен стоять информативный заголовок.
2. Слишком длинная форма запроса.

Решение:

• заменить приветствие заголовком;
• сократить форму до двух полей: имени и адреса электронной почты. Когда посетитель заполнит эти поля и нажмет кнопку “Далее”, вероятность того, что он заполнит всю анкету, заметно возрастет.

FatDestroyerPlan.com

1. Широкие поля, из-за которых
2. При высоком разрешении экрана текст расползается так, что читать его становится просто невозможно.
3. Огромное пустое пространство.
4. Длинный, монотонный заголовок.
5. Кнопка “Версия для печати”. Она, конечно, никому не мешает, только кто будет распечатывать продающий текст и как это вообще может увеличить продажи? Более того, она выделена желтым цветом и является единственной ссылкой в видимой части экрана, т.е. посетитель обязательно обратит на нее внимание. А смысл?

Решение:

• зафиксировать поля (800-1000 пикселей);
• сделать контрастным фон;
• заполнить пустое пространство изображением;
• разбить заголовок на две части и выделить цветом;
• убрать кнопку “Версия для печати” (и желтую полоску вместе с ней).

Online2ndIncome.com

(Cайт не для слабонервных 🙂 )

1. Отличная задумка с анимированным смайликом, привлекающим внимание посетителей, не находит логичного продолжения.
2. Название сайта в принципе мало кому интересно. А тут оно еще и выделено огромными буквами и стоит по самому центру страницы.
3. Баннеры занимают много места и их местоположения выбрано крайне неудачно.

Решение:

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

BuyScripts.in

(После появления видео Мэтью автор внес необходимые изменения в дизайн.)

1. Пресловутое Welcome.
2. Случайные категории в меню навигации.
3. Чересчур большое изображение.

Решение:

• заменить приветствие заголовком;
• разбить меню на два тематических блока или сократить количество пунктов в том меню, что есть;
• заменить одно большое изображение несколькими поменьше.

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

Хостинг для блогов с предустановленным WordPress

Записи по теме:

• Все о конверсии — Основы
• Как увеличить конверсию
• Назад в будущее — Перспективы Web 2.0
• 10 аспектов внутренней оптимизации сайта