Close

Лонг пейдж: Что такое Лендинг пейдж и зачем он нужен: простыми словами

Содержание

Создание лендинг сайтов под ключ, разработка лендинг пейдж, заказать лендинг.

Лендинг  —  одностраничный ресурс, целью которого является донесение конкретной мысли до целевой аудитории.

Отличие лендинга  от обычного сайта?

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

Лендинг пейдж под ключ увеличивает продажи на 30 %. Внушительная цифра? Безусловно, но есть одно условие  —  его разработку доверять нужно специалистам.

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

Кому необходимо заказать лендинг пейдж?

  1. Предприятиям, компаниям, которые предлагают свой товар, услуги;
  2. Инфобизнесменам;
  3. Крупным  производителям;
  4. Начинающим бизнесменам.

Немного о цели лендинг пейдж:

Как отмечалось выше,  цель «одностраничника» — мотивировать на действие. Это могут быть:

  • бесплатная консультация;
  • просчет стоимости;
  • бронь места;
  • заявка на приобретение товара и т.п.

Мировые маркетологи выделяют несколько видов  лендинг пейдж:

  1. Long landing page. Самый распространенный формат, который « в народе» называют длинной страницей приземления.
  2. Short landing page — используется для увеличения базы подписчиков и сбора email-адресов.
  3. Оne step landing page — состоит из одного действия, шага.
  4. Two steps landing page — двухшаговый, первая страница которого создана, чтобы заинтересовать, а вторая  — призвать к действию.

Какой вариант подойдет Вам? Поможет решить опытный маркетолог, который учтет направление деятельности, ЦА, цель одностраничника.

Как определить, что вам нужно заказать лендинг под ключ?

Существует ряд критериев, которые  дают понять, что пора запускать целевую страницу. К ним относятся:

  • снижение конверсии, продаж;
  • отсутствие эффекта от рекламной компании в СМИ, на других ресурсах;
  • нет увеличения онлайн –заявок на товар, услугу;
  • поток клиентов не увеличивается, а наоборот
    .

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

С чего начать?

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

Почему не стоит заказывать разработку лендинга у частных лиц?

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

Единственным преимуществом заказа лендинга у фрилансеров – низкая цена, но нужна ли такая экономия? Решать только вам.

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

Преимущества сотрудничества с нами:

  • Профессиональный подход. Над созданием одностраничника трудятся: программист, дизайнер, специалист по прототипам, маркетолог, копирайтер. Каждый этап согласовывается с заказчиком, чтобы в результате получить качественный продающий ресурс;
  • Высокое качество исполнения. Мы работаем над создание одностраничника комплексно и особое внимание
    уделяем адаптивной версии
    landing page (мобильная версия). По статистике, 80 % пользователей ищут важную информацию с помощью планшета, мобильных телефонов, поэтому при создании продающей страницы стоит уделять этому особое внимание;
  • Соблюдение дедлайна. У нас не бывает форс-мажоров, «плохой погоды» и других непредсказуемых ситуаций. Разработка лендинг пейдж у нас осуществляется в срок.
  • Конверсия. Нам важен этот показатель, так как вся наша команда ориентирована на результат. Цель нашей компании — эффективное и доступное продвижение вашего бизнеса, товара, поэтому мы делаем все возможное, чтобы вы получали максимальную прибыль от сотрудничества с нами.

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

длинные или короткие лендинг пейдж — что работает лучше, принципы и преимущества

Источник изображения

Если вы практикующий интернет-маркетолог, регулярно занимающийся или знакомый с технологией оптимизацией конверсии (CRO), то вы знаете, что однозначного ответа на вопрос, вынесенный в заголовок этого поста, попросту нет. Для разных офферов нужны радикально отличающиеся целевые страницы. Роскошной фотографии и краткого описания будет достаточно, если ваше уникальное торговое предложение — наручные часы средней ценовой категории. Подобный подход не сработает для лендинга, продвигающего программный продукт ценой $2000.

Например, большинство пользователей, заказывающих разработку уникального дизайна у нашей команды, предпочитают и даже настаивают на так называемых «портянках». Это своего рода тренд в Рунете — лендинги, вне зависимости от типа оффера должны быть в 5–8 прокруток. Сложно сказать, базируется ли этот подход на позиции «я заплатил, я и решаю» или на неких модных тенденциях рынка лидогенерации.

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

Обоюдоострый меч

Ни для кого не секрет, что длинные целевые страницы могут конвертировать достаточно хорошо, а иногда гораздо лучше, чем их короткие «коллеги», как например в этом кейсе. Маркетологи платформы Crazy Egg увеличили конверсию на 30%, «растянув в длину» свою страницу практически в 20 раз. Уже упоминавшийся в нашем блоге эксперт по CRO Peep Laja уверяет, что «длинные лендинги действуют убийственно мощно».

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

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

Психологи из Университета Брауна (Brown University) в ходе недавно завершенного исследования обнаружили, что есть 2 вида потребителей:

  • explanation fiends — «одержимые объяснениями», люди, которых к закрытию сделки мотивирует как можно больший объем знаний об УТП, и
  • explanation foes — «враги объяснений», стремление совершить покупку у каковых уменьшается, если они знают об оффере больше.

Два вида потребителей

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

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

В ходе исследования также было выяснено, чем обусловлены эти отличия. Оба типа потребителей, с наибольшей вероятностью совершают покупку тогда, когда думают, что их объем знаний о продукте максимален. Эксперимент по разделению участников на «explanation fiends» и «explanation foes» напоминал по технике обычное исследование по ценообразованию: показывали некий товар и просили назвать цену.

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

«Одержимые объяснениями» просили предоставить им дополнительную информацию и только после этого называли цену, которой твердо придерживались в дальнейшем.

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

Когда «врагов объяснений» просят аргументировать ценность товара или услуги после прочтения краткого описания оффера, они понимают, что их мнение базируется на интуиции и малом объеме знаний, и начинают сомневаться, не переоценили ли они предложение, вследствие чего снижают цену. В отличие от них «explanation fiends» не меняют предложенные цены, когда их просят объяснить потребительскую цену: их мнение основано на рациональных аргументах, полученных после анализа достаточно большого массива информации.

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

Как же маркетологам разрешить этот конфликт?

Правильное таргетирование, нужная аудитория

Решающий фактор — правильное таргетирование. Но для начала немного статистики от Hubspot: бизнесы, обладающие более чем 40 целевыми страницами, генерируют в 12 раз больше лидов, чем компании с числом лендингов от 1 до 5. Даже те бренды, у каковых количество лендинг пейдж составляет от 31 до 40, опережают их по числу собранных лидов в 7 раз.

В самом деле, а зачем нужны десятки целевых страниц?

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

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

Тестируйте источники трафика: посетители, пришедшие из соцсетей, будут охотнее реагировать на короткий лендинг, нежели рефералы поисковой системы (или наоборот — без теста не сказать точно).

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

Интерес к контенту: проверьте подписную базу с помощью сегментации через фильтр интереса к контенту. Те, кто чаще нажимает на обращающиеся к инстинктам заголовки email, скорее всего, есть «враги объяснений».

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

Ключевые слова: есть хороший шанс, что некоторые keywords PPC трафика будут «наживкой» для «одержимых объяснениями», чаще чем для всех остальных. Разумнее всего тестировать подчеркнуто рациональную комбинацию нескольких ключевиков — так сегментирование будет точнее.

Помните: есть больше чем один тип посетителя!

