Есть ли жизнь ниже линии сгиба, или насколько важен контент в первом окне лендинга?

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

Точно, среди всего другого вы назовете и броский призыв к действию, и цепкий заголовок, и множество вторых подходов. Но ответьте на таковой вопрос: из-за чего эти методики — самые действенные?

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

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

Так это либо нет? Давайте разберемся.

  • Стратегия первого экрана, либо Жизнь выше «линии сгиба»

Что означает — выше линии сгиба?Есть ли жизнь ниже линии сгиба, или насколько важен контент в первом окне лендинга?

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

Из-за чего? Считается, что материал, размещенный на этом месте, приобретает больше всего внимания. Читатель может и не доберется до восьмой страницы, где опубликована полная история, но начало он в обязательном порядке заметит, и это повысит шанс, что материал все же будет прочтён.

В верхней части страницы возможно размещена или завязка истории, или легко большой заголовок.

В интернет-среде «пространство выше линии сгиба» — это то пространство на сайте, которое визитёр видит по окончании посадки, ничего не прокручивая и не перемещая. Это так называемый первый экран. Маркетологи уверены, что это пространство приобретает больше всего внимания визитёра.

Контент выше линии сгиба имеет превосходящее значение на лендинге

Твитнуть цитату

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

Посмотрим на примеры ресурсов, выстроенных по такому принципу:

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

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

А сейчас обратим внимание на сайты, каковые совсем игнорируют данный принцип:

Льюис Хоус (Lewis Howes) воодушевляет и учит людей тому, как перевоплотить собственный увлечение в карьеру. Ниже сгиба имеются пара призывов к действию. Его основной целью, разумеется, есть привлечение внимания визитёров к видеоролику и достижение ими понимания его миссии/философии.

Как и у Льюиса Хоуса, страница Джеймса Клира (James Clear) посвящена его персоне (фактически, его бренд — это он сам). Ниже линии сгиба имеется CTA-элемент, что призывает визитёров подписаться на его еженедельную рассылку. Но, как и у Льюиса, Джеймс прежде всего заинтересован в том, дабы сперва люди познакомились с его видением, а уже позже задавали вопросы.

  • CTA-элемент «выше линии сгиба»: миф либо действительность?

Что говорят специалисты?

Как вы видите, позиция среди интернет-предпринимателей по отношению к озвученному выше принципу далеко не однозначная. А что думают специалисты оптимизации конверсии?

Джоанна Уэбе (Joanna Wiebe ), создатель маркетингового интернет-ресурса Copy Hackers:

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

Оли Гарднер (Oli Gardner), основатель Unbounce:

«Размещение CTA-элемента на первом экране сайта — достаточно распространенная практика. Но для новых визитёров вашего ресурса данный элемент, вероятнее, окажется совсем ненужным. Через чур самонадеянно будет думать, что эти люди тут же бросятся подписываться на все ваши предложения.

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

Брайан Масси (Brian Massey), маркетолог сервиса Conversion Sciences:

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

  • Анатомия совершенной целевой страницы

На что показывают эти?

В конце 2014 года Гугл опубликовал изучение называющиеся «Как принципиально важно быть на виду: нюансы видимости для издателей-и интернет маркетологов» (The Importance of Being Seen: Viewability Insights for Digital Marketers and Publishers), в котором была детально изучена роль пространства сайта при позиционировании материала.

Так, в соответствии с итогам, объявления, расположенные выше линии сгиба, «видимы» на 73%, тогда целый другой материал — только на 44%.

Объявления, расположенные выше линии сгиба, «видимы» на 73%, тогда целый другой материал — только на 44%.

Твитнуть цитату

Ранее в этом же году консалтинговое агентство Nielsen Norman Group заключило, что «темперамент размещения материала, либо, иначе говоря то, что видно пользователю с первой минуты, а что остается скрытым, постоянно будет оказывать влияние на пользовательский опыт — независимо от размера экрана. Пользователи будут прокручивать страницу вниз, но только в том случае, если на первом экране сообщено что-то многообещающее и убедительное».

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

  • Совершенная структура landing page по версии LPgenerator

В то время, когда пространство ниже линии сгиба имеет значение?

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

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

В случае если вам удастся выразить всю соль собственного оффера емко, но коротко, имеете возможность разместить CTA в том месте, где они должны быть в соответствии с логике. В некоторых случаях оффер возможно выражен одной строчком и будет понятен всем (пример, Desk.com и Optimizely).

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

Имейте в виду, что существует лишь три типа визитёров, каковые заглядывают к вам на ресурс:

1. Всецело осведомленные визитёры

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

Если он будет где-то ниже, они отыщут его и в том месте. Это самая лояльная и самая уверенная аудитория.

2. Неосведомленные визитёры, простой оффер

Эти визитёры не привычны с вашим брендом либо продуктом. Они не уверены, что ваш продукт либо сервис — это лучшее вероятное ответ их неприятностей.

Разберем пример. Допустим, у вас имеется предельно простой оффер, такой же, как у Skype:

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

Следовательно, в том, что призыв к действию будет размещен на первом экране сайта, нет ничего необычного. Разумно высказать предположение, что новый, неподготовленный визитёр хватит мотивирован, дабы загрузить себе приложение на компьютер без какой-либо дополнительной информации.

3. Неосведомленные визитёры, сложный оффер

Как и в прошлой категории, эти визитёры кроме этого не привычны с вами и вашим продуктом и не имеют ни мельчайшего понятия, как он оптимален в действии.

В этом случае, допустим, у вас имеется более сложное ценностное предложение, такое, как Evergage:

Не так много людей уверены в преимуществах персонализации в реальном времени. Это не делает ценностное предложение Evergage менее действенным, но требует каких-то разъяснений. Одной строки тут уже не хватит. У визитёров появятся вопросы, что такое персонализация, как она трудится, как окажет помощь урегулировать вопросы и т. д.

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

Сначала посадочная страница сервиса была таковой, но после этого авторы поняли, что подобный подход неэффективен:

CTA находится в самом верху сайта.

  • Битва посадочных страниц: Harry’s против Dollar Shave Club

Средний размер первого экрана

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

80% пользователей всемирной сети имеют смартфоны, 47% — планшеты, 37% — игровые консоли, 34% — смарт-TV, 9% — смарт-часы и т.быстро.

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

Применяя бесплатный инструмент называющиеся «Where is the fold?» (с англ. — где линия сгиба?), вы имеете возможность выяснить, как видят ваш сайт обладатели различных какого размера и девайсов установить первый экран. Вот как это делают в ConversionXL:

В ConversionXL умелым методом установлено, что самая приемлемая протяженность первого экрана, — 600-700 пикселей.

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

Ход 1: Откройте сайт (на примере Яндекс.Браузера), надавите на правую кнопку мыши, выберите пункт «Просмотр кода элемента»:

Ход 2: Выберите иконку устройства, которое находится в левом верхнем углу поля «Просмотр кода элемента»:

Ход 3: выберите интересующий вас тип устройства:

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

Но оптимизировать собственный сайт под все экраны не всегда быть может, исходя из этого вернее выделить из всей совокупности применяемых вашими визитёрами устройств самые популярные. Как это сделать? Всего два шага:

1. Зайдите в Гугл Analytics, выберите категорию «Аудитории», после этого «Технологии», по окончании — «Браузеры и ОС».

2. Сходу под графиком вы заметите «Главной параметр». Выберите «Разрешение Экрана»:

По окончании всех произведенных действий перед вами отобразится дюжина самых распространенных разрешений экрана.

  • Анатомия совершенной веб-страницы с позиций SEO

В то время, когда люди перестают скроллить?

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

Вероятно ли, что какая-то секция вашего сайта не возьмёт ровно никакого внимания?

Обратимся к фактам.

В конце 2014 года агентство Huge распознало, что независимо от дизайна практически любой визитёр (91-100%) прокручивает страницу за линию сгиба.

В 2015 агентство ScientiaMobile опубликовало ежеквартальный отчет (апрель-июнь), в соответствии с которому 11% пользователей мобильных устройств прокручивают сайт в течение 4 секунд (при условии, что он благополучно загрузился). В случае если же сайт загрузился не до конца, то таких пользователей остается 9% (они скроллят также лишь 4 секунды).

В случае если же страница загружается медлительно (больше 9 секунд), то 21% визитёров все равно прокрутят страницу вниз, причем добрая половина из тех, кто скроллит 9 секунд, прокручивают страницу вниз на 250 пикселей.

