Всем — привет. Несколько раз мне писали уже с просьбой сделать landing page во Вконтакте. Я сразу не мог понять, о чем вообще речь, так как формулировали неправильно вопросы и мысль.
Что-то такое: «Как сделать лендинг для вк» или «Помогите сделать вк лендинг», в общем, после очередного случая, я поинтересовался у женщины, что она имеет ввиду, и оказалось, что нужно при помощи вики разметки просто сверстать страничку в ВК. Как многие из вас, наверное, уже делали меню для своих групп.
В общем, если кому-то интересно, то давайте разберемся, как создать такой лендинг во Вконтакте.
Лендинг во Вконтакте при помощи Вики-разметки
Не буду расписывать здесь, что такое Вики-разметка. Для тех, кто совсем не в курсе, то вот ссылка на определение в Википедии ( тыц). Для тех, кому лень читать, то просто скажу, что этот вид разметки используется в социальной сети Вконтакте для создания страниц. Удобно это или нет, решать вам, и спорить здесь бессмысленно, давайте просто воспользуемся ей, для того, чтобы сверстать такую страничку в ВК:
Как создать посадочную страницу. БОНУС: отследите заинтересованную аудиторию
На самом деле, ничего сложного в вики-разметке — нет. За несколько часов можно разобраться. К тому же, она очень похожа на html, только для построения подобных страниц не используют кнопки, не верстают каждый отдельный элемент, а просто (грубо) нарезают макет, и оформляют нужный участок ввиде ссылки, при необходимости. То есть в местах где есть, например, кнопка, или ссылка на оплату, заказ и т.д.
Если описать все на html, то это будет просто набор картинок, некоторые из которых являются ссылками. Все максимально просто.
Итак, начать стоит с того, что нам нужно создать новую страничку в группе или паблике. Для этого нужно воспользоваться ссылкой вида:
http://vk.com/pages?oid=-XXXНазвание_страницы» — нужно указать любое слово или словосочетание, которым будет названа страница.
Для того, чтобы узнать id группы, нужно зайти в управление группой и посмотреть раздел «адрес страницы»:
Если у вас, как и у меня задан человекопонятный URL, тогда нужно нажать на все записи стены или на любую публикацию на стене. Выглядеть будет примерно так:
69093928 — и есть id нашей группы. В итоге у меня получилась такая ссылка:
http://vk.com/pages?oid=-69093928Enter». Перед вами откроется такая страница:
Как видите, возможности визуального редактора довольно скудны, поэтому, как я уже говорил, все меню, кнопки, и ссылки оформляются картинками.
Ширина вики-страницы, в ВК — 607 пикселей, поэтому и макет должен быть соответствующих размеров. Теперь, нужно нарезать макет. Я разделил свой прототип на 5 частей и, соответственно, получил 5 картинок. Визуально, это выглядит так:
Теперь, для того, чтобы это все выстроить как нам нужно, необходимо разобраться с тем, как оформляются картинки и ссылки. Выглядит это — очень просто:
[[photoXXX_XXX|607px;nopadding;|Ссылка]]
PhotoXXX_XXX — это ссылка на изображение. Все картинки, которые вы хотите показать, должны храниться в альбоме. Альбом может быть, как общий, так и специально созданный для конкретной задачи. Я создал отдельный, как раз для таких целей (оформления страниц, меню и прочей ерунды). Вот он: _http://vk.com/album-69093928_226467291
Чтобы узнать ссылку на страничку, нужно зайти в альбом и кликнуть на нужную картинку:
607 пикселей — это ширина картинки. Nopadding нужен для того, чтобы между картинок не было пустого пространства, так как по умолчанию оно присутствует, а у меня темный фон и белые полосы смотрелись бы странно.
В конечно итоге, у меня получилось так:
[[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. Некоторые из вас, наверное, заметят, что у меня перед страницей — есть заголовок. Чтобы его прописать, нужно на странице редактирования, нажать на ссылку «Добавить» и в открывшемся окошке прописать его.
Пишите свое мнения, как вам идея, какие видите способы применения? Нравится вообще задумка или нет?
06/10/2022 Дмитрий Давыдов
3 комментария
Иногда придется сделать две кнопки параллельно по 300 и 307px в таком случае в мобильном версии вк мой блог смещается и один из них попадает вниз другого а у некоторых группах такого проблемы нет. Они говорят что сверстаем «адаптивный вики разметку» из этого выходит что я что то сделал не так. Вопрос как сделать адаптивную верстку в вики разметке
Источник: smartlanding.biz
Что такое посадочная страница и зачем она нужна
Давайте сегодня поговорим о том, что же такое посадочная страница и зачем она нужна. Рассмотрим с вами лучшие и простые примеры создания посадочных страниц. Возможно, вы сможете ответить себе на вопрос, стоит ли создавать такую страницу на своем сайте или лучше пока подождать?
Когда же наступает тот самый заветный момент, после которого становится ясно – пора размещать на сайте страницу со своим уникальным предложением? Вы создали блог. Подобрали семантическое ядро, регулярно наполняли, каждую страничку любовно оптимизировали, все по очереди перелинковали.
Дизайну уделили еще больше времени, чем написанию текстов. Что бы блог грузился как можно скорее, максимально снизили количество плагинов, прописав все, что только возможно в коде сайта.
Настал тот самый момент, которого ждет каждый хозяин интернет ресурса – сайт стал посещаемым и готов приносить доход своему владельцу. Теперь его можно, наконец, использовать с максимальной пользой для себя предложив миру ту услугу или товар, под который оптимизирован сайт.
Наличие блога само по себе не гарантирует внимания со стороны потенциальных заказчиков. Скорее, это какая, никакая гарантия того, что сайт будет иметь постоянную аудиторию. Которая в свою очередь сможет стать сарафанным радио разносящим информацию о сайте во все концы.
Для того что бы потенциальные заказчики обратили на вас внимание, на сайте должна существовать специальная страница. Такая страница называется целевой или имеет еще одно название – посадочная страница.
Что бы клиенты попали на посадочную страницу, их нужно туда привести. Самый простой способ сделать это – разместить на главной странице баннер, ведущий на заветную страницу с вашим предложением.
Баннер можно сделать самим,как написано здесь, а можно заказать специалистам.
За такую услугу вы заплатите небольшие деньги, а эффект от баннера довольно весомый, гораздо больше заинтересованных людей сможет попасть именно на вашу посадочную страницу.
Содержание скрыть
Правила создания посадочной страницы
Есть несколько правил, придерживаясь которых можно не только создать яркую и красивую страницу с формой заказа и(или) формой связи, но и получить от нее неплохую отдачу в виде заказов.
Правило первое
Создавая продающую страницу, постарайтесь что бы она максимально соответствовала анкору в ссылке ведущей на нее.
Если вы указали в анкоре «как сделать посадочную страницу», тогда не стоит на этой странице предлагать еще и курс вышивки лентами. Лучше воздержаться от этого шага, создав отдельную страницу под уроки рукоделия.
Не жадничайте. Не нужно на странице призванной продавать размещать еще и ссылки, баннеры на другие проекты.
Постарайтесь сделать навигацию на этой странице максимально удобной. В идеале, вся информация должна помещаться на странице равной ширине и высоте экрана монитора.
Правило второе
Такая страница должна грузиться настолько быстро, насколько это позволяет интернет пользователя. Не зависимо от того какой браузер использует человек зашедший на страницу, он должен получить полную информацию, а не лицезреть крякозябры вместо текста.
Адаптируйте одностраничник под ВСЕ браузеры.
Правило третье
Не нужно лить воду. Интернет не то место, куда люди приходят почитать. Здесь все стараются в наиболее короткие сроки получить максимум информации.
Поэтому просто дайте людям то, что им нужно. Короткими, но емкими фразами расскажите о товаре или услуге предлагаемой на целевой странице.
Продающие страницы можно сделать как на самом сайте или отдельно от него. Расскажу некоторые способы создания лендинга.
Для этого существуют специальные конструкторы сайтов, но с ними возникает проблема в дороговизне обслуживания.
Я расскажу о двух, самых приемлемых способах разместить свою посадочную страницу.
Как создать Лендинг самостоятельно
Лендинг это — сайт, имеющий лишь одну страницу, они популярны в интернете, так как с их помощью можно быстро продать товар или донести важную информацию до огромного числа посетителей.
Такой сайт одностраничник называется Landing page.
Такие сайты как лендинг, создаются только в коммерческих целях, они должны содержать в себе только нужные элементы, такие как:
- Логотип
- Информацию о компании
- Контакты
- Краткое описание товара или услуги
- Кнопку, побуждающую к действию
- Карту, место расположения вашей фирмы, если вы работаете не удаленно
На рынке достаточно много компаний, которые практикуются на создании и продвижении одностраничных сайтов, но при желании можно научиться создавать Landing page самим, не прибегая к услугам компаний.
Самостоятельно можно создать неповторимые и красивые лендинги, которые будут уникальными и привлекательными для посетителей. Нужен только интерес и ваше желание для того чтобы научится делать посадочные страницы.
На канале Ютуб можно найти множество видео, как создать посадочную страницу. С их помощью можно начинать учится делать лендинги.
Например, посмотрите это видео:
Если есть желание, то можно освоить навыки HTML, а также CSS, это языки программирования и освоить их не так уж и трудно. Правда, это займет слишком много времени, поэтому лучше использовать готовые сервисы для создания посадочных страниц.
Для того чтобы создать лендинг, нужно определиться с хостингом. Их существует достаточно много, но лучше использовать платный и надежный хостинг.
Так как посадочная страница должна обязательно быть проиндексирована в поисковиках, а клиенты имели возможность подписаться на интересные для них предложения, связаться с вами, оплатить услугу или товар, то хостинг нужно выбирать надежный.
Поэтому лучше обратить внимание на платные недорогие тарифы на хороших хостингах. Например, можно на хостинге Timeweb. Приобрести на нем виртуальный хостинг, с тарифом 176 рублей в месяц и купить домен, который стоит в пределах 150 рублей за год.
На хостинге есть очень много готовых тем оформления, с помощью которых можно создать отличную посадочную страницу, если вы захотите добавить более интересные блоки на страницу, то в помощь будет плагин Elementor.
Еще, следует знать, что для того чтобы лендинг был проиндексирован, обязательно нужен уникальный контент, уникальные тексты должны быть не очень объемными, но содержать в себе всю нужную, способную заинтересовать клиентов информацию. В тексте не должно быть ничего лишнего.
Одним из самых важных элементов является кнопка, побуждающая к действию, например: подписаться, купить сразу, получить книгу в подарок и так далее.
Кнопка должна быть яркой и привлекательной, и находится она должна не в подвале, а ближе к верхней части посадочной страницы.
Не следует располагать на странице лишнюю информацию, посетителям такое не нравится.
Но четкое и краткое описание товаров, контакты, каким способом производится оплата обязательно должны находится на продающей странице. Можно разместить несколько положительных отзывов от клиентов.
Продающая группа в социальных сетях
Продающую страницу можно создать в Вконтакте или же в Фейсбуке в виде группы. Требования к созданной группе такие же как и к лендингу. То есть, в ней должна располагаться информация о данном виде услуг или товаре.
Если у вас есть сайт, то необходимо связать группу в социальной сети и ваш ресурс между собой, путем ссылок или же рекламного баннера, который следует расположить на видном месте сайта.
Этот баннер должен выполнять функцию привода новых посетителей на вашу посадочную страницу в социальной сети.
Итак, просадочная страница позволяет акцентировать внимание на конкретном товаре и увеличивает конверсию в несколько раз. Значит, она просто необходима всем владельцам ресурсов, которые заботятся о продвижении своих проектов.
Друзья, напишите, была ли информация Вам полезна, задумывались ли вы о создании продающей страницы, а если она у вас уже есть, то каким способом она была сделана. До новых встреч.
Источник: galank.ru
Как создать посадочную страницу в вк. Посадочные страницы
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Что такое посадочная страница?
Посадочная страница (иначе «landing page», целевая страница) зачастую означает слишком много несвязанных между собой явлений. Этим термином часто именуют , построенный таким образом, чтобы собрать максимальный трафик и обеспечить наибольшую конверсию в рамках этого трафика.
Да, выражение абсолютно верно, однако это необязательно должна быть одна страница, ибо целевых страниц у сайта, например, у интернет-магазина, может быть очень много.
С точки зрения веб-аналитики, посадочная страница – это страница входа, куда поступает трафик.
Зачем нужны лендинги?
Создают, как правило, в вопросах оптимизации конверсии: тогда, когда нужно мотивировать пользователя совершить целевое действие. Конверсия предполагает процесс выполнения определенных целевых действий (покупка, скачивание, просмотр и т.д), а показатель конверсии – это процент пользователей, совершивших это самое целевое действие. Отсюда вытекает небольшая неточность, когда речь идет об именовании их как «продающие» страницы, потому что продажа — это не единственное целевое действие.
Факторы, влияющие на конверсию:
- Качество трафика. К то приходит на страницу, откуда эти люди, что хотят видеть на сайте.
- Интерфейс. Дизайн страницы должен быть выполнен таким образом, чтобы вся необходимая информация была перед глазами.
Стоит заметить, что правильная настройка посадочной страницы увеличивает количество заявок в 5 — 10 раз.
Чтобы добиться увеличения конверсии необходимо правильно оптимизировать целевые страницы.
В правильном лендинге не должно быть никаких отвлекающих ссылок, невнятных (не мотивирующих) текстов и перегруженных форм.
Как сделать правильную посадочную страницу?
Пример хорошей формы заявки
- Контент должен работать на повышение доверия.
- Размещайте логотипы известных брендов, с которыми вы сотрудничали, адреса, телефоны – все, что может доказать, что вы реальны и вам можно довериться.
Примеры посадочных страниц с высокой конверсией
Рассмотрим целевую страницу курса техники речи:
- Обратите внимание на картинку: человек не ней смотрит на заголовок и это еще один прием управления вниманием. Картинки сами по себе привлекают взгляд, но если модель смотрит не на вас, а на рекламируемый объект, вы неосознанно переведете взгляд.
- Сразу поданы выгоды и гарантии: избавление от дефектов, указана гарантия результата через 6 занятий.
- Наличие цены и кнопки «Отправить заявку» на главной картинке также являются важным фактором.
Есть небольшое замечание: Блок «Программа курса» сам по себе не является целевой частью, однако может оттягивать внимание пользователей на себя так, что пользователи, заинтересовавшись программой, могут не долистать до конца страницы.
Страница контактов оформлена с учетом ближайшей станции метро и времени.
Здесь мы видим другую форму «Заказать звонок». Не упускаем пользователя, который не хочет оставлять заявку, предоставляем альтернативный вариант.
Логотипы известных брендов повышают доверие.
И наконец:
И наконец, мы «подхватываем» пользователей, которые, просмотрев страницу до конца, не хотят скроллить вверх.
Примеры далеко не лучших посадочных страниц
А теперь давайте рассмотрим немного неоднозначный лендинг.
Сайт доставляет пиццу. У которой нет фото.
Кроме того, что нет фото пиццы, на сайте отсутствует название ресторана, или службы доставки.. вообще какое-либо название…
Лишь проскроллив вниз можно увидеть текст и в самом его низу телефон. Но названия по-прежнему нет нигде. Доставка? А просто доставка еды на дом.. Секретная, видимо.
Надеюсь, статья была вам полезна. Жду вопросы в комменты.
Ретаргетинг Вконтакте — это особый вид взаимодействия с целевой аудиторией, при котором мы таргетируем наше предложение посетителям лендинга, имеющим аккаунт в социальной сети «ВКонтакте» и совершившим определенное действие: от простого перехода на ресурс до выполнения заказа или заполнения лид-формы.
Основываясь на полученной информации, маркетолог может обратиться к этой аудитории с рекламными предложениями для оптимизации конверсии посадочной страницы или среднего чека.
В данном примере мы разделим пользователей на две группы — посетители, не совершившие целевое действие и потенциальные покупатели, отправившие заявку. В нашем примере пользователи, совершившие целевое действие — это потенциальные покупатели смартфона, которым мы можем предложить также купить гарнитуру.
Для начала нам потребуется установить счетчики ретаргетинга: один на главную страницу лендинга, второй — на страницу благодарности.
Устанавливаем счетчик
6. В визуальном редакторе LPgenerator откройте страницу благодарности и с помощью инструмента «Скрипты» вставьте скопированный код. Установите положение «Внутри тега ».
9. Аналогичные настройки нужно установить и на главной странице для захвата всех пользователей. Для этого заново проходим всю цепочку действий с 3 по 6 пункт.
10. Спустя некоторое время получаем информацию по собранным посетителям. В нашем случае:
Группа потенциальных покупателей, которые отправили заявку на посадочной странице — код, размещенный на странице благодарности
Группа всех посетителей лендинга — код, размещенный на главной странице.
Создаем целевые объявления
Теперь мы видим две аудитории пользователей. Применим эту информацию на практике и сделаем для каждой из групп свое целевое объявление. Ниже рассмотрим пример создания объявлений о продаже наушников.
2. Первое объявление сделаем для группы пользователей, которые выполнили заказ (заполнили заявку) на нашем лендинге.
Кликаем на иконку «Внешний сайт». Поскольку полученную базу пользователей ретаргетинга можно использовать как для текущего, так и для другого лендинга, вы можете использовать ссылку как на отдельный лендинг, так и на тот, с которого собирали базу:
Создавая коммерческую группу в vkotakte люди часто не задумываются, что ее можно оформить по всем правилам посадочной страницы, тем самым увеличивая число Ваших клиентов.
И так сперва разберем элементы структуры группы в kontakte.
Группа состоит из:
В каждый из этих элементов можно вставить полезную информацию, в место того, чтобы просто, вставить красивый фон.
Итак, начнем:
Описание. Тут обычно пишут просто текст-простыню, но можно оформить и по лучше.
Например:
Написать ссылку на сайт, указать контакты, чем занимаются, и выделить это красивыми графическими элементами. Посетителями это лучше воспринимается и следовательно — результативность больше.
Вы можете сравинить работу обычного сайта и продающего поискав в сети запрос — отзывы лендинг пейдж киев
Аватар — это лицо страничке, на нем лучше написать номера телефонов, название компании, чем Вы занимаетесь и не забываем про призывы к действию. Всегда указывайте посетителям, что им нужно сделать.
На баннере так же лучше нарисовать стрелку и призыв к действию на подписку. Так подписок будет значительно больше.
На баннере указываем 3-4 конкурентных преимущества. И, если, у Вас ссылка с баннера на сайт, то обязателен призыв к действию. Чтобы человек понимал, что на баннер можно кликнуть.
После всех этих манипуляций Ваша страничка в социальной сети чудесным образом превращается в лендинг пейдж. Соответственно и растет конверсия с нее.
То, что описано выше — это всего лишь рекомендации по оформлению. Так что — экспериментируйте. Это не бывает лишним никогда.
Главным отличием посадочная страница от сайта — является его повышенная конвертация из обычного посетителя в звонки. У сайта этот показатель примерно 0,5-1%, а у лендинг пейдж этот показатель в среднем 7%.
Следовательно, конвертация посетителей такой лендинг-группы будет выше примерно на столько же.
Подведем итоги.
Внимание на оформление группы Вы должны уделить: описанию, аватарке, баннеру.
В них мы пишем название, описываем компанию, пишем телефоны, Ваши конкурентные преимущества и призывы к действию.
Если человек должен позвонить, мы пишем призыв к действию на звонок, если подписаться, то призыв к действию на подписку, если перейти, то пишем, чтобы переходил. Конечно можно для этих целей Landing Page купить,но вы потеряете один из вариантов привлечения трафика.
Чем понятнее группа будет оформлена и подписана, тем больше у Вас будет реальных клиентов.
Не ленитесь делать то, что описано в группе и Ваши продажи в социальных сетях начнуть зашкаливать!
Кстати, эти рекомендации распространяются не только на контакт;)
Источник: cena5.ru