Некоторых из них сразу же убедит самый простой лендинг, а другие будут стремиться узнать как можно больше о продукте, упорно проматывая «портянку» до конца. Вы не сможете реально максимизировать конверсию, располагая лишь одной целевой страницей — вам нужно множество различных по типу лендинг пейдж. Не существует идеальной целевой страницы по типу «one size fits all» — длина лендинга должна соответствовать запросам конкретного сегмента аудитории.

Почему короткая целевая страница не значит «поверхностная»

Важно понимать, что короткий продающий или лидогенерирующий лендинг может конвертировать, а «неглубокая», «поверхностная» целевая страница — нет. Данный принцип очень важен для понимания того, как работает лендинг пейдж. Объясним это утверждение.

Исследователи Университета Брауна, о чем мы уже говорили выше, обнаружили общую нить, связывающую оба типа посетителей: люди готовы купить, когда чувствуют, что хорошо понимают суть оффера. Люди, предпочитающие короткие лендинги, суть «интуитивные мыслители», что значит — воздействовать на них излишней сложностью дополнительной интеллектуальной нагрузки есть решение ошибочное.

Рассмотрим убедительный пример:

Когда компания 37Signals заменила короткую, но информативную страницу на еще более компактный вариант с буллетами и улыбающейся клиенткой с ее социальным свидетельством, конверсия выросла на 103%. Но когда они дополнили эту посадочную страницу добавочной информацией, коэффициент преобразования снизился на 22.72%.

Что пошло не так?

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

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

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

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

Контент для длинной страницы

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

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

Для длинной лендинг пейдж принципы генерации контента сводятся к следующему тезису: контент устраняет сомнения, противопоставляя возможным возражениям посетителя конкретную информацию.

В упомянутом выше кейсе Crazy Egg, специалисты по CRO создавали новый лендинг на основе опроса целевой аудитории и анализе тепловой карты. Аналогичным образом, когда команда Conversion Rate Experts работала над тем, как увеличить продажи офферов SEOMoz (теперь Moz), она тщательно исследовали сегментированные таргет-группы: платных клиентов, freemium-пользователей и «отказников».

Вот чем отличается слепое сплит-тестирование от успешного CRO: в основе второго лежит продуманная стратегия.

Проектируйте лендинги с учетом обоих типов пользователей

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

Самый простой способ оптимизации конверсии длинной страницы, представляющей сложный высокотехнологичный оффер — размещение на ней видео, раскрывающего суть УТП, показывающего «товар лицом»: так вы не оттолкнете посетителей-«интуитивистов», не любящих читать длинные тексты.

Длинные целевые страницы могут апеллировать к «врагам объяснений» согласно хорошо известным практикам доставки маркетингового сообщения:

  • Много релевантных офферу изображений
  • Графический дизайн, соответствующий ожиданиям посетителей («лендинг похож на обычный лендинг»), но все-таки достаточно выделяющийся из общей массы
  • Расширенные подзаголовки и буллеты
  • Достаточно пробелов
  • Стрелки, привлекающие внимание к критически важным элементам страницы

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

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

По материалам conversionxl.com

16-12-2013

Лендинг: концепция

Цели лендинга — что такое лендинг пейдж

Лендинг — неотъемлемая часть современного интернета. Большое количество новичков в сфере предпринимательства, которые хотят создать свой сайт, интересуются этим термином. Говоря простым языком, landing page — обыкновенная интернет страница в формате html/css, которая создана для того, чтобы будущий клиент оставил заявку на покупку товара. Данная страница отличается тем, что на ней отсутствует реклама, баннеры, всплывающие окна и слишком длинный текст.

Что есть лендинг пейдж и как извлечь из него выгоду

В русскоязычном интернете подобные страницы имеют и другие названия. Часто их называют посадочными страницами или страницами приземления. Использование лендинговых страниц увеличивает уровень продаж на 20-30% по сравнению с классическими интернет-магазинами с отсутствием оных.

Лендинг берет начало в США. Он был разработан группой американских маркетологов не так давно. Его созданию послужило молниеносное развитие интернет-коммерции. Именно серьезная конкуренция в интернете стала основой создания лендинг страниц. В России этот инструмент также активно развивается, но ещё только встает на ноги.

Особенно эффективно использование лендинг страниц в организациях следующего типа:

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

Как говорилось выше главная цель таких страниц — это побуждение к действию:

  • купить товар
  • подать заявку на консультацию
  • подать заявку на получения прайс-листа
  • зарегистрироваться для участия в какой-либо акции
  • подать заявку на заказ каких-либо расчетов

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

Виды лендинг страниц

Существует четыре основных категории лендинг страниц:

  • Long Page (Лонг Пейдж) — длинная страница(наиболее часто встречающийся тип лендинг страниц — это классическая длинная страница приземления)
  • Short Page (Шорт Пейдж) — короткая страница (главная её функция заключается в перенаправлении на другие страницы для дальнейшего сбора электронных адресов, что позволяет увеличить клиентскую базу и расширить число подписчиков услуги)
  • One step — классическая одношаговая страница (главная её функция — заинтересовать или подогреть уже существующий интерес будущего клиента)
  • Two step — классическая двухшаговая страница (главная её цель — оформление необходимого действия)

По своей природе такие страницы представляют собой полноценный сайт. Более того они могут быть не связанными с главной деятельностью сайта и работать как самостоятельная страница. Как правило, минимальный уровень конверсии лендинг пейдж находится между 1% — 4%. На практике достижение 30% уровня — отличный показатель для всех типов компаний. Конверсия от 5% до 10% считается довольно неплохой. В сфере инфобизнеса эффективная конверсия может достигать 30%. Конверсия — это единственный показатель, который эффективно и правдиво отражает уровень эффективность работы.

Именно поэтому при определении эффективности основой упор делают на показатели конверсии. Среди дополнительных показателей можно назвать:

  • общий процент отказов
  • среднее время, в течение которого посетитель находится на данной странице
  • карта кликов

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

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

Лендинг бесплатно — как организовать лендинг самостоятельно

Для создания лендинг пейдж всегда нужно задействовать профессиональную команду. Тем не менее, существуют и несколько абсолютно бесплатных сервисов, которые позволяют создать простой одностраничный лендинг. Также существует большое количество фриланс сайтов — на них можно сделать лендинг под заказ. Достаточно вбить в поисковую строку словосочетание «создать одностраничный лендингraquo; — поисковик покажет очень много сайтов и сервисов, которые позволяют создать лендинг страницу с помощью специального конструктора.

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

Характерные особенности лендинг страниц

Особенностей лендинг страниц достаточно много, но всегда следует держать в голове четыре простых правила:

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

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

А-Б тестирование лендинг страниц

Для тестирования посадочной страницы можно воспользоваться специальными методами, например методом А-Б.

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

Для А-Б тестирования нужно:

  • создать две лендинг страницы
  • уточнить «Цели» в метрике Яндекса или аналогичном сервисе Google Analytics
  • выждать определенное время для сбора информации, которая вскоре начнет поступать с вышеуказанных сервисов

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

Продающий лендинг — как вести бизнес с использованием лендинга

Продающий лендинг должен обладать определенными чертами-маркерами, среди которых:

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

Оптимизируем landing page

Методы, которые помогут продать ваш товар с помощью лендинг пейдж:

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

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

Заключение

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

Создать лендинг

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

Тематический трафик – альтернативный подход в продвижении бизнеса

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

Подпишись на рассылку и получи книгу в подарок!

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

Предположим, что у вас есть один товар – часы, поэтому вам не нужен объемный сайт, достаточно одной страницы. В этом случае вам подойдет лендинг пейдж.

Landing page — что это

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

Лендинг пейдж или сайт: что лучше

Для ответа на этот вопрос давайте рассмотрим особенности того и другого.

 

Основания для сравненияlanding pageСайт/домашняя страница
1Цель страницыОдна — побудить читателя к какому-либо действию:
  • купить
  • загрузить
  • просмотреть
  • подписаться на рассылку
  • поделиться конкретным контентом в социальной сети
  • получить номера телефонов и e-mail заинтересовавшихся
поделиться с посетителями подробной информацией о компании и продуктах, которые она предоставляет
2Объем информацииминимальныймного информации: меню, статьи, ссылки, реклама
3Возможность усовершенствованияможно легко создавать и проверять много вариантов в поисках лучшеготолько один вариант существования страницы
4Конверсионностьвысокаясредняя
5Ценадешеводорого

Landing page с английского языка переводится как посадочная страница. Это специальная рекламная страница, которая должна провести потребителя через 5 основных стадий:

  • внимание;
  • интерес;
  • желание;
  • действие;
  • удовлетворенность/неудовлетворенность.

Поэтому у такой страницы должна быть четкая структура.

Обязательные элементы landing page

1. Заголовок

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

2. Картинка

Создает визуально положительный образ услуги/продукта.

3. Описание товара/услуги

Краткое описание товара.

4. Индикаторы доверия

Отзывы, список клиентов и партнеров, статистика, сертификаты и лицензии, гарантии и контактные данные – всё это вызывает доверие у потенциального клиента. Если кто-то уже воспользовался этим товаром/услугой, значит, этой компании можно доверять.

5. Наличие логотипа

Логотип формирует у пользователя связь: “продукт — бренд”.

6. Иконки социальных сетей

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

7. Форма для заполнения информации — лид-форма

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

8. Кнопка, или призыв к действию (Call-to-Action -СТА)

Этот элемент призывает пользователя совершить целевое действие. Купить товар, оформить заказ или оставить контактные данные.

9. Форма после отправки заявки клиентом

Форма оповещения, которая содержит ссылку или купон на скидку на последующие покупки.

Виды лендингов

Landing page делятся

По длине:

  • Long page – длинная страница, которая содержит в себе все основные элементы. Больше двух прокруток.
  • Short – это короткая страница предназначена для сбора телефонов и электронных адресов. Это помогает увеличить количество подписчиков. Одна-две прокрутки страницы.

По количеству шагов:

  • One step – нужно сделать только один шаг.
  • Two step – два шага: на первой странице вызывается интерес клиента, на второй – оформляется действие.

По цели:

  • Click-through Page (только клик): цель страницы – так преподнести выгодность продукта/услуги, чтобы клиент нажал кнопку СТА.
  • Lead-capture Page (захват лида): цель страницы – сбор личных данных и продажа продукта/услуги.
  • Squeeze Page (от англ. squeeze — давить, выжимать): цель страницы – только сбор личных данных. Посетители записывают свой адрес в обмен на выгодное для них предложение.

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

Как сделать лендинг пейдж

Варианты создания целевой страницы:
1. Используете шаблоны из генератора сайтов.
2. CMS (content management system) – комплекс программ для управления сайтом.
3. Создаете сайт Html.
4. Обращаетесь к специалистам.

Как создать идеальный лендинг пейдж

  1. Разместите в шапке сайта самую важную информацию, чтобы прокрутка страницы была необязательным действием.
  2. Придумайте яркий и запоминающийся заголовок.
  3. Используйте изображение товаров только высокого качества, так как из-за невозможности потрогать товар клиент полагается только на визуальное его представление. Оно должно быть лучшим.
  4. Предоставьте покупателю возможность увеличения картинки с товаром, чтобы он мог изучить его в мельчайших подробностях.
  5. Персонализируйте обращение к клиенту, докажите ему, что ваш товар нужен.
  6. Структурируйте информацию на странице: грамотно используйте иконки, списки, буллеты, информативные видеоролики.
  7. Не пренебрегайте использованием отзывов на товар. Люди доверяют чужому мнению.
  8. Исключите любую навигацию. Она отвлекает внимание от основной цели.
  9. Предложите подарки, скидки.

Зачем нужен лендинг пейдж

Главная цель посадочных страниц – побудить к совершению целевого действия: купить, подать заявку на участие, подписаться на рассылку и т.д.
Кроме того, создание целевых страниц оправдано:
1. Если у вас уникальный товар, то такая страница лучше полноценного сайта будет продвигаться в поисковой системе.
2. Если вы собираетесь создавать сайт, то одностраничник поможет собрать большое количество подписчиков, т.е использовать его как рекламу будущего сайта.
3. Если у вас малый бизнес, то лендинг пейдж будет вам доступен по цене, в отличие от полноценного сайта.

Как продвигать landing page

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

  1. Контекстная реклама
  2. Реклама в социальных сетях.
  3. Рассылка
  4. Гостевой блоггинг

Лендинг пейдж — лучшие примеры

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


Designed To Move — лендинг, который тоже ничего не продает, но просто побуждает человека встать из-за стола и начать заниматься спортом. Сайт фокусируется на проблеме низкой физической активности современных людей и предлагает начать заниматься спортом.

простые страницы с помощью плагина Long Form Storybuilder

От автора: в этой статье мы поговорим о лендинг пейдж на WordPress и как их создать с помощью плагина Long Form Storybuilder. За последние годы сегмент интернет-маркетинга настолько вырос, что сегодня он считается одним из самых эффективных способов повышения конверсии. Не важно, какой у вас бизнес, если вы используете интернет для рекламирования своих товаров, то вы сразу же заметите быстрый рост продаж. В сети не существует географических барьеров, вы можете достучаться до миллионов людей онлайн.

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

Что такое лендинг страница?

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

На лендинг страницах все описано достаточно кратко, контента ровно столько, сколько необходимо, чтобы дать пользователю сделать выбор самому. Страницы, как правило, не назойливые, не отвлекают пользователя от товара, на них содержится несколько отзывов, а также на странице присутствуют в разумном количестве кнопки «призыва к действию». После этого необходимо провести A/B-тестирование. Лендинг страницы помогают повысить конверсию сайта, подталкивая пользователей подписаться на обновления или зарегистрироваться на вашем сайте, что ведет за собой повышение траффика, а значит, увеличение продаж.

Техническая сторона лендинг страниц

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

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

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

Основная проблема

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

Тут нам пригодится плагин Long Form Storybuilder для WordPress. Long Form Storybuilder вмиг поможет создать свою лендинг страницу, и совсем без навыков в разработке и дизайне. Рассмотрим плагин.

Long Form Storybuilder

Студия Press75 представила публике интуитивно понятный плагин, основной целью которого является создание красивых лендинг страниц. Плагин называется Long Form Storybuilder (LFS) и совершенно бесплатно доступен в WordPress репозитории плагинов.

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

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

Секции в Long Form Storybuilder

Long Form Storybuilder позволяет добавлять различные секции, каждая из которых нужна для создания лендинг страницы. Рассмотрим эти секции:

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

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

Header: основной раздел лендинг страницы, в нем расположен заголовок страницы и краткое описание. Можно добавить фоновый рисунок.

Callout: раздел, занимающий 100% ширины страницы, можно задать или цвет фона или фоновое изображение.

Content: секция создает одноколоночную область, в которую можно добавить текст через WP WYSIWYG редактор.

Full Feature: в этой секции можно добавлять широкоформатные изображения с наложением текста.

