Чтобы создать лендинг Вконтакте, вам нужно сначала создать его в 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 и сделать из этого файла лэндинг вконтакте. Можно также сделать лэндинг по своей тематике.

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

Группа состоит из:

• Описания;
• Аватара;
• Баннера.

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

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

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

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

После всех этих манипуляций Ваша страничка в социальной сети чудесным образом превращается в лендинг пейдж. Соответственно и растет конверсия с нее.
То, что описано выше - это всего лишь рекомендации по оформлению. Так что - экспериментируйте. Это не бывает лишним никогда.
Главным отличием посадочная страница от сайта - является его повышенная конвертация из обычного посетителя в звонки. У сайта этот показатель примерно 0,5-1%, а у лендинг пейдж этот показатель в среднем 7%.
Следовательно, конвертация посетителей такой лендинг-группы будет выше примерно на столько же.

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

Не ленитесь делать то, что описано в группе и Ваши продажи в социальных сетях начнуть зашкаливать!
Кстати, эти рекомендации распространяются не только на контакт;)

Всем — привет. Несколько раз мне писали уже с просьбой сделать landing page во Вконтакте. Я сразу не мог понять, о чем вообще речь, так как формулировали неправильно вопросы и мысль.

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

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

Лендинг во Вконтакте при помощи Вики-разметки

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

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

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

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

Http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы

Где, XXX — это id паблика или группы. А вместо «Название_страницы» — нужно указать любое слово или словосочетание, которым будет названа страница.

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

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

http://vk.com/wall-69093928

69093928 — и есть id нашей группы. В итоге у меня получилась такая ссылка:

Http://vk.com/pages?oid=-69093928&p=Создание_Landing_page

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

Ширина вики-страницы, в ВК — 607 пикселей, поэтому и макет должен быть соответствующих размеров. Теперь, нужно нарезать макет. Я разделил свой прототип на 5 частей и, соответственно, получил 5 картинок. Визуально, это выглядит так:

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

PhotoXXX_XXX — это ссылка на изображение. Все картинки, которые вы хотите показать, должны храниться в альбоме. Альбом может быть, как общий, так и специально созданный для конкретной задачи. Я создал отдельный, как раз для таких целей (оформления страниц, меню и прочей ерунды). Вот он: _http://vk.com/album-69093928_226467291

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

Теперь, давайте поговорим об оформлении ссылки, которая будет направлять пользователей в указанное нами место:) Просто стараюсь вас не запутать. Надеюсь — получается. Пользователей можно направлять как на раздел или другую страницу, так и за пределы ВК. Если у вас, как и у меня, ссылки должны вести на другой сайт, то просто прописываете адрес сайта, например, . Если, другая страница в ВК или раздел в группе, то ссылка будет выглядеть так: page-123456789_123456789.

В конечно итоге, у меня получилось так:

[] [] [] [] []

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

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

Для чего нужен landing page?

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

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

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

Впрочем, и один элемент способен оказать ощутимое влияние. Приведу простой и классический пример : акция и ограничение предложения. Один из наших клиентов занимается продажей Apple iPhone . Товар достаточно стандартизированный, поэтому нет необъятного поля для экспериментов с выгодами. Чем можно заманить покупателя – это, в первую очередь, цена, а такие факторы, как гарантийные условия, доставка и подарок при покупке, играют второстепенную роль. Опустим стандартный и избитый, но по-прежнему работающий приём, когда старая, более высокая, цена зачеркивается, а действующая преподносится, как акционное предложение. Но этот вариант можно усилить: например, сделать ограничение по времени не всем надоевшим счётчиком, а заданной датой завершения продажи. При этом, чтобы не менять дату вручную, следует настроить автоматический вывод даты относительно сегодняшней, но следует учесть, что малый срок действия акции подходит только для импульсивных покупок, для товаров и услуг с большим циклом сделки лучше использовать другой приём. Кроме того, всего лишь одна надпись шрифтом, отличным от основного шрифта лендинга (для повышения доверия и создания ощущения, что информацию о наличии оперативно добавляет на сайт сам продавец), гораздо сильнее мотивирует совершить покупку. Это и есть тот самый триггер , который добавил нашему клиенту порядка полутора-двух десятков заявок в неделю. Повторюсь, пример самый простой, более внимательное рассмотрение триггеров, мотивирующих совершить покупку, это тема отдельного большого разговора.

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

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

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

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

1. Форма заявки с несколькими полями; в оффере предлагается бесплатный аудит сайта на пригодность к поисковому продвижению.

2. Два поля в форме заявке; предлагается узнать стоимость продвижения.

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

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

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

Что такое посадочная страница на сайте?

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

Здесь необходимо сделать пояснение. Поскольку лендинг представляет собой сайт, состоящий только из одной страницы, то вывести в ТОП естественной выдачи поисковых систем его можно по весьма ограниченному количеству запросов (как правило, 5-15 запросов – это максимум для одностраничного лендинга в не самой конкурентной тематике). Понятно, что трафик в таком случае SEO будет давать очень скромный. А если уж говорить о конкурентной тематике и регионе, то у лендинга и вовсе не остаётся никаких шансов перед многостраничными сайтами. Траст не тот, страница в индексе одна, контента мало. Следовательно, для SEO-продвижения наилучшим, а зачастую и единственным возможным вариантом является разработка многостраничного сайта . В то же время, очевидное преимущество посадочной страницы – это возможность привести «быстрых» клиентов, и контекстная реклама в большинстве случаев является лучшим средством достижения поставленной цели. Если вы в ладах с арифметикой, то уже сложили один и один, и поняли, что для максимального охвата целевой аудитории стоит наступать со всех фронтов. А именно: многостраничный сайт использовать для СЕО, лендинг – для рекламы. И как частный, но, в последнее время, довольно распространенный случай такой схемы – многостраничник в виде нескольких связанных между собой лендингов. Во-первых, у вас есть возможность продвигать его в поиске, во-вторых, посетители попадают на нужные страницы, где мы их мотивируем совершить определенное действие, в-третьих, если ваши лендинги способны достаточно заинтересовать посетителя, чтобы он сразу с них не ушел, и поисковая система не зафиксировала отказ, то это также окажет влияние на успех в выдаче. Рекомендую присмотреться.

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

Не пропустите: