Шаблоны целевых страниц: как люди используют веб-контент

Опубликовано: 2020-12-17

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

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

Типы шаблонов посадочных страниц

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

F-образный узор

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

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

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

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

Важно уточнить, что пользователи следуют F-образцу, когда они конкретно потребляют контент, а не когда они исследуют новую страницу и просматривают меню навигации. Узор также редко бывает идеальным «F». Часто он образует букву «E» на более длинных страницах с большим объемом содержимого для сканирования.

Z-образный узор

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

Однако, в отличие от F-шаблона, Z-шаблон получает диагональную перекладину из-за того, как пользователи возвращаются к левому краю. В этом случае они не создают вторую полосу буквы «F», перескакивая к левому краю и читая заново. Вместо этого кажется, что они пропускают много контента в середине страницы.

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

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

Другие распространенные шаблоны целевых страниц

Хотя F-образный и Z-образный паттерн являются наиболее естественными для веб-пользователей, они не единственные. Согласно NNG, есть также:

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

Шаблоны целевых страниц: что все это значит?

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

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

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

Следуйте этим советам:

Разместите наиболее подходящую информацию вверху страницы. Сделайте свое ценностное предложение в заголовке и сообщением, соответствующим вашему объявлению.
Организуйте свой контент с помощью заголовков и подзаголовков, чтобы его было легко просматривать. Сделайте подзаголовки крупнее и смелее, чем основной текст.
Поместите наиболее важную информацию в первые несколько слов ваших заголовков и основного текста.
Используйте маркеры, чтобы быстро резюмировать элементы, например список преимуществ.
Смелые ключевые слова и фразы.
Будьте исчерпывающими, но краткими.
Сгруппируйте связанные элементы вместе, чтобы их было легче найти и понять.
Создайте контраст между основными элементами и фоном вашей страницы. Чем выше контрастность, тем выше важность. Например, ваша кнопка CTA должна быть самым контрастным элементом на вашей целевой странице.

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

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