Section Heading: каждый раз при создании секции можно использовать этот раздел для добавления заголовка и подзаголовка к секции.

Two Column Content: Две колонки для текста.

Three Column Content: Три колонки для текста.

Long Form Storybuilder очень полезный плагин. Он создавался для новичков, и даже совершенно незнакомый с разработкой человек может легко создать лендинг страницу. Плагин дружелюбен со всеми браузерами, а также все секции подстраиваются под различные размеры экрана. Бьюсь об заклад, любой с помощью этого плагина сможет создать лендинг страницу всего за пару минут.

Это статья, по сути, краткая инструкция по плагину Long Form Storybuilder, в которой описаны возможности и назначение плагина. В следующей статье я на примере покажу, как он работает. После примера вы сразу же сможете создать собственную страницу. А пока что можетет задавать вопросы в комментариях.

Автор: Ahmad Awais

Источник: //www.sitepoint.com/

Редакция: Команда webformyself.

Бесплатный курс «Основы создания тем WordPress»

Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц

Скачать курс

Основы создания тем WordPress

Научитесь создавать мультиязычные темы с нестандартной структурой страниц

Смотреть

✈ Авиабилеты Лонг-Айленд ➡ Пейдж по выгодной цене

Дешевые авиабилеты из Лонг-Айленд в Пейдж

Хотите купить билет на самолет из Лонг-Айленд в Пейдж по самой низкой цене? Мы сравниваем цены на прямые рейсы Лонг-Айленд — Пейдж и перелеты с пересадкой среди 750 авиакомпаний и агентств. Зачем зря тратить свое время на поиск, если есть более удобная возможность воспользоваться скидками, акциями и распродажами лоукостов через интернет. С помощью полного расписания самолетов Лонг-Айленд — Пейдж вы быстро найдете нужный вариант перелета, уточните дни полетов и наличие авиабилетов на конкретную дату.

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

Стоимость авиабилета Лонг-Айленд — Пейдж

Cколько стоит билет на самолет до Пейдж из Лонг-Айленд и как приобрести дешевле? У нас есть несколько рекомендаций, взятых из календаря лучших цен на авиабилеты по этому маршруту:

1) Ценообразование зависит от месяца вылета, советуем бронировать первый и бизнес-класс заранее. Покупкой авиабилета эконом-класса также затягивать не стоит — делайте это за 2-4 месяца.
2) Самые дешевые билеты на самолет LIJ — PGA доступны в среду и четверг. Как правило, на выходных они стоят дороже.
3) Выгодней сразу покупать билеты в обе стороны, чем туда и обратно по отдельности.

Полезная информация перед бронированием путешествия из Лонг-Айленд в Пейдж

На нашем сервисе вы можете узнать:
  • Расстояние и длительность перелета (сколько лететь из Лонг-Айленд в Пейдж?)
  • Какие авиакомпании осуществляют прямые рейсы в Пейдж из Лонг-Айленд
  • У каких авиакомпаний самые дешевые билеты из Лонг-Айленд в Пейдж
  • Сколько длится перелет из Лонг-Айленд в Пейдж
  • Из каких аэропортов можно добраться в Пейдж из Лонг-Айленд

На каком расстоянии Лонг-Айленд от Пейдж?

От города Лонг-Айленд до Пейдж 2568 км.

Из каких аэропортов осуществляются перелеты по маршруту Лонг-Айленд — Пейдж?

В городе Лонг-Айленд: Лонг-Айленд. В Пейдж — Пейдж.

Что такое лендинг пейдж (landing page) и зачем нужно их создавать

 

Здравствуйте, дорогие читатели!

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

Мы разберем самые важные моменты, которые касаются этой темы. Затронем наиболее популярные платформы, на которых можно легко создать одностраничный сайт. Также немного коснемся SEO-продвижения, которое может сыграть ключевую роль в распространении товаров. И в завершении мы немного поговорим про создание такой страницы своими руками. Давайте начнем!

 

Зачем нужен одностраничный сайт

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

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

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

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

Допустим, если на одностраничнике будет слишком много неинтересного текста, например такого: “Мы работаем на рынке уже миллион лет, все наши клиенты довольны и т. д. и т. п.”, – то посетители его явно не оценят. Вы увидите, как они скоротечно покидают сайт.

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

Пользователи, приходящие на сайт по целевым запросам с Яндекс Директа или Гугл Адвордса, должны получить максимум полезной информации и решить для себя – стоит им покупать продукт, пользоваться услугами такой компании или нет.

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

 

Лендинг с технической стороны

Продающую страницу можно написать даже на чистом HTML + CSS. Но там не будет форм для отправки заявок, поэтому такой лендинг будет крайне низкопробным. Также проблемой станет редактирование элементов, потому что не каждый вебмастер справится с HTML и CSS. Перед непосредственной версткой шаблон landing page обычно создается в каком-нибудь графическом редакторе: Adobe Muse, Photoshop и т. д. В какой-то мере это двойная работа.

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

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

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

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

 

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

Разновидности лендингов

Поговорим о разновидностях лендингов. Они бывают самые разные. У каждого вида свои цели и задачи, но есть и то, что их всех объединяет – все лендинги должны рассказать клиенту о товаре или услуге и параллельно с этим дать возможность связи.

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

Страница сбора контактов

Даже сейчас такие страницы актуальны. Их задачей является сбор контактов. Обычно e-mail или номер телефона. В дальнейшем на эти контакты будет производиться рассылка или звонки.

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

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

Само собой, на таком лендинге должен быть функционал сборщика. То есть просто знание HTML и CSS тут не подойдет. Либо придется дописывать специальный скрипт на Java, либо делать такую страницу на другой платформе. Отлично подойдут WordPress и Joomla. В них имеются различные шаблоны, которые легко смогут зацепить внимание клиентов и побудить их к заполнению формы заявки.

 

Товарный лендинг

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

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

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

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

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

 

Сайт-визитка

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

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

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

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

Сайт-визитка поможет вам рассказать о себе или о своей компании, донести самую важную информацию и внести вклад в бренд. Не нужно упускать это из виду при построении вектора продвижения.

Лендинг с услугами

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

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

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

Брендированный лендинг

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

Допустим, тот же Apple. У них все просто и банально. Выходит новинка – iPhone XS MAX. Задача лендинга – представить не только новый продукт, но и повысить узнаваемость бренда компании.

 

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

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

Делать самому или заказывать

Возникает логичный вопрос. Что лучше: заказать landing page или сделать его самому? Все зависит от конкретного случая и ваших возможностей. Например, если вы хотите сделать лендинг недорого, то самый дешевый вариант – взять конструктор и сделать на нем самостоятельно. Разница просто колоссальная.

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

Можно доверить создание лендинга профессионалам, обратиться в веб-студию или на фриланс-биржи. Если все сделать четко и грамотно, не пожалеть денег и времени, то и результат будет соответствующим – сугубо положительным.

Заключение

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

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

Стоит учитывать, что лендинг – это не только красивый дизайн и формы заявок. Тут важную роль играет информация и представляемый продукт. Если сам продукт не очень качественный, то никакой лендинг не сделает из него конфетку.

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

Поэтому создание лендинга – это не просто склепать что-то на готовом шаблоне. Учитывайте этот факт.

Вот почему их все любят -Usersnap

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

Причина? Пользователи их любят!

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

Получайте удовольствие от чтения и прокрутки 😉

Что было изменено с помощью веб-сайтов с длинной или бесконечной прокруткой

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

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

