Главная › Интернет › Что значит лендинг. Что такое лендинг. Что такое лендинг пейдж в интернете

Что значит лендинг. Что такое лендинг. Что такое лендинг пейдж в интернете

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

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

Термин лендинг попал в русский язык из английского выражения landing page, что дословно переводится как страница «приземления». Реальное значения немного отличается: лендингом в интернет индустрии называют некую промо-страницу, содержащую в себе коммерческое предложение потенциальному клиенту (в терминологии сетевого маркетинга оно называется «оффером»).

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

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

Преимущества лендинга

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

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

Главное преимущество лендинга состоит в том, что он активнее превращает посетителей в лидов.

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

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

Цели и задачи лендинга

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

Цели и приоритеты лендинга меняются в зависимости от поставленной задачи:

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

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

Как продает лендинг

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

В общем случае этот продажи протекают так:

посетитель попадает на лендинг (не важно намеренно или же с помощью «клик-бейта»);

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

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

Что такое конверсия лендинга

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

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

Универсального критерия оценки конверсии нет - для разных офферов хорошей конверсией может являться любое число от 0 до 100%. Например, конверсия оффера, предлагающего бесплатно получить товар или услугу, оформив подписку или оставив личную информацию может приближаться к 100% (в зависимости от выгодности предложения). С другой стороны хорошей конверсией автосалона может быть число меньше 1%.

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

Виды лендингов разнятся в зависимости от возложенных на них задач. К примеру, можно выделить:

рекламный сайт,
«вирусная» страница,
лид-страница,
ctr-страница,
главный сайт.

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

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

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

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

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

Заключение

Давайте выделим основные тезисы, представленные в статье:

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

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

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

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

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

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

Встречается два вида Landing page : справочные и транзакционные.

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

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

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

Здравствуйте, уважаемые читатели блога сайт. Сегодня мы поговорим о такой важной вещи как посадочная страница , которую очень часто на буржуйский манер называют лендинг пейдж (от английского landing page — целевая страница). Что же это такое и почему это так важно?

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

Что такое лендинг пейдж и почему это так важно

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

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

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

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

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

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

Примеры лендингов

В зависимости от преследуемых вами целей можно разделить посадочные страницы (лендинги) на несколько типов:

12 шагов по созданию идеального лендинга

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

Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи. Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений.
На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».
Рулят также яркие кнопки и стрелки , создающие на них акцент. Неплохо работают кнопки красных и желтых оттенков, ибо заметны и содержат как бы призыв к действию.
Ну а стрелки, как правило, призваны еще больше акцентировать внимание на кнопке, чтобы линия поведения пользователя на лендинге была как можно более прогнозируемой.
Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):
Если в лендинге используются (на подписных посадочных страницах без них не обойтись, но и на продажниках их довольно часто используют), то озаботьтесь тем, чтобы в них содержалось как можно меньше полей. В идеале, в форме должно быть только одно поле (для ввода Емайл адреса), но для дальнейшего общения (проведения маркетинга) вам понадобится знать и имя пользователя, поэтому два поля являются наиболее распространенным вариантом.Большее количество полей может существенно снизить конверсию. К тому же добавление полей для ввода телефона или адреса вызывает у пользователей настороженность и может привести к отказу от целевого действия.
В статье про я упоминал, что пользователи в интернете тексты не читают — они их просматривают. И самым важным в этом плане является заголовок. Если его нет (или он не выделен соответствующим образом), то это очень сильно снизит конверсию. На лендингах заголовки должны быть обязательно цепляющими , чтобы пользователь склонился к дальнейшему чтению или сразу к свершению конверсионного действию (подписке, заказу, звонку).
На вашей landing page должны быть не только призывы к действию и эффектные заголовки, но и аргументация необходимости подписки, покупки, заказа или звонка. В случае страницы подписки это может быть, например, небольшой видеоролик с описанием и содержанием «халявы», или все то же самое оформлено в виде краткого списка (перечня). В случае продажника это тоже может быть видеоролик с обзором товара, списком тех услуг, которые вы предлагаете (в том числе и ваши конкурентные преимущества).
Очень хорошо на посадочных страницах работают отзывы от уже состоявшихся клиентов, покупателей или подписчиков (лучше, если при этом будут указаны какие-то контакты тех, кто эти отзывы оставил, чтобы все выглядело правдоподобно).
Также неплохо работают на посадочных страницах сравнения «до и после» . Не для всех тематик это применимо, но в области похудения, косметологии, фитнеса и многих других ниш это можно с высокой эффективностью использовать. Например, так делает фирма, предоставляющая услуги ресторации.
Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
Для стимулирования подписчиков или покупателей некоторых товаров (например, ) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды.
Рядом с таймером неплохо будет расположить форму подписки, заказа или контактный телефон. Это будет работать не всегда, поэтому надо проводить тесты (думаю написать ряд статей про проведение А/Б-тестирования — если не хотите пропустить, то подписывайтесь на рассылку), и возможно, что такой простой и очевидный способ позволит вам увеличить конверсию данной лендинг пейдж и с лихвой окупить деньги, потраченные на продвижение в социальных сетях или контекстной рекламе.
Пользователи также хотят знать, кто именно им предлагает данный товар, услугу, видеокурс и т.п., поэтому необходимо в лендинге указывать информацию об авторе, магазине, фирме.
Естественно, что хорошо было бы при этом упомянуть достоинства, достижения, конкурентные преимущества, но не перехваливайте себя, дабы не перейти ту грань, за которой уже снижается доверие к опубликованной информации.

