Лучшие landing page: экспертная выборка. Что такое одностраничник

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

Отличный одностраничник, созданный в преддверии конференции JSConf, которая состоялась в Буэнос-Айресе в 2014 году. На сайте много анимации, которая помогает ознакомиться с повесткой дня и различными мероприятиями, которые были запланированы в рамках проведения конференции. На сайте также есть офф-канвас JS-терминал, где можно изменять расположение элементов на странице и таймер обратного отсчета до начала мероприятия.

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

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

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

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

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

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

Очень интересный одностраничный сайт, рассказывающий о мировом производства еды. Вы узнаете, сколько тонн еды в мире производится за 5 секунд, сколько топлива потребляет сельхозтехника, сколько человек работает в мировом сельском хозяйстве и множество других интересных фактов. Инфографика на сайте сделана на CSS, что выделяет World Food Clock на фоне других одностраничных сайтов. Сайт закольцован, так что пользователи, которым интересна тема, рискуют провести на сайте много времени.

Великолепная работа дизайнеров из французского агентства Studio Meta. Одностраничник Resanova – это комплексное решение для гостиниц, включающее удобную систему бронирования отелей и многое другое. Здесь все прекрасно – приятная цветовая гамма, правильная подача информации, хорошо различимые разделы. Вся анимация сделана с использованием SVG и все работает очень хорошо. Мастерская работа, отличный одностраничник!

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

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

Подписаться

Одностраничник - это сайт состоящий из одной страницы.

Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA

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

Что такое одностраничный сайт? Это витрина с продавцом в придачу. Если провести аналогию, то это торговая точка в сети, в которую все включено:

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

Каждый такой лендинг - отдельный продавец с витриной. Он может сделать посетителю только одно предложение или рассказать о нескольких вариантах предложения.

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

Одностраничный сайт: примеры, разновидности, возможности

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

Вот пример формы, заполнив которую посетитель становится потенциальным клиентом:

В зависимости от поставленной задачи, одностраничник может относиться к одной из представленных разновидностей:

1. Конверсионный сайт одностраничник толкает человека к немедленному целевому действию. Сделать он может вот что: подписаться на рассылку, заказать обратный звонок, купить продукт, скачать материалы и пр. Его “фишки”: цепляющие заголовки, мощное УТП, манящие кнопки, обратный отсчет времени до конца действия предложения.
2. Страница захвата или подписная . Она сравнительно небольшая и ее главная задача - собрать email-адреса посетителей и отправить их в вашу воронку. Часто на таких страницах в обмен на контактные данные предлагают небольшой бесплатный продукт/скидку/бонус. Любое что-то, за что посетитель легко отдаст вам свой email.
3. Продажник под физтовары и услуги - это одностраничник, который продает. Именно оформление покупки - целевое действие, ожидаемое от посетителя. Как правило, он небольшой.
4. Продажник инфобизнесмена - продает обучающие продукты экспертов. Длина такого лендинга во многом зависит от известности эксперта и стоимости его продуктов.

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

Одностраничник в деле

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

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

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

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

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

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

Вам все подошло, и вы купили кроссовки, потратив на все 20 минут.

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

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

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

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

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

Плюсы и минусы одностраничных сайтов

Давайте рассмотрим, чем одностраничник отличается от традиционного сайта.

Плюсы:

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

Минусы:

• Не собирает трафик из поисковых систем - трафик льется с рекламы (таргетированная либо контекстная).
• Возможность озвучить только 1 предложение. Если вы хотите привлечь внимание аудитории к другим вашим предложениям, создавайте другие одностраничники.
• Сравнительно быстро теряет актуальность, потому что наверняка у вас появятся новые, более заманчивые предложения, на продаже которых вы захотите сосредоточиться.

Получается, что сайт - это долгосрочный инструмент, который при регулярной работе над ним, становится только лучше и эффективнее. А одностраничник - это быстрый инструмент, который помогает буквально “выстреливать” на рынке и выводить продажи на новый уровень.

Заработок на одностраничниках

Лендинг - связующее звено между продавцом и покупателем. Поэтому этим инструментом часто пользуются те, кому нужно “засветиться” перед целевой аудиторией:

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

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

Примерная схема расположения блоков выглядит так:

Что продавать на одностраничных сайтах

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

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

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