Но именно в этом разница: нажимая что-то, пользователь принимает осознанное решение. При прокрутке пользователь просто продолжает делать то, что уже делает. Сознательное решение — прекратить прокрутку.

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

Отличие видно с первого взгляда:

Веб-сайт Apple, 1997 г.

Веб-сайт Apple, 2016 г.

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

Когда пользователи будут продолжать прокрутку?

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

Еще одна причина популярности сайтов с длинной полосой прокрутки — это растущее использование мобильных устройств. Прокрутка особенно удобна на маленьком экране по сравнению с использованием кнопок для навигации по веб-сайту.

Длинная прокрутка и рассказывание историй

Задача дизайнеров и маркетологов — рассказать историю своим веб-сайтом.

Для этого есть несколько возможностей дизайна и эффектов. Примерами являются анимация или параллакс-прокрутка (подробнее об этом чуть позже).

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

Чувство контроля

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

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

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

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

Соответствующее структурирование содержимого

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

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

Тур / Наши клиенты / Цены / Интеграции / Блог

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

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

Большой проблемой для сайтов с длинной прокруткой является определение оптимальной длины для пользователя.

Слишком много контента ошеломит пользователя.

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

Длинная прокрутка и взаимодействие

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

Интерактивные элементы заставляют пользователей быть занятыми, а также создают небольшой перерыв в мыслях. Хороший пример — сайт Пиратского кодекса: http://piratecode.ru/ru/

http://piratecode.ru/ru/

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

Параллакс и длинная прокрутка

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

Эффект параллакса включает в себя разные фоны, которые движутся с разной скоростью. В результате получается псевдо 3D-эффект. Термин «параллаксис» происходит от греческого языка и означает «изменение».

Фантастический пример сочетания повествования, параллакса и длинной прокрутки — это сайт The Boat.

Он берет графический роман Нам Ле о побеге из Вьетнама и передает его с использованием технологий современного веб-дизайна.

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

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

Завершение.

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

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

Вот обзор плюсов и минусов сайтов с длинной полосой прокрутки:

ПРО:

  • Интерактивное повествование
  • Низкий показатель отказов
  • Более высокое погружение

ВЫН:

  • Проблемы для SEO
  • Трудно измерить
  • Контент сложно настроить
  • Сложное кроссбраузерное тестирование

Мы рады услышать о вашем любимом сайте с длинной полосой прокрутки!

Мы в Usersnap надеемся, что вам понравится этот пост, и если вы подпишетесь на нас в Twitter, он вам понравится.Мы регулярно публикуем твиты о веб-разработке, веб-дизайне и UAT.

Usersnap — это решение для обратной связи с клиентами. Получите немедленную обратную связь от посетителей ваших веб-сайтов или веб-продуктов. Попробуйте прямо сейчас бесплатно!

Просмотр карты страны