Примеры ошибок делающих landing нерабочим

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

Еще раз напоминаю, что в интернете практически никто не читает (во всяком случае вновь открытую страницу), а именно просматривает информацию. Если она окажется действительно стоящей и требующей более детального изучения, то тогда уже доходит дело и до прочтения (в общем-то, так же как и с газетами). Поэтому не допускайте перегруженности лендинга информацией — это может дезориентировать пользователя и вызвать реакцию отторжения еще до того момента, когда он разберется о чем там идет речь.
Текст должен быть небольшого объема, максимально лаконичен и наполнен информацией, а не водой. Пару абзацев «ни о чем» вызовут у пользователя бурное желание закрыть такую посадочную страницу. На landing page также плохо работает мелкий шрифт. В общем-то, его использование и не нужно, ибо для изложения сути много слов не потребуется.
Не обманывайте ожидания пользователя. Если в рекламе или в посте в социальной сети вы говорили об одном, а при попадании на лендинг пользователь видит несколько другое, то происходит утрата доверия и резко снижается конверсия. Очень важно следить за этим соответствием.

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

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

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page» :

Что такое landing page? Это страница в Интернете на Вашем домене или поддомене в формате html/CSS или других.

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

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

В Интернете Вы наверняка встречали разные названия landing page - страница приземления, страница захвата, одностраничный сайт, лендинг пейдж и т.д.

Этот инструмент способен продавать на 10–30% эффективнее, чем обычный сайт или интернет-магазин.

Пример одной из наших работ

Лендинг пейдж был придуман в США примерно 10 лет назад интернет-маркетологами. В один момент они поняли, что конкуренция на рынке растет, интернет-магазины и сайты становятся лучше, и клиенту всё сложнее понять, чем одна компания лучше другой.

Благодаря жесткой борьбе на рынке и был создан новый формат сайта - l .

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

Кому подходит одностраничный сайт landing page:

Компаниям, продающим услуги
Оптовым компаниям
MLM-лидерам
Инфобизнесу
Компаниям-производителям
Компаниям, продающим товары
Компаниям, которые продвигают уникальный или дорогой товар
«Продавцам» обучающих программ

Фактически, посадочная страница подойдет для продвижения практически любого продукта или услуги.

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

Заявка на бесплатную консультацию
Заявка на просчёт чего-либо
Заявка на покупку товара
«Забронировать место»
«Подписаться на рассылку»
«Принять участие в акции»
«Скачать прайс»
И многое другое

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

Long landing page - длинная страница приземления, самый распространенный формат
Short landing page - короткий одностраничник, который чаще всего направлен на сбор email-адресов и увеличение подписной базы
Оne step landing page - одношаговая лендинг пейдж
Two steps landing page - двухшаговые лендинг пейдж. На первой странице мы подогреваем интерес, а уже на второй призываем к действию

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

Как измерить эффективность landing page?

Существует только один объективный показатель для измерения эффективности созданной страницы захвата. Речь идет о конверсии.

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

Средняя конверсия посадочной страницы в Интернете

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

Качество landing page
Качество трафика, который Вы «сажаете» на эту страницу
Бизнес-ниша
Конкуренция на рынке

Пример, того как это выглядит

Наглядный пример. В нише туризма конверсия в 8-13% считается абсолютно нормальной, а вот продажа элитных шуб, как товар для клиентов с более высокой покупательской способностью - совсем другая история. Там показатель в 5-10% - отличный, просто «вау»-показатель.

Как правило, конверсия колеблется от 2-3% до 35-40%. В нашей практике мы достигали показателей в 23-27%.

Нормальной конверсией считается 5%, 7%, 10%, а если Вы занимаетесь информационным бизнесом, то показатели могут достигать даже 20%.

landing page - что это ? Если Вы еще не совсем поняли, то предлагаю несколько примеров в видеоформате:

P.S. Напишите в комментариях, как Вы понимаете, что такое лендинг пейдж?

Итак, что же такое лендинг пейдж? Делаем вывод на основе 4-летнего опыта работы Uni Consulting

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

Важно: landing page напрямую не увеличивает количество продаж в бизнесе. Он способствует росту конверсии, то есть влияет на эффективность Вашего сайта. Сама «магия продажи» происходит, как правило, уже после того, как клиент оставил заявку.

Целевая страница
Одностраничный сайт
Продающий сайт
Лендинг пейдж
Продающая страница
Страница приземления
Страница захвата

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

Примеры наших посадочных страниц

1. Открытие виз в Великобританию

2. Инновационная кровать-трансформер

3. Клининговые услуги в Киеве

Я специально подобрал такие примеры и попытался затронуть разные бизнес-ниши. Единственное, что объединяет эти сайты (кроме того, что их делали мы) - это высокий процент конверсии.

Так, например, продающий сайт по визам стабильно приносит клиенту 5-7% конверсии.

Как определить, нужна ли Вам продающая страница?

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

Эти пять «симптомов» говорят об одном: Вам нужна страница приземления, и Вы находитесь в правильном месте и в нужное время!

Итак, Вы решили создать landing page, но с чего начать, куда идти?

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

Сейчас Вас ждет удивительное погружение в нашу среду, в «креативный котел», в котором мы варимся уже более 4-х лет. Вас ждет МНОГО полезного и интересного контента.

Ну что, поехали?

Что важно знать, если Вы решили заказать лендинг пейдж

1. Важно, какими силами Вы будете это делать.

Вот несколько вариантов:

Заказать на фрилансе

Вариант такой себе. Мне кажется, что если Вы читаете эту статью, то значит, Вы ищете более профессиональное решение.

Ниже несколько плюсов и минусов при заказе страницы захвата на фрилансе.

Плюсы:

Цена.Это, пожалуй, дешевле всего. Более доступно только сделать сайт самому
Скорость. Это быстрее, чем создавать сайт в большой веб-студии
Человеческий фактор. Вы можете выбрать тех людей, с которыми хотите работать

Минусы:

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

Пример сетки, сохраните себе, чтобы показать дизайнеру или подрядчику:

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

Сделать самостоятельно

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

В итоге может получиться что-то типа такого (сохраните, чтобы показать дизайнеру, как делать нельзя):

Веб-студия

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

Кстати, часть наших ребят как раз в Киеве ☺

Начнем с минусов:

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

Плюсы:

Качество и гарантии. Опять же, если студия серьезная, то она может дать хотя бы примерный прогноз и предоставить конкретные гарантии
Профессионализм. У нас в рабочей группе участвует от 4-х до 7 человек. Группа может состоять из маркетолога, дизайнера, копирайтера, специалиста по прототипам, проджект-менеджера, программиста, верстальщика, руководителя (проводит аудит) и так далее
Соблюдение сроков. Опять же, буду говорить на нашем примере. После того, как проект заходит в Uni, мы разбиваем его на этапы. «Режем слона по кусочкам», после чего раскидываем задачи по отделам.
Конверсия. Самое главное - это то, что продукт на порядок качественнее и приносит гораздо больше лидов, чем другие варианты.

Вот пример одной из наших работ:

Продажа косметологических услуг в Киеве

Кстати на эту тему советую посмотреть мое закрытое видео о том, кому можно доверить создание landing page:

Еще одно видео в тему. Оно о том, как проверить подрядчика на создание посадочной страницы:

2. Понимание этапов создания лендинга

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

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

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

1. Общее знакомство с клиентом и его бизнесом, заполнение брифа.

2. Анализ
2.1 Анализ рынка
2.3 Анализ бизнеса клиента
2.4 Анализ запросов в сети
2.5 Анализ сезонности
3. Создание структуры и концепции
4. Написание продающего текста
6. Утверждение прототипа
8. Утверждение дизайна
9. Вёрстка и программинг
10. Утверждение проекта

Сейчас часть из Вас подумает: «Да ну его, это же наверняка занимает полгода!»

По факту, со стороны заказчика это выглядит так:

1. Со мной познакомились
2. Мне задали кучу вопросов
3. Я утвердил черно-белую картинку сайта
4. Я утвердил дизайн landing page
5. Я утвердил верстку

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

Одна из наших работ:

Курсы польского языка в Кракове

Давайте разберем каждый из этапов. Вопрос знакомства мы опустим и начнем с анализа.

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

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

В анализе мы сформировали следующие этапы:

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

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

Изучение внутренних процессов в бизнесе заказчика, особенностей и перспектив роста.

Составление общей семантики на основе Wordstat.Yandex и Google Keywords Planner. Позволяет создавать 100% релевантный контент.

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

1. Анализ рынка - общий обзор того, что есть на рынке, в том числе, западных кейсов

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

www.behance.net - крутейший сервис для дизайнеров. Лично я «зависаю» на нем каждый раз, когда мне нужно собрать идеи
ru.pinterest.com - не менее полезный сервис. Он немного шире по тематике и для меня не так удобен, но такой же «идейный»
dribbble.com - еще одно вдохновляющее место

Профильные сайты:

awwwards.com - вдохновляющий сервис для дизайнеров, копирайтеров и просто для вдохновения
onepagelove.com - сайт, специализированный на лендинг пейдж
land-book.com - все сказано в названии: «Книга о landing page»
www.cssawds.com - веб-новости и вдохновляющие сайты на любой вкус
www.csswinner.com/ - постоянно пополняющийся банк макетов, за которые голосуют пользователи
www.cssdesignawards.com/ - еще одно вдохновляющее место для IT-специалистов
www.ratingruneta.ru/ - веб-новости и рейтинги, которые показывают «что хорошо, а что плохо»
www.bestwebgallery.com/ - большая галерея с идеями в разных бизнес-нишах
www.landingfolio.com/ - большое портфолио с лендингами на любой вкус

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

2. Анализ конкурентов

Мы с Вами объективно понимаем, что конкуренты «строят погоду», и если завтра Ваш соперник сделает скидку на 30% больше, то каким бы крутым не был Ваш сайт - Вы пролетите.

Что делаем:

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

Вот пример:

Анализ конкурентов в Интернете от Uni Consulting - нажмите «Скачать»

Если в целом, то мы смотрим на качество сайта, на его УТП, дизайн, фишки, и т.д.

Кстати, вот полезная презентация на тему ценообразования и эффективной продажи товаров или услуг:

3. Анализ бизнеса клиента

Чаще всего происходит на этапе заполнения брифа.

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

Какая наценка на товар/услугу (позволит высчитать ROI в будущем);
сколько товаров в ассортименте;
какой алгоритм работы с клиентом;
и т.д.

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

4. Анализ запросов в сети

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

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

5. Анализ сезонности

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

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

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

Кто-то скажет: «Да это же и так понятно!»

Я могу сказать, что это далеко не всегда так.

Что нужно сделать по шагам:
1. Заходим сюда: https://www.google.ru/trends/

2. Вбиваем запрос (желательно, самый частотный и простой)

3. Получаем результат, например, как тут:

6. Анализ целевой аудитории

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

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

Вы еще тут?Тогда мы продолжаем!

Концепцию страницы (цвета, стилистика, фишки, акценты, структура лендинга и так далее);
продающий текст;
собственно, сам прототип.

Вот несколько примеров того, как мы это делаем:

Прототип компании «Панорама 44» (продажа недвижимости):

Продаже итальянского белья:

Целью этого этапа, по сути, является «упаковка» всех смыслов бизнеса клиента, в структуру с конкретным текстом.

Важно! С нашей точки зрения прототипирование в лендинг пейдж - самый главный этап в его создании.

Почему? По сути, на этом этапе все уже готово: - это уже готовый сайт, который просто нужно «раскрасить» и заверстать.

Вот на что важно обратить внимание:

1. Создание концепции landing page, блоков которые должны в нём присутствовать и УТП. На основании анализа мы принимаем решение, какие блоки и в какой подаче должны быть на landing page.

2. Неподробный прототип или разбивка прототипа по блокам.

3. Продуманные акции и УТП для landing page

4. Классный продающий текст

Дизайн лендинг пейдж

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

Вот несколько советов с точки зрения маркетинг-дизайна:

1. Открытые формы захвата всегда лучше, чем закрытые.
2. Дизайн помогает читать текст, а не наоборот. Текст - царь и бог лендинга.
3. Нужно сделать так, чтобы даже без текста было понятно, о чем эта страница Кстати, иногда мы переводим текст машинным переводом на китайский язык и показываем другим людям, проверяя, работает ли дизайн.
4. Большинство людей смотрят одностраничники, а не читают. То есть, они пролистывают страницу, цепляясь взглядом за отдельные элементы.

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

1. Подписывайте картинки на английском языке и в правильном для Вас расширении.
2. Раскладывайте файлы в макете по папкам и подпапкам.
3. Делайте маркировки.
4. Используем шрифты от Google/стандартные или прикрепляйте шрифт для верстальщика.
5.Делаем отдельный документ с ховерами (при наведении) и попап-окнами.
6. Размерная сетка Bootstrap - следите, чтобы всё было по ней.

Чуть больше о размерной сетке бутстрап под адаптивный дизайн (просто для общего развития): http://bootstrap-ru.com/scaffolding.php

Важно! Высота блоков/разворотов должна быть максимум 750 px.

Фух, думаю, что для начала хватит.

На закуску еще несколько шедевров от команды Uni Consulting.

Продажа мобильных офисов в Киеве:

Эксклюзивные платья, несколько разворотов:

Знаменитый GoPro. Дизайн, которому уже больше трех лет, но он все еще актуален:

Верстка и программинг в лендинг пейдж

Сразу скажу, что технических моментов здесь очень много.

Тут и адаптивная верстка, и валидация форм и так далее.

Важные подсказки:

Финал разработки целевой страницы

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

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

Как отследить эффективность лендинг пейдж?

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

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

Как отследить конверсию на landing page?

Существует несколько способов: часть из них ручная, часть - автоматизированная:

1. Настройка целей в системах аналитики (мы пользуемся классикой: Яндекс.Метрикой и Google Analytics)

Есть два типа целей, с которыми мы работаем в рамках лендинг пейдж. Первый - цель на страницу. Например, мы говорим системе, что каждый, кто достиг Thank You Page выполнил цель.

Чаще всего работаем именно так.

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

1) Я оставляю заявку на лендинге

2) Меня перекидывает на страницу благодарности

Обратите внимание, что меняется url-адрес, это важно!

Вот как это выглядит с точки зрения аналитики (пример из Яндекс.Метрики):

2. Сбор ручной статистики по заявкам

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

Вот как мы это делаем для наших клиентов на профессиональном уровне:

Например, менеджер по холодным звонкам сделал 100 звонков. Встреча была назначена 10-ти людям. Соответственно, конверсия составила 10% (10 разделить на 100 и умножить на 100).

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

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

Также важно понимать, что конверсия может варьироваться в зависимости от используемого рекламного канала. Так реклама в Facebook обычно приводит более качественные лиды, чем «ВКонтакте».

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

В глобальном смысле на конверсию landing page влияет следующее:

1. Ситуация на рынке и у конкурентов
2. Ваша бизнес-среда, ниша, ситуация в стране
3. Ваше УТП
4. Собственно, сама страница приземления, ее подача, дизайн, маркетинг.

Заключение и приятные бонусы

Я верю в то, что работа по созданию этой статьи прошла не зря. Если Вам понравился текст, то я буду очень рад фидбеку в виде лайков, репостов и комментов.

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

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

Приветствую Вас. Сегодня мы поговорим о том, что такое Landing Page и для чего он нужен. Если Вы являетесь инфобизнесменом, то скорее всего уже не раз сталкивались с такой страницей захвата. И более подробней о данной странице сейчас расскажет мой постоянный читатель Денис Тумилович. Встречайте!

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

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

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

Так вот, очень мне понравился этот вопрос, захотелось сразу написать статью, но как-то все времени не было. Хотя, тема интересна, согласитесь...

Итак, как вы думаете, что же такое Landing Page?

По основному определению из википедии – это “целевая страница”, или по-другому такие страницы называют «посадочными страницы», это такая страница, на которую попадает человек из каких-то источников. И именно на этой странице происходит взаимодействие с пользователем. Именно на этой странице пользователь принимает какой-то решение.

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

Страница эта может быть создана отдельно средствами HTML+CSS, или же с помощью специальных плагинов к WordPress.

Что примечательно — для таких посадочных страниц даже целые домены регистрируют, не то чтобы страничку на блоге!

Основная задача Лендингов.

В чем же задача посадочных страниц? Основным пунктом является то что они нужны для того, чтобы получать клиентов. Другими словами это настоящая реклама вашего инфопродукта.И задача этой рекламы продукта одна — ЗАИНТЕРЕСОВАТЬ посетителя, который является потенциальным клиентом!

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

Свою первую страницу я делал руками, средствами HTML+CSS. Получилось не очень, если честно, но это была действительно рабочий landing.

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

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

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

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

Итак. Главная цель посадочных страниц (лендингов) – это их конверсия (превращение посетителя в покупателя или подписчика)!

Теперь этот факт точно всем понятен. Я очень на это надеюсь.

Особенности Landing Page.

1. Самое главное — посадочные страницы не перегружены графическими элементами, рисунками, потому что много графики отвлекает. А нам нужно, чтобы посетитель был максимально сконцентрирован на нашем предложении. На заголовке!

2. Вторая особенность – это отсутствие рекламы. Тут даже комментировать не стоит. Реклама итак всем уже надоело. Будет совсем не логично рекламировать кого-то на странице, которая предназначена для рекламы ТВОЕГО продукта или услуги! Кто со мной согласен — прошу отписаться в каментах.

3. Третья особенность – На лендингах не должно быть ничего лишнего, не нужно левой информации. Многие блоггеры, в т.ч. и я, пишут о новостях из жизни, позволяют отклоняться от темы, обсудить погоду, президента или еще чего-нибудь. На лендингах — это не простительно. На лендингах — должно быть все четко и по делу. Что за продукт, что за услуга, кому она нужна, сколько стоит и кнопка «заказать». Помни, что задача твоих посадочных страниц — не научить кого-то чему-то, а получить клиента!!!

Какой должна быть конверсия?

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

Конечно, не стоит надеяться, что спамом у вас будет конверсия больше 1% по-моему это миф.

Некоторые статистические показатели, которые могут вам пригодиться.

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

Красная кнопка 5,6% конверсия

Зеленая кнопка 3,2% конверсия

Следовательно – используйте красную кнопку для основного действия!

Кнопка “Узнать цену” 5,6% конверсия

Кнопка “Заказать” 0,8% конверсия (ШОК!)

Да, это действительно шокирующая информация! Я до сих пор под впечатлением! Тчательно подбирайте слова!

Форма “Имя, Телефон” лучше чем “Имя, телефон, емейл” и хуже чем “Телефон”.

Людям все-таки приятно когда вы, позвонив им, назовёте человека по имени!

Открытая форма лучше чем закрытая.

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

Заголовок “Закажи ЭТОТ курс и получи в подарок ВОТ ЭТО…” – хорошая конверсия.

Заголовок такого вида “Получи ЭТОТ подарок при заказе ЭТОГО курса…” — плохая конверсия.

На первом месте должно стоять основное действие «закажи курс» , а не «получи подарок». А уже вместе с основным заказом получаешь много плюшек. Плюшки не может быть целью лендинга.
Это реальный опыт одной их веб студий, которая специализируется именно на лендингах. Так что верить или нет… Странный вопрос 🙂

И помните еще одну штуку: адаптивность вашего лендинга – это +5% к конверсии! Сейчас достаточно большое количество людей используют планшеты и смартфоны для заказов через интернет – помните об этом. Адаптивность сейчас никак нельзя игнорировать!

Заключение.

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

Но как быть новичку, который не в курсе что такое landing page и как её создавать? Могу посоветовать научиться использовать конструкторы типа wp-page или его бесплатные аналоги. Ну или – обращайтесь ко мне – я помогу.

Вот наглядный пример некоторых Лендингов (кликабельно):

Чтобы создать лендинг Вконтакте, вам нужно сначала создать его в Adobe Photoshop. Без знаний этой программы у вас этого сделать не получится, так что советую ее изучать. Потренируйтесь на моем файле , скачайте его себе на компьютер, откройте в Photoshop. По ширине файл должен быть равен 607 пикселям, как и wiki-страница Вконтакте, потому что располагать его мы будем именно там.

Инструментом Slice Tool нарезаем готовый лендинг на кусочки, сохраняем нужные кусочки выбрав их с зажатой кнопкой Shift «Save for web» → «Selected Slices», и загружаем их на новую wiki-страницу Вконтакте в нужной последовательности. В режиме «wiki-разметки» к коду фотографий добавляем тэги;nopadding;nolink| , чтобы между ними не оставалось пробелов и ссылка на картинку была не активна.

Чтобы при клике на видео в лендинге Вконтакте у вас открывалось видео, нужно заранее в Photoshop отрезать его от других блоков и загрузить отдельным изображением. Затем, в режиме «wiki-разметки» вместо тега nolink| вставляем ссылку на то видео Вконтакте, которое будет открываться при клике на картинку. Редактируйте код аккуратно, чтобы ничего не пропадало.
Таким же образом создаем ссылки на все что угодно.

Если нам нужно сделать три ссылки стоящие рядом горизонтально, мы также нарезаем эти изображения, и загружаем на вики страницу. Здесь важно прописать им правильные размеры. Размер каждой картинки вы определяете еще в Photoshop, в сумме по ширине они должны составлять 607 пикселей. Загруженные картинки располагаются подряд вертикально, чтобы расположить их горизонтально на одном уровне, в режиме «wiki-разметки» вы располагаете их в одну строчку, не забыв добавить тэг nopadding а вместо nolink| необходимую ссылку.

Задание

Скачать файл 607-wiki-lp.psd и сделать из этого файла лэндинг вконтакте. Можно также сделать лэндинг по своей тематике.