Как в вк создать меню


Как создать меню в группе Вконтакте - красивое, сделать в вики разметка, графическое, в фотошопе

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

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

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

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

Фото: пример функционального меню

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

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

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

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

  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;

    Фото: расположение 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 элементов списка.

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

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

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

Как создать меню для группы Вконтакте?

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

При оформлении группы Вконтакте, необходимо сделать следующее:

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

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

Инструкция по создания меню для группы Вконтакте

Настройка.

Для начала вам потребуется перейти в настройки группы и включить материалы:

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

2. Новое поле в группе.

После настройки, в вашей группе должно появиться новое поле «Свежие новости»:

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

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

3. Создание меню для группы Вконтакте.

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

4. Разделение картинки на части.

Для того чтобы отдельные элементы картинки были копками, нам потребуется инструмент «Раскройка»:

Этим инструментом выделите область вокруг каждой кнопки:

Теперь в меню выбираем специальное сохранение созданного меню:

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

5. Вставляем картинки.

Теперь возвращаемся в редактор поля «Свежие новости» и добавляем туда картинки:

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

Нажимаем сохранить страницу и теперь в группе появляется меню.

6. Настройка кода.

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

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

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

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

Дизайн меню группы, полезные советы.

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

  1. После создания Wiki разметки (код меню), сохраните его в текстовом файле. Вдруг что-то пойдет не так, у вас будет возможность восстановить меню.
  2. В интернете можно легко найти шаблон меню группы Вконтакте. Это пригодится всем, кто не умеет работать с Фотошопом и другими графическими редакторами.
  3. Также для облегчения работы, кнопки меню для группы Вконтакте можно скачать в интернете и просто установить их на любой фон.
  4. Не берите слишком мелкие картинки для меню, лучше наоборот использовать огромный формат, иначе теряется качество.
  5. Ширину меню лучше не делать больше 610 пикселей, иначе она может не корректно отображаться на страничке.
  6. Для работы с Wiki разметкой есть специальные редакторы, но в них придется разбираться отдельно, они создаются для профессионалов.
  7. Не спешите заканчивать работу в графическом редакторе, попробуйте разные цветовые гаммы, шрифты, фоны и так далее.
  8. Меню в группе ВК выглядит лучше, если его объединить с аватаркой. Для этого нужно подгонять размер картинки.

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

Красивое меню группы за 100 рублей

Создано много разных конструкторов, чтобы сделать меню группы Вконтакте онлайн. Расценки везде отличаются, так же как и доступные функции. Сравнивая сервисы, можно с уверенностью сказать, что Menumake – это лучший вариант. Даже у новичка уйдет не больше 5 минут на создание меню, а система автоматически его добавит в нужную группу. Как это всё происходит?

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

  1. Открывается редактор, в центре находится кнопка «Выбрать шаблон». Жмём на неё и выбираем готовый шаблон меню Вконтакте, выбор большой:

  1. После этого добавляются пункты меню. Тут всё просто, указываешь текст меню и напротив добавляешь ссылку, куда будет направляться пользователь при нажатии:

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

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

  1. Перед началом загрузки откроется окно, в котором клиентам напоминают, что нужно заплатить 100 рублей за эту услугу. В неё входит добавление альбома, размещение графического меню в группе Вконтакте и его кода:

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

Где заказать меню для группы Вконтакте?

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

  • Weblancer – биржа фриланса, тысячи дизайнеров.
  • Kwork – все услуги по 500 рублей.
  • Work Zilla – быстро выполняют заказы.
  • Vkmenu – конструктор меню, цена 500 рублей за оформление.
  • FL – самая крупная биржа фриланса в Рунете.
  • Moguza – ещё одна биржа фрилансеров.
  • Prohq – биржа фрилансеров профессионалов.

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

Ошибки при создании меню группы Вконтакте

Неопытные пользователи часто пытаются сэкономить и сделать всё своими руками. Без определенных навыков (хотя бы умения работать с графическими редакторами) получается что попало. Некоторые меню в группах ВК вызывают смех, а всё потому, что допускаются эти ошибки:

Ошибка 1.

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

Ошибка 2.

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

Ошибка 3.

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

Ошибка 4.

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

Ошибка 5.

Пункты меню должны быть продуманными и реально пригождаться пользователям. Например, в группе интернет-магазина есть смысл добавить пункты Доставка, Каталог, Контакты. В информационных группах – Правила, Прайс на рекламу, Ссылки на обсуждения. Помните, каждый пункт должен приближать посетителя к целевому действию (заказу, обращению и т.д.).

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

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

Читайте другие статьи:

- Как получить голоса Вконтакте бесплатно? - Как накрутить подписчиков Вконтакте? - Заработок на группах Вконтакте

ВКонтакте. Часть 3: Как сделать меню группы вконтакте полезным. Как самому создать меню группы ВКонтакте?!

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

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

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

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

Если вы впервые на моём сайте, рекомендую вам подписаться, так как эта статья является продолжением пост-сериала: «Погружение в группы ВК».

Итак, приступим…

Как создать меню группы вконтакте: идеологический этап

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

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

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

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

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

Что показать в меню группы vkontakte, если основная цель продажи?

SMM продвижение для продаж, в основном используют интернет магазины, а для них самым важным является товар! Это значит, что товар — это то, что пользователь/участник группы должен увидеть в первую очередь. Для этого нужно выставить его на витрины. Меню группы – это как раз и есть «витрина» интернет магазина в соц сетях.

Давайте посмотрим на примеры:

***

***

Посмотрите на группы, которые я привожу в примерах поближе, найдите их в ВК: m_shop, aukro_ua, timerclub.

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

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

П.С.: я имею достаточный опыт в прямых продажах (канадские компании), поэтому поверьте мне, такая схема продаж через интернет работает! В ней задействованы те же чувства, которыми мы управляли в реале.

Кстати, стремитесь к гармонии!

Закрепим приоритетности для продажников в интернете:

  1. Каталог товаров
  2. Доставка и цены
  3. Акции и конкурсы
  4. Отзывы

Идем дальше. Что показать в меню группы вконтакте, если основная цель регистрации? Дамаю на этот вопрос вы уже сами найдете ответ. Здесь аналогичная ситуация (проведите аналогию с продажами). Покажу примеры групп, которые созданы для сбора трафика.

Что показать в меню группы vkontakte, если основная цель посещаемость?

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

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

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

Как создать меню группы вконтакте: технический этап

Итак, с назначением меню группы разобрались, приступим к технической части . Переходим в настройки: Управление сообществом>Материалы>Подключить:

Сохраняем изменения и переходим в группу. Под описанием группы появится закладка «Свежие новости», приступим к её редактированию:

Переключаемся на закладку «Редактирование» (1), заменим название меню (2), введем свою информацию (3), сохраним её и вернемся к странице (4).

С 2011 года редактирование меню групп вконтакте стал намного легче, админы ВК добавили визуальный редактор, поэтому разобраться стало еще проще. Оговорюсь, что серверы ВК могут работать не так слажено, как хотелось, или при работе с кодом вы можете что-то забыть, поэтому сохраняйте исходный код в текстовые файлы на ПК. Для этого перейдите в «Исходный код» и скопируйте код результата.

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

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

Как видите, я подготовила информацию в вордовском документе, сделала редактирование текста (выделения), добавила ссылки и просто вставила этот текст в «Редактирование» меню групп вконтакте.

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

Если перейдете в меню моей группы вконтатке, то увидите, что одни ссылки ведут на внутренние страницы (2), другие на внешние (1):

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

Добавлю в реальном времени, еще одну внутреннюю страницу:

  1. Сначала идем в «Редактирование», добавляем нужный текст, редактируем его. Сохраняем страницу.
  2. Далее переходим в «Исходный код». Берем желаемый текст, в квадратные кавычки (они размещены на русской клавиатуре под буквами «х» и «ъ» ).
  3. Жмем на «Предпросмотр» и видим, что наш текст стал ссылкой. Откроем эту ссылку в новом окне браузера (правой кнопкой на ссылке, открыть ссылку в новой вкладке).

Вот и появилась у нас новая (внутренняя) страница в нашей группе вконтакте. Теперь нам нужно её заполнить:

  1. Жмем кнопочку «Наполнить содержанием».
  2. Заполняем группу контентом. Редактируем его.
  3. Настраиваем «Доступ к странице». Если отметить «просматривать страницу могут только участники группы», то это будет мотивировать посетителей вступить в группу. Сохраняем страницу.
  4. Копируем нужные циферки в адресной строке страницы, которую только что сохранили. Для этого перейдите в режим «Просмотр» и скопируйте ID страницы – это и будут те циферки, которые нам нужны.
  5. Возвращаемся на страницу «Исходный код» меню группы вконтакте (рекомендую не закрывать его, пока создаете новую страницу… хотя она итак должна была бы быть у вас открыта) и вставляем цифры в правильную строчку. Между текстом ссылки (Марина Лазарева (видео)) и самой  ссылкой (43820829), устанавливаем значок «|» (он находится на английской раскладке клавиатуры, сочетание клавиш Shift+\).
  6. Проверяем результат. Жмет «Предпросмотр». Открываем нашу страницу в новом окне и видим, что все работает . Поздравляю! Рекомендую сохранять код страницы, так как его легко потерять.

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

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

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

——

Данная статья является одной из серией пост-сериала «Погружение в группы ВК»:

- ВКонтакте. Часть 1: Как создать группу вконтакте. Создание группы вконтакте, пустяковое дело!

- ВКонтакте. Часть 2: Красивые группы вконтакте это имидж компании! + Анализ групп ВК.

Добро пожаловать к ознакомлению с уже написанными материалами!

——

П.С.: Все кто не знает, что такое онлайн хранилище файлов Dropbox, читайте об этом на страницах DragonBlog.

С Уважением и Любовью, Марина Лазарева!

Похожие записи:

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

И снова рад Вас приветствовать!

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

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

Вот что у меня получилось.

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

И так.  Вот основные шаги:

  • Продумать основное меню
  • Выбрать изображение
  • Фотошоп (без фотошопа как всегда никуда 🙂 )
  • Раскройка изображения
  • Заливка изображения в альбом контакта

Чтобы активировать свежие записи (для Вашего будущего меню), нужно зайти в управление сообщества и включить пункт — «Материалы»

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

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

В своём примере я использовал фон девушки, и поместил слева от нее 3 кнопки. Каждая кнопка — имела своё название.

Мое меню состояло из следующих пунктов:
  • Ссылка на рассылку (внешняя)
  • Ссылка на сайт (внешняя)
  • Контакты (внутренняя на ещё одну страницу, про создание страницы речь шла в этой статье)

Для внедрение готового изображения в контакт, предварительно его нужно раскроить. Для этого в фотошопе используем инструмент «Раскройка«. Думаю с этим сложностей не возникнет. Там всё просто… На всякий случай, сделал фото 🙂

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

Чтобы сохранить наше меню выбираем:  “Файл” – “Сохранить под Web” – выбираем расширение jpeg и качество 100%, жмем “Сохранить”. У нас должно появиться 4 файла. Все! С фотошопом покончено!

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

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

Тег «nopadding» – убирает пробелы между картинками, то есть помогает «состыковать» их вплотную к друг другу.

В результате добавления тега, получилось следующее:

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

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

У многих видел, что делают продолжение основного аватара. Получается как одно целое изображение. Красиво смотрится. Но для создания такого, нужно лучше разбираться в фотошопе 🙂 .

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

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

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

А на сегодня всё. До связи!


Смотрите также