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

Содержание

Как сделать красивое меню в группе вконтакте

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

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

Факторы оставляющие гостя:

  • аватарка;
  • описание;
  • название;
  • красивое и практичное меню;
  • красочность;
  • контент.

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

Каким должно быть меню

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

Три основные цели групп:

  1. продажи;
  2. увеличение трафика;
  3. увеличение активных посестителей.

Для продаж навигация в группе заменяет витрину в магазине.

Здесь должны быть самые важные кнопки:

  1. каталог;
  2. стоимость;
  3. доставка;
  4. акционные предложения;
  5. отзывы.

Для увеличения посещаемости акцент делается на контент и изюминку сайта или блога.

Приблизительный вариант набора кнопок:

  • интересные статьи;
  • полезная информация;
  • подписаться;
  • отзывы.

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

Предлагаем такие кнопки:

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

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

Создаем по этапам

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

Весь процесс условно делиться на 2 этапа:

  • работа с фотошопом;
  • техническое добавление.

видео: меню для паблика

Работаем с фотошопом

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

Алгоритм действий:

  • установите и запустите программу «Фотошоп»;

  • в пункте «Файл» выберете «Создать»;
  • в появившемся окне задайте:
  1. ширину – 630 пикс;
  2. высоту – 725 пикс;
  3. содержимое фона – белый.

Далее нужно разделить рабочую область на 2 окна. Они то и будут привлекать внимание посетителей и обязательно заставят передвигаться по группе.

Делается это с помощью инструмента «Прямоугольная область»:

  • кликните на значок правой кнопкой мышки;

  • выберите инструмент «Прямоугольник»;
  • используя вертикальную и горизонтальную линейки как ориентир, выделите прямоугольник размером 200х710 пикс, зажав левую кнопку мыши;
  • Внимание! Убедитесь, что линейка измеряет в пикселях, а не в других единицах.

  • после, нажмите кнопку Delete;

  • в появившемся окне установите использование 50% серого;
  • нажмите ОК;
  • аналогично создайте прямоугольник размером 382х442 пикс, как на рисунке:

Работа с графикой:

  1. под этим слоем расположите свое оформление:

  2. далее напишите желаемый текст;
  3. с помощью инструментов рисования фигур, нарисуйте кнопки:

Приблизительно должно получиться вот так:

Сохраните прямоугольник, расположенный справа отдельной картинкой, задав размер 200х500 пикс. Это готовая аватарка, загружается через кнопку «Загрузить фотографию» в группе вк.

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

Для начала следует сделать разметку:

  1. комбинацией клавиш «CTR+R» включите линейку;
  2. наведите курсор на верхнюю линейку;
  3. зажав левую кнопку мыши, потяните вниз, к нижней границе кнопки;
  4. повторите по каждой кнопке.

Создаем фрагменты:

  • возьмите инструмент Slice Tool;

  • вверху есть кнопка «Фрагменты по направляющим»;

  • должно получиться вот так:

Сохранение изображений:

  1. нажмите Файл – Сохранить для web;

  2. введите название;
  3. укажите формат JPEG;
  4. ставьте наилучшее качество;
  5. отметьте галочки у «Прогрессивный и Встроенный профиль»;
  6. последняя кнопка «Сохранить».

Как очистить компьютер от ненужных программ? Инструкция тут.

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

Техническая часть

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

Важно! Заливка меню отличается от обычно загрузки фото или картинок.

Все по порядку:

  1. зайдите в группу;
  2. включите новостную ленту;

  3. возле полосы «Свежие новости» нажмите «Редактировать»;
  4. поменяйте название на меню или что-то подобное;

  5. через кнопку в виде фотоаппарата добавьте картинки;

  6. результат будет приблизительно таким:

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

Перейдя по ссылке, посетитель быстро попадет на необходимую информацию.

Если вы хотите вставить ссылку на запись со стены:

  1. найдите необходимую запись;
  2. кликните по ней левой кнопкой мыши;
  3. скопируйте URL в адресной строке.

Для вставки ссылки на другой сайт, группу, одностраничник и прочего:

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

Далее просто вставьте ссылку на соответствующую картинку. Вот код картинки, который появился в окне загрузки картинки: [[photo37602118_351733570|400x90px;noborder|]]

.

После символа «|» просто вставьте свою ссылку. Выглядеть это будет вот так: [[photo37602118_351733570|400x90px;noborder| ссылка]]

Сохраните изменения соответствующей кнопкой внизу окна.

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

Как создать меню в группе Вконтакте вики разметка

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


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

  • эффекты;
  • необычные меню;
  • таблички;
  • элементы навигации;
  • форматировать текст.

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

