Вконтакте лендинг. Верстаем landing page во Вконтакте

Landing page ВКонтакте. Вконтакте лендинг


Landing page во Вконтакте

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

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

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

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

landing page вконтакте

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

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

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

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

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

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

landing page вконтакте

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

http://vk.com/wall-69093928

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

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

Теперь вставьте полученную ссылку в адресную строку браузера и нажмите «Enter». Перед вами откроется такая страница:

создание лендинга при помощи вики разметки

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

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

создание лендинга в вк

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

[[photoXXX_XXX|607px;nopadding;|Ссылка]]

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

Чтобы узнать ссылку на страничку, нужно зайти в альбом и кликнуть на нужную картинку:

Делаем лендинг во вконтакте

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

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

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

[[photo-69093928_397623715|607px;nopadding| ]] [[photo-69093928_397623716|607px;nopadding;|http://goo.gl/AxrAoR/]] [[photo-69093928_397623717|607px;nopadding;|http://goo.gl/wuXmt1/]] [[photo-69093928_397623718|607px;nopadding;|http://goo.gl/Jwf2a4/]] [[photo-69093928_397623719|607px;nopadding;|https://smartlanding.biz/]]

Как видите — ничего сложного. Вот мой результат: конструкторы landing page. Думаю, в подобные страницы хорошо впишется кнопка обратного звонка прямо из социальной сети. (О том, как подключить такой сервис я рассказывал тут).  Вот прямая ссылка на сервис: banacall. Некоторые из вас, наверное, заметят, что у меня перед страницей — есть заголовок. Чтобы его прописать, нужно на странице редактирования, нажать на ссылку «Добавить» и в открывшемся окошке прописать его.

Разработка лендинга во вконтакте

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

Пишите свое мнения, как вам идея, какие видите способы применения? Нравится вообще задумка или нет?

 

smartlanding.biz

Создаем лэндинг Вконтакте | Данил Фимушкин

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

Справочник по wiki-разметке

Пишите в комментариях, что у вас получилось.

fimushkin.com

Wiki Landing page ВКонтакте | WP-Master

Апрель 26, 2018

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

Landing page – это продающая страница в интернете, созданная для продажи (в идеале) для одного товара или одной услуги.Как это работает.

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

Это так, в двух, словах. На самом деле все очень сложно. Создание, настройка рекламы и раскрутка продающей страницы – это целая наука. О том, что это игнорируется 80-90% владельцами landing page, говорить не будет. Это отдельная тема для разговора. Мы поговорим о landing page ВКонтакте.

Для чего делают landing page ВКонтакте

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

Как создается landing page ВКонтакте

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

Wiki landing ВКонтакте

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

Но главная проблема не в этом, это как бы не проблема, а недостаток, а проблема в привлечение ЦА. Как привлечь на такую страницу целевую аудиторию? Способ только один – купить рекламу у ВК. И Реклама стоит здесь очень дорого. Если у вас мало денег, то вы ничего не выиграете. Бесплатно раскрутить лэндинг ВК, намного сложней, чем на хостинге. Поэтому, идея с таким лэндингом – малоэффективна, затратна и по сути обречена на провал. Но если вы энтузиаст, то дерзайте, может у вас что-то и получится.

P.S. Не забудьте прозондировать вашу ЦА ВК, а то вдруг, ее процент здесь ничтожно мал. Есть ведь и другие сети, куда может утечь в настоящее время ваша ЦА в поисках лучшего. Да и зачем ограничивать себя только пользователями ВК, когда на профессиональном хостинг – весь мир у ваших ног.

Сергей

wp-text.com

Написание текстов для wiki лендингов Вкотнтакте на заказ

 

[si]

Действует скидка!

"Весенние - 30%"

[/si]

Jj_QPm1kzCg

Хотите продавать в соцсетях? 

А вы уже сделали лендинг для VK?

Если нет, то вы теряете деньги 

Давайте наверстывать! 

 

 

Меня зовут Петр Панда. Я ТОП-копирайтер, автор профессиональных книг и человек, который напишет для вас классный текст для лендинга VK.

Тексты вики-лендингов для сайта Вконтакте стали заказывать совсем недавно: это новое и достаточно интересное направление с серьезным потенциалом.

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

 

Ценность посадочной страницы VK

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

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

Еще одним достаточно важным преимуществом Лендинга является прекрасная индексация Вконтакте поисковыми системами. Если при написании текста Landing Page использовать нужные ключевые вхождения, велика вероятность попадания материала в ТОП-выдачи по нужным запросам.

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

PR и продажи в соцсетях

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

Точно так же можно писать тексты для посадочных страниц с услугами, предложениями, анонсами.

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

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

Продажи: 2 подхода

Без лендинга

С лендингом

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

 

Написание текста для wiki-страниц от Панды

Я рекомендую вам заказать написание текста для лендинга Вконтакте на этом сайта, не тратя время на дополнительные поиски исполнителя. Почему я? Причин тому несколько:

 

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

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

 

ЗАДАТЬ ВОПРОС

[ARPrice id=101]

 

textis.ru