Обратите внимание: в случае если ваш сайт загружается медлительно, то, вероятнее, его содержание так никто и не заметит.

По горизонтали: время по окончании запроса; по вертикали: процент пользователей, кто скроллит. Зеленой линией: обстановка, в то время, когда сайт благополучно загрузился; красной — в то время, когда загрузился не до конца.

Когда ваша страница загрузилась, 90% мобильных юзеров прокручивают ее в течение 14 секунд. В случае если же страница так и не загрузилась, вниз прокрутят 47% в течение тех же 14 секунд.

Тони Хейл (Tony Haile), председатель совета директоров сервиса Chartbeat, поделился некоторыми увлекательными данными с Time Magazine чуть ранее в текущем году. Его команда распознала, что 66% всего количества внимания, приобретаемого от визитёров, приходится на ту часть сайта, которая находится ниже линии сгиба:

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

По горизонтали: расстояние от начала страницы; по вертикали: число пользователей, изучивших эту страницу.

Команда сервиса Unbounce в собственном изучении пришла к похожим выводам:

Наивысший показатель конверсии достигается при прокрутке 501-750 пикселей.

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

Майкл Эгард (Michael Aagaard) — один из специалистов интернет-маркетинга, проводивших опыты с CTA-элементами ниже линии сгиба, и вот что он говорит по этому поводу:

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

В собственном примере он разместил призыв к действию в самом финише долгой посадочной страницы, и коэффициент конверсии подскочил на 304%. Легко фантастический итог, не так ли?

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

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

Все, что вы разместите на первом экране, окажет помощь визитёрам осознать, как полезным окажется для них ваш ресурс

Твитнуть цитату

Как и со всеми практиками в CRO, необходимым условием успеха являются тесты. Главная мысль в том, что необходимо не опасаются опытов и деятельно применять пространство ниже линии сгиба, потому, что вычислять, что люди не скроллят — легко глупость.

  • 7 барьеров на пути оптимизации целевых страниц

Как стимулировать скроллинг

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

1. Создайте интригу

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

Ниже — примеры аналогичных работ:

Запомните: от качества контента выше линии сгиба зависит поведение визитёров. Чем более интригующее начало, тем выше возможность, что люди прокрутят сайт вниз.

2. Избегайте фальшивых футеров

Не забывайте пример Desk.com? Подобное видится везде:

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

Избежать фальшивого футера достаточно легко.

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

3. Попросите визитёров прокрутить страницу

Время от времени необходимо на важность и возможность скроллинга. Необязательно делать это словами:

Это все, что вы имеете возможность сделать, дабы сделать скроллинг более очевидным шагом.

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

Заключение

Итак, возвратимся к главному вопросу статьи: имеет ли приоритетное значение пространство на сайте выше линии сгиба?

Без сомнений — да. Но необходимо понимать объективные обстоятельства, каковые ведут к такому восприятию. Материал на первом экране ответствен, по причине того, что:

  1. Он предвосхищает другой контент. От него зависит, заинтересуется ли продуктом либо сервисом визитёр, осознает ли, что ниже имеется дополнительная информация.
  2. Устанавливает ожидания в плане качества. Дает ответ на вопросы «стоит ли просматривать? будет ли данный материал нужен для меня?».

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

  1. Самые сильные аргументы в пользу собственного продукта размещайте на первом экране.
  2. Не забывайте, что люди скроллят, исходя из этого опасаться опытов с применением пространства ниже линии сгиба не следует.
  3. Не создавайте фальшивых футеров.
  4. Трезво оценивайте сложность либо простоту вашего оффера. Не просите визитёров подписаться на ресурс либо демо продукта, в случае если сущность вашего предложения нельзя описать одной строчком.
  5. Применяйте Google Analytics, дабы определить, посредством каких устройств заходит на ваш сайт большая часть пользователей.
  6. Экспериментируйте и тестируйте.

Высоких вам конверсий!

По данным conversionxl.comImage source Jon S

Случайные статьи:

Как продвинуть лэндинг? НИКАК. Landing page не продвигается!!! Почему? Ответ узнай тут. #Бутик Идей


Подборка похожих статей:

admin