Такое оформление интуитивно заставляет посетителя остаться, кликнуть по кнопке. То есть задерживает и стимулирует к действию – а это как раз то, что и нужно.

Визуально такая система очень схожа с HTML-версткой. Но она не требует длительного обучения и специального склада ума.

Видео: меню с поиском по рубрикам

Нюансы создания

Собственно, то, что было сделано выше (разделение и загрузка картинки) это уже элементы разметки. В этом и преимущество данного инструмента. Автоматическое превращение в теги, при простой загрузке картинок.

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

Вот так: [[photo37602118_351733570|400x90px;noborder| ссылка]]

Основные теги представлены в таблице ниже:

Работа с картинками

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

[[photo37602118_351733570|options|text/link]].

Где options заменяется на:

  • noborder — снятие рамки вокруг изображения;
  • nopadding — снятие пробелов между изображением;
  • plain — вставка ссылки на картинку. Оформляется в виде текста, без графики;
  • nolink — снятие ссылки на картинку;
  • box — открытие изображения в окне;
  • NNNxYYYpx или NNNpx — задает размер фото в пикселях.

Создание таблицы

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

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

  • {| символ начала таблицы, без него таблицы быть не может. Используется всегда;
  • |+ отвечает за расположение названия таблицы по центру. Ставят после символов начала таблицы. Используется по желанию;
  • | обозначает начало новой строки и ячейки;
  • | символ, делающий ячейку прозрачной;
  • ! делает ячейку темным цветом. При его отсутствии обязательно нужно применять предыдущий знак;
  • |} означает конец таблицы. Необязательный символ, однако, используется, чтоб предотвратить возникновение ошибки.

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

Особенности разметки

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

С целью избегания основных ошибок следует ознакомиться с основными из них:

  1. необходимо быть внимательными, при изменении размера картинки – если она менее 131 пикселя, ее качество значительно ухудшится;
  2. ширина картинки не должна превышать 610px;
  3. на одной wiki-странице запрещено размещать больше 17 незакрытых тегов;
  4. при изменении ширины картинки, ее высота изменяется автоматически и пропорционально;
  5. список внутри таблицы следует создавать с помощью тега
    ;
  6. в одной строке разметки должно быть не больше 8 элементов списка.

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

Важно! Проверяйте закрытие всех тегов. Сохраняйте последовательность.

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

Как продвигать группу ВКонтакте рекомендации

Как продвигать группу ВКонтакте? Допустим, вы создали сообщество и собираетесь продвигать свой бизнес через него. Что нужно делать, чтобы не слить бюджет еще на старте? Предлагаем краткое руководство по работе в ВК. 

Правильно оформите группу

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

Следующий пункт — функционал группы. Он должен облегчать навигацию, а не запутывать ее. Добавьте в меню приложения, которые отображаются в виде кнопок: онлайн-запись, анкета, тесты, рассылка и т. д. Кстати, как установить виджет приветствия, я подробно рассказываю здесь. Если у вас магазин, уместным будет виджет “Товары”. Продумайте, как эффективнее использовать главную кнопку, расположенную под аватаром группы. Например, она может вести на сайт, открывать форму заявки или предлагать отправить письмо. В закрепленной записи оставьте самую важную информацию или разместите меню группы.

Пример грамотного оформления сообщества

Сбалансируйте контент

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

Так выглядит «золотая формула контента»

Подготовьтесь к трафику

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

Пример того, как продвигать группу ВКонтакте, читайте в этой статье.

Анализируйте статистику

Без анализа основных показателей вы не сможете понять, в каком направлении двигаться. Для группы ВКонтакте это в первую очередь динамика подписчиков. Узнать, сколько человек ежедневно покидают сообщество и вступают в него, помогают приложения вроде “Дезертира”. Более глубокую аналитику дают специальные сервисы, например Socialstats или Media VK. Их мы подробно разобрали в этой статье. Другие важные метрики — вовлеченность, количество репостов и комментариев, охват записи, процент ботов и неактивных аккаунтов.  

Простейшая статистика сообщества доступна всем администраторам

Добавьте интерактива

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

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

Окей, с рекомендациями по ВКонтакте разобрались. А теперь прочитайте Топ-5 рекомендаций по работе в Инстаграм

Ну и, наш кейс по продвижению магазина автозапчастей ВКонтакте.

А на этом сегодня всё, с вами был Владимир Казаков, SMM-агентство Madwins. Надеюсь, я смог ответить на вопрос «как продвигать группу ВКонтакте» 🙂

Оставайтесь с нами!

Группа Вконтакте
Профиль в Instagram
YouTube-канал
Страница в Facebook
Телеграм-канал