1. СОЕДИНЕННЫЕ ШТАТЫ 358607
2. ВЕЛИКОБРИТАНИЯ 62618
3. КИТАЙ 50335
4. КАНАДА 44585
5. НЕИЗВЕСТНАЯ СТРАНА 31226
6. АВСТРАЛИЯ 29174
7. ИНДИЯ 28319
8. БРАЗИЛИЯ 25931
9. ГЕРМАНИЯ 20802
10. НИДЕРЛАНДЫ 15028
11. ПОЛЬША 12621
12. ФРАНЦИЯ 12541
13. ФИЛИППИНЫ 11649
14. ИТАЛИЯ 11146
15. ШВЕЦИЯ 11138
16. РУМЫНИЯ 9954
17. РОССИЙСКАЯ ФЕДЕРАЦИЯ 9867
18. ИСПАНИЯ 8747
19. МАЛАЙЗИЯ 8007
20. ТУРЦИЯ 7562
21. ЧЕХИЯ 7237
22. ИНДОНЕЗИЯ 6711
23. ПАКИСТАН 6240
24. НОРВЕГИЯ 6116
25. МЕКСИКА 6116
26. ФИНЛЯНДИЯ 5924
27. ЛИВАН 5580
28. НОВАЯ ЗЕЛАНДИЯ 5566
29. ДАНИЯ 5444
30. ТАИЛАНД 4761
31. УКРАИНА 4738
32. ВЕНГРИЯ 4603
33. АРГЕНТИНА 4512
34. ОБЪЕДИНЕННЫЕ АРАБСКИЕ ЭМИРАТЫ 4480
35. БЕЛЬГИЯ 4382
36. ШВЕЙЦАРИЯ 4341
37. СИНГАПУР 4295
38. ЯПОНИЯ 4065
39. СЕРБИЯ 4001
40. ИЗРАИЛЬ 3934
41. РЕСПУБЛИКА КОРЕЯ 3884
42. ГОНКОНГ 3740
43. ЧИЛИ 3517
44. АВСТРИЯ 3361
45. ПОРТУГАЛИЯ 3338
46. ВЬЕТНАМ 3092
47. ИРЛАНДИЯ 3050
48. АЛЖИР 2867
49. ЮЖНАЯ АФРИКА 2821
50. ГРЕЦИЯ 2811
51. СЛОВАКИЯ 2621
52. САУДОВСКАЯ АРАВИЯ 2174
53. ХОРВАТИЯ 2161
54. КОЛУМБИЯ 2152
55. ЕГИПЕТ 2083
56. ТАЙВАНЬ 2006
57. ШРИ-ЛАНКА 1959
58. ЛИТВА 1749
59. БОЛГАРИЯ 1719
60. СЛОВЕНИЯ 1629
61. ЭСТОНИЯ 1611
62. МАРОККО 1565
63. ТУНИС 1107
64. ИСЛАМСКАЯ РЕСПУБЛИКА ИРАН 1058
65. ЛАТВИЯ 1055
66. КАТАР 1050
67. БОСНИЯ И ГЕРЦЕГОВИНА 1042
68. НЕПАЛ 1009
69. БАНГЛАДЕШ 927
70. ВЕНЕСУЭЛА 884
71. ПЕРУ 878
72. КУВЕЙТ 842
73. БЫВШАЯ ЮГОСЛАВСКАЯ РЕСПУБЛИКА МАКЕДОНИЯ 792
74. АЛБАНИЯ 678
75. ИОРДАНИЯ 668
76. ДОМИНИКАНСКАЯ РЕСПУБЛИКА 637
77. ОМАН 628
78. ГРУЗИЯ 590
79. ЕВРОПЕЙСКИЙ СОЮЗ 577
80. КЕНИЯ 543
81. ЭКВАДОР 523
82. ИСЛАНДИЯ 498
83. УРУГВАЙ 466
84. НИГЕРИЯ 452
85. КОСТА-РИКА 440
86. СЕЙШЕЛЫ 427
87. БАХРЕЙН 427
88. БЕЛАРУСЬ 417
89. АРМЕНИЯ 398
90. ПУЭРТО-РИКО 394
91. ЯМАЙКА 384
92. МАЛЬТА 383
93. КИПР 379
94. КАМБОДЖА 353
95. МАВРИКИЙ 350
96. ИРАК 349
97. АЗЕРБАЙДЖАН 338
98. КАЗАХСТАН 327
99. PANAMA 323
100. РЕСПУБЛИКА МОЛДОВА 318
101 ЛЮКСЕМБУРГ 307
102. ТРИНИДАД И ТОБАГО 288
103. BRUNEI DARUSSALAM 282
104 ЧЕРНОГОРИЯ 265
105. GHANA 258
106. ГВАТЕМАЛА 252
107. МОНГОЛИЯ 243
108. HONDURAS 239
109. СИРИЙСКАЯ АРАБСКАЯ РЕСПУБЛИКА 200
110. ПАЛЕСТИНСКАЯ ТЕРРИТОРИЯ, ОККУПИРОВАННАЯ 199
111. Берег слоновой кости 184
112. МАЛЬДИВЫ 170
113. ПАРАГВАЙ 163
114. БОЛИВИЯ 160
115. СЕНЕГАЛ 158
116. EL SALVADOR 152
117. НАМИБИЯ 150
118 ОБЪЕДИНЕННАЯ РЕСПУБЛИКА ТАНЗАНИЯ 146
119. УЗБЕКИСТАН 135
120. BARBADOS 133
121. МОЗАМБИК 127
122. АНГОЛА 120
123. БЕЛИЗ 112
124 СУДАН 111
125. CURACAO 99
126. ЗАМБИЯ 94
127. ZIMBABWE 94
128. СУРИНАМ 94
129. HAITI 94
130. НИДЕРЛАНДЫ АНТИЛЛЫ 92
131. КАМЕРУН 90
132. БАГАМЫ 90
133. MACAO 87
134 НИКАРАГУА 85
135 ГУАМ 77
136. ЭФИОПИЯ 74
137. БОТСВАНА 73
138. МАДАГАСКАР 73
139. ГВИНЕЯ 72
140. ЛИВИЙСКАЯ АРАБСКАЯ ДЖАМАХИРИЯ 69
141. ГЯНА 58
142 ФАРЕРСКИЕ ОСТРОВА 58
143. КЫРГЫЗСТАН 57
144. БЕНИН 55
145. УГАНДА 54
146. АНТИГУА И БАРБУДА 52
147. ДЖЕРСИ 51
148. LAOS 51
149. GABON 51
150. АФГАНИСТАН 48
151. СЕНТ-ВИНСЕНТ И ГРЕНАДИНЫ 47
152. МЬЯНМА 46
153. FIJI 44
154. КАЙМАНОВЫ ОСТРОВА 42
155. БУРКИНА ФАСО 38
156. ПАПУА-НОВАЯ ГВИНЕЯ 37
157. БЕРМУДЫ 37
158. РУАНДА 35
159. ARUBA 32
160. МАЛАВИ 32
161. ФРАНЦУЗСКАЯ ПОЛИНЕЗИЯ 31
162 НОВАЯ КАЛЕДОНИЯ 28
163. МАЛИ 26
164. ДОМИНИКА 25
165. ГИБРАЛТАР 25
166. МАВРИТАНИЯ 25
167. ЙЕМЕН 23
168. Азиатско-Тихоокеанский регион 22
169. Воссоединение 20
170. СВАЗИЛЕНД 18
171. СОМАЛИ 16
172 ГРИНЛАНДИЯ 15
173. ДЕМОКРАТИЧЕСКАЯ РЕСПУБЛИКА КОНГО 15
174. ТУРКИ И ОСТРОВА КАЙКОС 14
175. ГРЕНАДА 14
176. КЕЙП ВЕРДЕ 14
177. БУТАН 13
178. АНДОРРА 12
179. САН-МАРИНО 12
180. ГАМБИЯ 12
181. СИНТ-МАРТЕН 12
182. СЬЕРРА-ЛЕОНЕ 12
183. ВИРГИНСКИЕ ОСТРОВА, США 12
184. ЛИХТЕНШТЕЙН 12
185. MONACO 12
186. ВИРГИНСКИЕ ОСТРОВА, БРИТАНСКИЙ 11
187. ЛИБЕРИЯ 10
188. ТОГО 10
189. СЕРБИЯ И ЧЕРНОГОРИЯ 9
190. SAINT KITTS AND NEVIS 9
191. SAO TOME AND PRINCIPE 8
192. BURUNDI 8
193. КУБА 7
194. BONAIRE; СИНТ-ЭВСТАТИЙ; SABA 7
195. КОНГО 7
196. АЛАНДСКИЕ ОСТРОВА 7
197. НИГЕР 7
198. ЭКВАТОРИАЛЬНАЯ ГВИНЕЯ 6
199. ДЖИБОУТИ 5
200. СЕВЕРНЫЕ МАРИАНСКИЕ ОСТРОВА 5
201. ЛЕСОТО 5
202. АНГИЛЬЯ 4
203. GUADELOUPE 4
204. ГВИНЕЯ-БИССАУ 3
205. МАРТИНИК 3
206. ТАДЖИКИСТАН 3
207. СОЛОМОНСКИЕ ОСТРОВА 3
208. ГЕРНСИ 3
209. ТОНГА 3
210. ЦЕНТРАЛЬНОАФРИКАНСКАЯ РЕСПУБЛИКА 2
211. VANUATU 2
212. TIMOR-LESTE 2
213. ФЕДЕРАЦИЯ МИКРОНЕЗИИ 2
214. ST. ПЬЕР И Микелон 2
215. ОСТРОВ МУЖЧИНЫ 2
216. PALAU 2
217. ФРАНЦУЗСКИЙ ГИАНА 2
218. HOLY SEE (ГОРОД ВАТИКАН) 2
219. СЕВЕРНАЯ КОРЕЯ 1
220. ОСТРОВА ПРИГОТОВЛЕНИЯ 1
221. ЭРИТРЕА 1
222. САМОА 1
223. КОМОРЫ 1
224. ТУРКМЕНИСТАН 1
225. КИРИБАТИ 1
226. MAYOTTE 1

10 отличных дизайнов веб-сайтов с одной длинной страницей

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

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

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

Beatrate

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

Black Estate Vineyards

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

Bounty Beverages

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

Chleon

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

Djuradj

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

Free Range Designs

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

Джошуа Тернер

Другой сайт дизайна. Джош ясен и прямолинеен, и снова цвета сведены к минимуму.

Squarespace

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

Иллюстрация и дизайн двух рыбок

Я знаю, что я сказал о параллаксе, но мне нравится его использование здесь. Поймай мое внимание, покажи мне свою работу, брось мне контактную форму. Быстро и просто. (Этот сайт тоже очень похож.Я не уверен, что было первым.)

Whitmans

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

И еще одна поучительная история…

VonDutch

Это Интернет, где большинство людей не читают, а бегло просматривают.Помните, что я говорил о том, чтобы в первую очередь держать первое дело? Я дважды просмотрел этот сайт и до сих пор не понимаю, для чего он нужен и что он продвигает. Чтобы убедиться, что сайт красивый, и кто-то весело провел время, собирая множество винтажных фотографий. Но я понятия не имею, что такое Von Dutch и что они хотели, чтобы я делал на их сайте.

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

Одна длинная страница против нескольких коротких страниц?

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

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

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

Я подозреваю, что настоящая мотивация для того, чтобы страницы были короткими, — это числа. Статья, содержащаяся в одном HTML-документе, получает только один просмотр страницы (1) для вашего сайта, но берет ту же статью и распределяет ее по 10 страницам, и теперь ваш сайт потенциально имеет 10 просмотров страниц.Не только это, но и для сайтов, поддерживаемых рекламой, это будет в 10 раз больше рекламы, показываемой читателю.

Как читатель веб-контента, я абсолютно НЕНАВИЖУ философию разбиения отдельных статей или руководств на страницы с несколькими экранами по следующим причинам:

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

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

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