О лендосах (продающих лендингах) у нас будет отдельная статья, мы очень любим этот нахрапистый формат рубки бабла. Сейчас давайте поговорим о другом: что делать, если без лендинга никак, а играть по правилам лендосов неловко? Как сделать одностраничный сайт и не прогадать в долгосрочной перспективе? Разбираемся вместе с экспертами из .

Одностраничный сайт: один в SEO не воин?

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

Для начала ― краткий ликбез для тех, кто считает одностраничник и лендинг равнозначными понятиями.

Одностраничный сайт (одностраничник, single/one page website)	Лендинг (landing page, целевая/ посадочная страница)
Не обязательно лендинг. Это всегда одна страница, передвижение по которой осуществляется путем прокручивания или с помощью ссылок внутри страницы.	Не обязательно одностраничный сайт. Лендинг может быть как самостоятельной страницей, так и входить в состав полноценного сайта. Часто делают мини-сайты из 3-5 страниц, каждая из которых - лендинг. Основная цель посадочной страницы ― сбор контактов потенциального клиента или оформление заказа с сайта.
Примеры
Одностраничный сайт (не лендинг).	Лендинг (не одностраничник).

К делу ― можно ли продвинуть одностраничник в ТОП?

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

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

Минусы одностраничного сайта с точки зрения SEO

• Проигрывает старичкам-многостраничникам

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

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

По поводу возраста домена Мэтт Каттс сказал , что он имеет значение, но не такое больше, как ему приписывают. Цитата: «Сайты с возрастом 6 месяцев и 1 год не слишком отличаются для Google». Но как показывает практика, возраст все-таки имеет значение, но не просто как факт, а в отношении количества ссылок, обновления контента и других положительных факторов ранжирования, которыми может обзавестись сайт в течение долгого существования.

В патенте Google «Информационный поиск на основе исторических данных» сказано, что имеет значение также и дата окончания регистрации домена:

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

Что касается Яндекса, многие слышали про его “песочницу”, в которую якобы попадают все молодые сайты, но сами разработчики поисковой системы никак не комментируют эту информацию, поэтому приходится опираться только на собственный опыт и набитые шишки. Можно сказать лишь одно ― Яндекс учитывает возраст сайта как фактор ранжирования, считая взрослые ресурсы более достойными доверия. Это скорее рекомендация, чем закон. Но тем не менее её принимают во внимание. Так, мы проверили 150 000 сайтов, которые продвигаются с помощью сервиса SE Ranking, и увидели, что около 93% размещают сайты на доменах возрастом более 1,5 года.

Решение

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

• Охватывает мало ключевых слов.

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

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

Решение

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

• Сложно получить обратные ссылки

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

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

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

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

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

Создание Landing Page любой сложности на простом и удобном WordPress. Кратчайшие сроки, полная внутренняя оптимизация, доступные цены.

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

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

• Продажа инфо-продуктов отлично проводиться на одностраничных сайтах. Если у вас уникальный товар, без аналогов на рынке, тогда вам подойдет одностраничный лендинг. Прелесть в том, что одну страницу наполнить несколькими тысячами слов заточенными под один или несколько запросов гораздо проще продвигать в поисковой системе, по крайней мере так было раньше. Сейчас поисковики все же отдают преимущество большим сайтам. Но в случае с уникальным товаром, достаточно будет и одной посадочной страницы.
• Релиз масштабного проекта, с небольшим описанием и созданием подписной базы. К примеру вы через год планируете создать огромный портал или скажем конкурентноспособную социальную сеть, но вам потребуется еще целый год для разработки. Создание одностраничника в данном случае способно собрать огромное количество подписчиков, готовых в первый же день жизни будущего сайта посетить и оценить его. Эти посетители оставляют свои контактные данные (номер телефона, ФИО, емейл). Если сосредоточиться на интригующем тексте к примеру - «Новая социальная сеть оставит Вконтакте в прошлом…». Данных ход сможет заинтересовать миллионы пользователей сети, да и распространяются такие «заявки» в сети очень быстро. Короче одной из причин создания одностраничного сайта может быть рекламная компания будущего сайта.
• Владельцы малых бизнесов могут использовать одностраничник для продаж. Такие сайты не дорогие в разработке, поддержке и наполнении, что как раз по карману малого бизнеса.
• Все варианты преведенные выше могут переплетаться меж собой и представлять лично вашу цель в интернете.

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

Какие бывают одностраничные сайты

Как же можно создать одностраничник, вариантов сразу несколько:

• С помощью CMS, это движок под сайт, на который нужно лишь натянуть шаблон, и написать текст. С этой задачей легко может справиться WordPress. Все довольно просто - пишите текст, делаете картинки, скачиваете и , наполняете страницу заготовленным текстом и публикуете ее в сети. Все это займет даже у новичка один два дня.
• Сайт на чистом Html. У тех кто не знает язык разметки могут возникнуть трудности, тем же кто разбирается это плевое дело, на несколько часов работы. Преимущества такого сайта в том что он гораздо быстрее и его трудно «сломать». Ломать то в общем и нечего.
• Генератор сайтов. Вариант для самых ленивых. Я бы его не советовал, это действительно самый простой способ, но «выхлоп» таких сайтов будет на порядок ниже.

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

Примеры одностраничных сайтов

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

Адреса этих страниц:

http://www.blincagency.com/

http://school.olaeff.ru/

http://agent.tobiz.net/

В чем отличие одностраничного сайта от обычного

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

Конечно же главное отличие в количестве страниц, но существуют и другие нюансы:

1. Количество страниц, это я думаю понятно. Разницу между одной и несколько все понимают.
2. Легче продвижение. Для лендингов обычно берут около 10 фраз для продвижения и внедряют их в большой текст. Эти фразы гораздо проще продвигать в ПС и бюджет на их продвижение гораздо меньше.
3. Все в одном месте. Пользователю не нужно ходить по сайту, смотреть карточки товаров, искать контактные данные. Все в одном месте, это может значительно ускорить процесс покупки.
4. Гораздо дешевле. Адекватная стоимость простенького одностраничного сайта не превышает 100$, конечно же эту цифру можно раздуть в любую сторону. Все зависит от функционала и сложности шаблона.

В общем это все что я хотел рассказать об одностраничных сайтах. Надеюсь главный вопрос статьи «Что такое одностраничник» полностью снят.

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

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

Общие принципы лендинга

Понять, что такое лендинг (landing page), несложно: достаточно представить себе коммерческое предложение в интернете, в котором все характеристики товара, его преимущества, описание, выгода и покупательский функционал выложены на одной странице.

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

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

Создать лендинг бесплатно!

Повышение конверсии продаж одностраничника (landing page)

Основные принципы хорошего продающего сайта просты. Лендинг пейдж должен:

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

Форматирование текста

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

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

Джон Кеннеди в своей книге «Продающее Письмо » раскрывает некоторые тезисы коммерческих приемов в тексте:

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

Создание одностраничного сайта в конструкторе Wix

Вниманию тех, кто хочет собственноручно создать landing page (целевую страницу), предлагается немало онлайн-конструкторов. Одним из них является конструктор сайтов wix . Рассмотрим, как сделать с его помощью одностраничный сайт, не имея при этом навыков программирования, и не зная HTML. В качестве примера рассмотрим процесс создания лендинга для продажи экономителя топлива FuelFree.

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

Создать лендинг бесплатно!

При желании, прокрутив окно вниз, вы можете ознакомиться с особенностями конструктора, его преимуществами и т.д. Не будем останавливаться на этом, а приступим к созданию landing page с нуля.

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

Чтобы выбрать «основу » для создаваемого нами одностраничника, выберите в списке пункт «Одностраничные »-«Лендинг »:

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

ВАЖНО. Прежде, чем выбрать шаблон для сайта, вы можете оценить его работу. Для этого нажмите кнопку «Просмотр», и конструктор перенаправит вас в раздел с реально работающим примером на базе выбранного шаблона:

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

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

1. Пункт «Страницы ». Предназначен для работы со страницами сайта (добавление, удаление, настройка отображения и т.д. );
2. Пункт «Дизайн ». Здесь вы найдете инструменты, необходимые для работы с дизайном сайта. Для удобства они распределены по подгруппам для работы с фоном, цветовыми схемами, шрифтами и т.д.;
3. «Добавить ». При помощи этого пункта вы сможете добавить на свой одностраничник различные элементы: текстовые поля, кнопки, различные формы. Библиотека конструктора содержит просто огромный выбор подобных элементов.
4. «App Market ». Это собственный магазин приложений и полезных дополнений для сайта. Здесь вы можете найти массу платных и бесплатных приложений для веб-ресурса (виджеты погоды, торговые приложения и т.д. );
5. «Настройки ». При помощи данного пункта вы сможете настроить различные параметры создаваемой landing page (SEO, работа со статистическими данными, социальные настройки и т.д. ).

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

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

Создать лендинг бесплатно!

Совет . Создавая одностраничный сайт в онлайн-конструкторе Wix , периодически (а лучше после каждого изменения) нажимайте кнопку «Сохранить» в правом верхнем углу редактора. При первом сохранении вам будет предложено ввести имя сайта. Можете сделать это сейчас, а можете и позже, перед публикацией:

Итак, для начала изменим фоновое изображение выбранного шаблона на заранее подготовленное для нашего одностаничника. Для этого кликнем по нему левой кнопкой мыши (при этом картинка подсветится голубой рамкой ) и выберите пункт «Заменить фото »:

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

Поклонникам социальных сетей придется по вкусу возможность добавления в конструктор фото из своих аккаунтов в них. На данный момент Wix поддерживает такую возможность для Facebook , Flickr , Instagram и Picasa .

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

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

После этого получаем:

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

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

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

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

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

Текстовое поле с заголовком «Будущее в твоих руках » переделаем под наш одностраничник. Для этого перетянем его немного вверх (кликнем левой кнопкой мыши, и, удерживая элемент, перетащим его на новое место ), и изменим стиль. Для редактирования надписи используем пункт «Редактировать текст », кликнув по ней левой кнопкой мыши, после чего появится окошко, по функционалу похожее на MS Word :

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

В результате получим:

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

ВАЖНО. В процессе работы внимательно следите за тем, чтобы не оставалось лишних элементов от «родительского» шаблона, таких, как, например, эти:

Изначально они предназначены для размещения ссылок. Можете их убрать, или «повесить » какие-то свои линки. Если все оставить как есть, на лендинге появятся битые ссылки, что не очень хорошо для продвижения.

Создать лендинг бесплатно!

Работа с медиа-элементами

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

Итак, удалив кнопку «Скачать приложение », перейдите в пункт «Добавить » и выберите в нем «Кнопки и меню»:

Кликните по пункту «Кнопка » и новый элемент появится на странице. Вы можете изменить размер кнопки и перетащить ее в нужное место:

Чтобы изменить настройки кнопки (добавить ссылку, поменять надпись, цвет и т.д. ) кликните по ней левой кнопкой мыши и выберите пункт «Настройки ». Здесь введите текст, который будет отображаться на данном элементе, а также укажите ссылку, куда будет вести кнопка. Также в открывшемся окне вы можете изменить цветовое оформление кнопки и множество других параметров:

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

Все, задача создать одностраничник выполнена. Можно переходить к публикации.

Создать лендинг бесплатно!

Публикация сайта и настройки SEO

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

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

СОВЕТ . Если на вашем сайте будет несколько страниц, настроить SEO-параметры вы сможете для каждой из них. Делается это при переходе в пункт меню «Страницы»:

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

Платные тарифы для успешной работы вашего лендинга

Мы рассмотрели, как создать одностраничный сайт бесплатно в конструкторе Wix . Однако, чтобы ваш ресурс успешно продвигался и вызывал больше доверия у клиентов (на бесплатном тарифе на нем присутствует реклама ), целесообразно перейти на платный тариф. Для этого перейдите в личный кабинет и выберите пункт «Upgrade » для соответствующего сайта:

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

• возможность подключения своего домена или бесплатно предоставленного системой;
• использование favicon для сайта;
• подключение статистики;
• хостинг от Wix и т.д.

Плюсы и минусы Wix

Итак, создав landing page в данном конструкторе, можно выделить следующие его преимущества:

• простота работы: разобраться с Wix может любой пользователь;
• солидная встроенная библиотека различных медиа-элементов и графических файлов;
• возможность настройки SEO-параметров для продвижения сайта;
• неплохой выбор платных тарифов.

Что касается недостатков, то в данной ценовой категории их просто нет.

Создать лендинг бесплатно!

Вывод

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