Анатомия лендинг страниц

8
Просмотров: 13 927

Для начала поймем, что же такое лендинг страница. Landing Page — это первая страница которую видит посетитель пришедший на ваш сайт или блог с поисковиков. Лендинг пейдж может быть так же и логическое продолжение рекламы.

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

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


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

1. Анатомия лендинг страницы+описание.
2. Использование цветовой гаммы для различных лендинг страниц.

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

Описание:
1. Заголовок страницы или текст объявления.

  • Заголовок лендинг страницы и рекламный текст должны быть похожи и дополнять друг друга.

2. Четкий и краткий заголовок.

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

3. Безупречная грамматики и орфография.

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

4. Индикаторы безопасности.

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

5. Используйте заголовки, как призыв к действию.

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

6. Кнопки и заголовки именующие себя как призыв к действию должны выделяться из общей цветовой гаммы.

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

7. Ссылки на лендинг странице.

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

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

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

9. Высота, ширина и место расположение лендинг страницы.

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

10. Экспериментируйте.

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

 

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

Желтый:

  • Оптимистический и молодой.
  • Часто используется для привлечения внимания посетителей.

Оранжевый:

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

Красный:

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

Розовый:

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

Голубой:

  • Создает ощущение безопасности и правды.
  • часто используется банками и бизнесменами.

Фиолетовый:

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

Зеленый:

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

Черный:

  • Мощный и гладкий
  • Воспринимается как роскошный и в то же время сложный

Вот и все, что вам нужно знать перед запуском лендинг страницы. Желаю вам удачи

 

8 КОММЕНТАРИИ

  1. Вообще очень полезная статья,спасибо.Как раз вОвремя для меня,а то мне всегда хочется налепить на главную страницу всего и много:)))

  2. уважаемый Raptor! получаю Ваши рассылки. информация интересная и полезная.но… обратите внимание на орфографию и лексику, нашла много ошибок в тексте. а ведь Вы даете советы о правильном и грамотном написании текстов!

    Безупречная грамматики и орфография.

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

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

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

ОСТАВЬТЕ ОТВЕТ