1 — Просмотр страницы
Подсчет количества веб-страниц, просмотренных посетителями. Просмотры страниц не следует путать с посещениями страниц. Просмотр одной страницы обычно состоит из нескольких обращений, каждое из которых представляет один файл, составляющий одну часть страницы.Например, когда вы обращались к этой веб-странице, она представляет один просмотр страницы и три обращения: одно для файла html, одно для файла CSS и одно для изображения, которое появляется в верхней части страницы.
2 — Вес страницы
Вес страницы — это общее количество килобайт, связанных с одной страницей содержимого. Счетчик байтов веса страницы включает саму HTML-страницу, связанные файлы изображений, связанные файлы CSS и Javascript и т. Д.

Вернуться к индексу раздела «Веб-дизайн».

4 случая, когда короткие домашние страницы превосходят длинные домашние страницы

Что лучше? У вас длинная домашняя страница с большим количеством копий или короткая?

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

Случай № 1: сообщение Moto

Изначально мы создали длинную домашнюю страницу для Moto Message, на которой были рассмотрены все ключевые проблемы, выявленные в результате нашего исследования пользователей.Самый первый A / B-тест, который мы запустили, должен был сравнить его с гораздо более короткой версией.

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

Результатов:

С более короткой версией на 97% больше людей перешло на страницу «Тур и особенности» и на 21% больше людей перешло на страницу с ценами.

Случай № 2: DesignBoost

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

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

Мы запустили очень длинную и тщательную версию против минимальной версии:

Результатов:

На 13% больше подписок по электронной почте (каждый бит помогает) и на 25% больше людей посещают их курсы.Я называю это победой.

Случай № 3: Pipedrive

Pipedrive — это инструмент управления воронкой продаж, своего рода CRM.

После того, как их инвесторы порекомендовали сделать домашнюю страницу короче, и они (сначала) неохотно провели тест, Pipedrive добился увеличения числа регистраций на 300%:

Вот что сказал об этом их генеральный директор Тимо:

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

Дело № 4: CXL

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

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

Это поразило меня. Почти в 2,5 раза больше подписок по электронной почте только потому, что я удалил два блока информации? Вот это да. Мало того, еще на 25% больше переходов по моему блогу и на 45% больше людей воспользовались моими услугами — #winning!

Почему это

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

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

«Но я видел, что страницы с длинными формами работают лучше!»

Конечно, да, и я тоже. Дело не в длине, а в том, какой контент подходит конкретной аудитории.

Вот известный пример использования SEOMoz, в котором более длинная страница помогла повысить конверсию примерно на 170% за четыре месяца:

И, конечно же, тематическое исследование CrazyEgg, в котором обновленная и гораздо более длинная версия увеличила выручку на 510%:

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

Когда короткая домашняя страница лучше?

Кроме того, главное отличие между 4 приведенными выше тематическими исследованиями и 2 длинными состоит в том, что короткие страницы не требовали денег. Если вы хотите, чтобы люди выполняли действия, которые не обходятся им в долларах (подписка по электронной почте, бесплатная пробная версия, переходы по ссылкам), короткие страницы работают лучше почти во всех тестах, которые я проводил.

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

Копировальная матрица

Боб Кемпер, директор по науке, MECLABS, создал простую матрицу, которая поможет вам определить, какой объем копии может быть более эффективным для вашего продукта или услуги. Он проанализировал сотни тестов в лабораториях оптимизации MarketingExperiments и обнаружил несколько факторов, которые помогают определить эффективность длины копии.

Факторы, влияющие на эффективность длины основного текста на целевой странице:

  • Характер мотивации посетителей
  • Начальный уровень беспокойства по поводу продукта / компании
  • Уровень затрат / обязательств, связанных с конверсией.

По словам Боба, короткие копии лучше работают при низком предполагаемом риске, низкой стоимости и низкой приверженности. Также, когда у клиента есть эмоциональная, импульсивная и «ориентированная на потребности» мотивация. Другими словами, если вы хотите создать эффектную копию для билетов на концерты, дизайнерской обуви или mp3-плеера… делайте это кратко.

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

Заключение

Всегда, всегда делайте 2 версии для своей домашней страницы — и проводите сплит-тестирование.

Если выигрывает короткая, это не пустая трата времени. Вы просто берете содержимое более длинной страницы и делаете ее отдельной страницей. В случае Designboost и Moto Message мы создали отдельные страницы Tour и Why Choose Us из содержимого более длинной домашней страницы.

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

Лучшее время для использования длинных целевых страниц для A / B-тестирования

Когда вы создаете целевые страницы после клика, иногда вам приходится делать несколько жестких требований — выбирать тип заголовка, вплоть до цветов на странице и копии кнопки CTA.

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

Данные, которые вы собираете с помощью A / B-тестирования, решают многие вопросы CRO, но проблема с тестированием заключается в том, что это не мгновенное решение. Вы не можете полагаться на данные A / B-тестирования сразу после публикации своей страницы.

Здесь в игру вступают лучшие практики CRO.

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

Пусть начнутся дебаты.

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

Чехол для коротких страниц

Объем человеческого внимания сокращается, и мобильный маркетинг сыграл большую роль в его ухудшении.

Если раньше мы могли похвастаться 12 секундами связного мышления, то теперь это число снизилось до 8 секунд, и все благодаря нашему многоэкранному образу жизни. Заставить посетителей сосредоточиться на вашем предложении достаточно долго, чтобы нажать кнопку с призывом к действию, с каждым днем ​​становится все сложнее.

Средняя продолжительность сеанса для пользователей настольных компьютеров составляет 150 секунд, для мобильных устройств продолжительность сокращается до 72 секунд. У посетителей нет времени пролистывать длинную страницу — они хотят знать ценность предложения, и они хотят узнать это быстро.Вот почему копия целевой страницы после клика представлена ​​в виде маркированного списка и нумерованных списков, потому что у посетителей нет времени читать большие блоки текста.

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

Например, компания 37 Signals протестировала короткую целевую страницу после клика по сравнению с длинной страницей и обнаружила, что конверсия более короткой страницы увеличилась на 102,5%:

Целевая страница после нажатия кнопки Intercom, представленная ниже, представляет собой краткую форму целевой страницы после нажатия кнопки, но она хорошо объясняет предложение, перечисляет функции продукта, имеет значки клиентов и яркую характеристику:

Страница Kissmetrics — еще одна короткая страница формы, которая отлично объясняет предложение:

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

Шкаф для длинных страниц

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

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

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

Эксперты по коэффициенту конверсии протестировали короткую форму целевой страницы Crazy Egg после клика с длинной формой претендента, и более длинный вариант повысил их коэффициент конверсии на 363%:

Вариант был примерно в 20 раз длиннее контрольной страницы. На странице было больше конверсий, потому что на ней подробно объяснялось, как работает Crazy Egg и что влечет за собой тепловые карты.

Другой пример — длинная целевая страница Revolution Golf после клика, на которой было получено более 13 500 продаж:

Уловка с длинными страницами — хорошая структура. Если форматирование страницы отключено, посетители не будут рассматривать вашу страницу в первую очередь.

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

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

Цена

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

Если то, что вы предлагаете, представляет собой бесплатное тематическое исследование, используйте короткую форму целевой страницы после клика, как это делает UserVoice:

В отличие от этого, курс по продвижению сообщений в блоге Кристи Хайнс доступен за 300 долларов.Поэтому для продвижения курса она использует длинную страницу:

Уровень осведомленности и описание продукта

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

У

The Home Chef есть короткая целевая страница после щелчка, потому что само название объясняет, о чем идет речь:

С другой стороны, агентство ConversionXL использует длинную целевую страницу после клика, чтобы полностью объяснить свои услуги посетителям:

A / B-тестирование помогает разобраться в сути дела

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

Все предложения индивидуальны, A / B-тестирование дает нам основанные на данных ответы о том, какая длина страницы наиболее эффективна.

Начните с создания полностью настраиваемой целевой страницы после клика, закажите демонстрацию Instapage Enterprise сегодня.

Как долго должно быть резюме? Идеальная длина резюме

Какой длины должно быть резюме?

Некоторые эксперты говорят, что это одна страница, а некоторые — две, три или больше.Некоторые говорят: «Это зависит от обстоятельств».

Почему неразбериха?

Все меняется. Раньше мы использовали факсы и бумагу. Вторые страницы могут пропадать, как носки в сушилке.

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

Но это все еще не означает, что мы живем на диком, Диком Западе, где длина резюме доступна для всех.

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

Это руководство дает ответы на следующие вопросы:

  • Как долго должно быть резюме?
  • Сколько страниц должно быть в резюме?
  • Как далеко должно уходить резюме?
  • Как сбалансировать длину резюме с достижениями.

Вот образец резюме, созданного с помощью нашего конструктора резюме.

Хотите сэкономить время и подготовить резюме за 5 минут? Попробуйте наш конструктор резюме.Это быстро и легко. Кроме того, вы получите готовый контент, который можно добавить одним щелчком мыши. Посмотрите 20+ шаблонов резюме и создайте свое резюме здесь .

Создайте свое резюме прямо сейчас

Пример одностраничного резюме — Посмотрите другие шаблоны и создайте свое резюме здесь .

Один из наших пользователей, Никос, сказал следующее:

[Я использовал] хороший шаблон, который я нашел на Zety. В моем резюме теперь одна страница , а не три .То же самое.

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

Как долго должно быть резюме?

Хорошее резюме должно состоять из одной-двух страниц, в зависимости от вашего уровня опыта.

Подробнее см. В таблице ниже.

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

Сколько должно быть резюме
Вопрос Ответ
Как долго должно быть резюме? 1 страница для большинства соискателей
Сколько страниц должно быть в резюме? 1–2 + страницы (на основе опыта)
Почему длина резюме имеет значение Передает уровень опыта
Резюме должно быть на одной странице? Для стажа <7 лет - да
Как долго может быть резюме? 10 страниц в крайнем случае
Как далеко должно уходить резюме? Немного дальше, чем указано в предложении о работе
Какой длины должно быть резюме? Не более 2 страниц формата А4 (для большинства кандидатов)

Лучший ответ о том, сколько времени может длиться резюме при современном найме:

Оно должно быть как можно короче и при этом передать свою ценность.

Для большинства соискателей это означает одну страницу. Это верно для всех, у кого опыт работы в этой сфере составляет менее 7–10 лет.

Сколько страниц должно быть в резюме?

В резюме должна быть 1 страница для большинства, 2 для некоторых и больше для некоторых. Это зависит от , с кем вы столкнетесь.

Если кто-то другой может доказать, что его навыки подходят для работы на одной странице, используйте ее. Вам нужно больше, чтобы показать свои впечатляющие достижения? Используйте 2+.

Длина резюме и почему это важно

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

Должно ли быть резюме на одной странице?

Резюме не должно быть одной страницей. Что, если у вас есть сотни достижений, которые невозможно перечислить? Например, вы менеджер проекта.Вы сделали 35 уникальных проектов, каждый со своими выдающимися достижениями. Никто не будет винить вас за трехстраничное резюме.

Как долго может быть резюме?

Резюме может состоять из одной или двух страниц. Но неужели трехстраничное резюме слишком длинное? А как насчет 4-страничного резюме?

Достаточно уникальных, связанных достижений, чтобы заполнить четыре страницы без повторения? (И каждое из них впечатляет?) Напишите более длинное резюме.

Итак, сколько вообще длится резюме?

Не знаете о длине резюме? Хороший.Вот итог. Забудьте о длине резюме.

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

Резюме должно длиться дольше, если работа требует большого опыта. Если в описании должности указано «требуется 3–5 лет опыта», не перечисляйте 20.Некоторые исследования показывают, что более квалифицированным кандидатам может быть труднее получить работу. В любом случае перечислите только релевантных опыта.

Сколько должно быть резюме для учебы в колледже?

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

Pro Совет: Какая длина сопроводительного письма вам нужна? В большинстве случаев идеально подходят 2/3 страницы, хотя есть и довольно большие исключения. Смотрите наше руководство по длине сопроводительного письма прямо здесь.

Требуется одностраничное резюме? Быстро напишите короткое резюме, адаптированное к работе и позволяющее получить больше собеседований. Быстро выучите все важные правила резюме. См. Наше руководство: Должно ли резюме быть одной страницей? Как сделать его одной страницей [+ Советы]

2

Продолжительность резюме за 3 простых шага

Как сделать резюме правильной длины?

Если вы будете следовать приведенным ниже правилам длины резюме, не будет иметь значения, есть ли у вас 1-страничное резюме, 2-страничное или более длинное.Почему?

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

Продолжайте двигаться

Перефразируя JFK: не спрашивайте: «Как долго должно быть резюме?» но «Как можно сделать так, чтобы это было интересно?» Не увязайте в длинных описаниях обязанностей. Наш статистический отчет по кадрам показывает, что менеджеры просматривают резюме, зачастую менее чем за 7 секунд. Будьте кратки и придерживайтесь достижений.

Сохраняйте актуальность

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

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

Конденсировать, Конденсировать, Конденсировать

Не повторяйте одно и то же достижение снова и снова. Вместо того чтобы говорить, что вы обучили пять сотрудников принципам бережливого производства, двух — гибкой методологии и 15 — методам шести сигм, скажите, что вы обучили более 20 сотрудников таким методам, как Lean, Agile и Six Sigma.Это использует один маркер.

Используйте шрифт, интервал и поля, но не выходите за рамки

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

Несколько впечатляющих достижений лучше длинного списка обязанностей

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

«Снижение затрат на складские запасы на 35%» превосходит «Ответственность за управление запасами» в любой день. Итак, внимательно прочтите описание должности, а затем перечислите соответствующие достижения.

Сколько пунктов в резюме в каждой вакансии?

Перечислите 3-5 пунктов маркированного списка для каждой вакансии в разделе вашего резюме, посвященном опыту работы. Сделайте из них по 1–2 строчки. У вас действительно достаточно впечатляющих достижений, чтобы заполнить 30 строк на вакансию? Если да, то вам нужно 2-страничное резюме.Убедитесь, что они актуальны для этого конкретного предложения.

Совет для профессионалов: Вы менеджер проекта, инженер или высшее руководство? Для любой работы, где вам больше подойдет большой опыт, лучше всего подойдет более длинное резюме. Просто убедитесь, что он актуален и основан на достижениях.

Получаете двухстраничное резюме? Волновался? Вот все, что вам нужно знать: Резюме на 2 страницы: сокрушит ли это ваши шансы? (Формат и совет эксперта)

В составлении резюме есть некоторые правила, но правило No.1: включите все, что поможет вам пройти собеседование.

Барт Турчински

Карьерный эксперт

Итак, какова идеальная длина резюме?

На вопрос «Сколько страниц должно быть в резюме?» Можно получить много ответов. Запомните эти ключевые советы:

  • Длина резюме растет с увеличением необходимого опыта.

Leave a Reply

Your email address will not be published. Required fields are marked *