Как в группе вконтакте сделать меню и оформить красиво
Автор: SancheZ 
Расставляем точки.
Хотите завлечь к себе в группу больше посетителей? Тогда прочитайте мою статью о том, как оформить продвижение группы вконтакте. Желаете, чтобы участники группы были не просто статистическими величинами, но активными клиентами? Убеждены, что группа должна приносить пользу людям и доход вам? Время разобраться с тем, как правильно оформлять группу в контакте!
Заманить клиента в свои сети с помощью меню станет реально, если понимать:
• Какую информацию необходимо размещать в меню группы?
• Какой дизайн выбрать для оформления меню?
• Какой язык размётке лучше всего использовать для страницы в контакте?
• Какие технические средства помогут новичку?
• Как потратить минимум времени, денег и усилие на оформление меню?
Группа или публичная страница (паблик) – своеобразный «филиал» бизнеса в Интернете. Небрежное отношение к ведению группы, повлечёт за собой много бед — низкий уровень продаж и, конечно же, ухудшение репутации. Если нужен обратный результат (увеличение продаж, появление новых клиентов), тогда группа должна стать безукоризненной визитной карточкой!
Продвижение сайта через социальные сети
Уважающая себя компания в современном мире обладает: главным сайтом и страницами в социальных сетях. SEO-специалисты активно используют аудиторию VK для продвижения бизнеса своих заказчиков. У вас есть базовый сайт? Если нет, то узнайте как создать сайт. Разместите на нём хотя бы кнопки социальных сетей. Впрочем, самые показательные сведения можно получить только с помощью сервиса WordPress комментарии от Вконтакте.
Красиво оформленные меню в вк от агентств.
Перед просмотром примеров, даю вам задание: «Попытайтесь понять, что объединяет эти группы? Какие элементы меню делают их красивыми и завлекающими для посетителей?».
Меню свадебного агенства «La Perfecto»
Итак, что можно разглядеть даже при беглом просмотре меню? Всё самое важное! Специализация группы – организация свадеб в Санкт-Петербурге. Визуальное оформление, бесспорно, на высшем классе.
Что привлекает к группе? Только ли дизайн? Ещё и продуманная структура. В пунктах меню чётко выделены разделы: «О нас», «Под ключ», «Галерея», «Бюджет», «Услуги», «Отзывы», «Контакты». Причём, особо стоит заметить, насколько грамотно расположены пункты меню! Видно, что создатели думали об том, что интересует клиентов в первую очередь. Благодаря этому им удалось создать функциональный инструмент поиска.
Не удивительно, что 20 % ежемесячных доходов компания «La Perfecto» получает именно от своих клиентов из ВК. На примере их меню, вы сможете создать столь же полезную структуру, которая будет идеально представлять ваши услуги пользователям контакта!
Красивое меню общественной организации «Экострана»
Создавать качественное оформление нужно не только людям, ведущим свой бизнес. Отличным примером качественно и красиво составленного меню является группа общественной организации «Экострана».
Группа ориентирована на защиту окружающей природы, поэтому в «шапке» меню находятся данные: «Обсуждения», «О нас», «Контакты», «Фото», «Видео» и «Статьи». Пользоваться группой удобно, поэтому стоит перенять их опыт.
Важно! Пункт «О нас» почти всегда нужно размещать вверху списка. Посетители должны иметь возможность быстро изучить ваше «досье». А после «знакомства» — перейти к услугам и портфолио.
Прикольно сделанное меню вк по йоге от Дарьи Каширской
Группу, посвящённую йоге, я выбрал по двум причинам: грамотное оформление и совпадение с моими интересами. Время от времени я занимаюсь хатха-йогой, поэтому часто ищу новых мастеров в этом сегменте. Рекомендую тщательно изучать примеры всех групп, которые вы просматриваете в контакте. Изучая меню, не забывайте спрашивать себя: «Легко ли я, как клиент, нашёл всё необходимое?».
Группа Дарьи Каширской хорошо структурирована. В меню входит наиболее значимая для пользователей информация: «Расписание», «Информация о преподавателе», «Новости», «Описания занятий», «Семинары», «Индивидуальные занятия». Все пункты размещены логично и шрифт кстати красивый, в меню нет никакой лишней информации.
Цели меню вконтакте
Каждая группа в контакте, создаётся с определённой целью. В зависимости от цели (бизнес, общественная деятельность, образование, развлечение) создаётся контент. Наполнить группу можно любой информацией. Структурировать данные и направить посетителя к нужным сведеньям помогает меню.
Коммерческие группы (товары/услуги) базируются на основной информации:
• Информация о компании
• Перечень услуг
• Прайс-лист (цены)
• Контакты (номера телефонов, адрес электронной почты, карта проезда)
• Портфолио или фотографии продукции (с описанием)
• Новости/отзывы
Соответственно, для новостных групп важно направить людей на актуальные новости. Для этого в меню можно разместить графу: «Новость часа». В подобной группе будет не лишним указать: «Популярные обсуждения» и главные разделы: «Политика», «Экономика», «Культура», «Образование».
Как сделать красивое меню для группы с помощью Photoshop-а?
Сделать эффектное меню для группы в контакте может даже человек с минимальными знаниями Photoshop-а. Понадобиться немного свободного времени и терпение. Не умеете рисовать? Этот навык совершенно не обязателен. Главное, найти подходящее изображение, которое станет основой для пунктов меню.
Можно выбрать готовый шаблон, на который легко поместить нужное количество надписей. Или красивое изображение, идеально подходящее под стиль вашей группы.
К примеру, я возьму фотографию обычного плазменного телевизора, затем нанесу на него обычный текст и разобью на гиперссылки с помощью размётки wiki
Этапы создания навигационного меню
• Первый этап
Создаём в Photoshop новый документ. Выбираем параметры: 400 – ширина (под ширину «стены» вк), 500 – высота (данный параметр зависит от количества пунктов в вашем меню).
• Второй этап
На выбранное нами изображение наносим надписи. Допустим, я создаю графическое меню для своего блога. Тогда мне понадобятся такие рубрики, как: «Главная страница», «Создание сайтов», «Раскрутка сайтов», «Конкурсы», «Обо мне».
• Третий этап
Самым сложным этапом является раскройка изображения под гиперссылки. Что для этого нужно? Разрезать рисунок в Photoshop-е. Нажимаем С, затем выбираем из иконок меню инструмент «Раскройка».
Нам нужно выделить все изображения от которых будут идти ссылки. Используем комбинацию клавиш «CTR+R» для активации линейки «Раскройка»:
— Нажимаем правой кнопкой мышки на верхнюю линейку и тянем её до того уровня, где у нас начнётся изображение с первой ссылкой. Затем повторяем процедуру, только тянем линию до конца ссылки.
— Используем этот алгоритм для выделения всех частей будущего меню.
Далее выбираем кнопочку — инструмент «выделение фрагмента». Выделяем верхний раскроенный объект, т.е. Главную страницу двумя нажатиями на левую кнопку мыши. Откроется окно в котором нужно будет ввести ваши ссылки
— Каждый фрагмент изображения сохраняем отдельными частями. Для этого кликаем иконку «Файл» и выбираем в меню «Сохранить для Web и устройств».
При сохранении фрагментов нужно выбирать формат JPEG и наилучшее качество. Напротив параметров «Прогрессивный» и «Встроенный профиль» ставим галочки, сохраняем. Теперь наше изображение разделено на несколько фрагментов. Осталось лишь загрузить в контакт!
Меню для группы – техническая реализация
«Оживлять» фрагментированное меню будем в вашей группе. Возле заголовка «Свежие новости» (в вашей группе) нажимаем кнопку «Редактировать» и переименовываем его на наш вкус. Например, «события дня», «новинки», «свежак».
Вот, что нам надо:
[[photo***_***|Описание]] этот код позволит разместить картинки в меню
[[photo***_***|httр://ссылка.соm/]] данный код служит для формирования активной ссылки на сайт в виде картинки
[[photo***_***|id***]] этот код нужен для размещения ссылки-картинку на страницу профиля
[[photo***_***|club***]] с помощью этого кода мы можем разместить ссылку-изображение на группу в контакте
[[photo***_***|page***_***]] данный код необходим для ссылания на вики-страницу
[[photo***_***|nolink|Описание]] этот код поможет вставлять не кликабельные части картинки (если пользователь нажмёт на эту часть, то ничего не произойдёт)
[[photo***_***|400x105px;noborder| ]] с помощью этого кода можно менять параметры изображений в меню и лучше подстраивать их под нужды вашей группы
Загрузив изображение на сервер Вконтакте, между кусочками изображений остаются пробелы. Завершающим штрихом станет ликвидация отступов и «склеивание» картинки. В вики-размётки для этого придуман специальный код: [[photo***_***|400x105px;nopadding| ]]
В итоге в меню нашей группы мы получаем сбор кодов, наподобие этого:
[[photo35930750_292124836|380x130px;noborder;nolink;nopadding| ]]
[[photo35930750_292124840|380x26px;noborder;nopadding|http://ссылка.ru]]
[[photo35930750_292124841|380x20px;noborder;nopadding|http://ссылка.ru/creation-of-sites]]
[[photo35930750_292124843|380x24px;noborder;nopadding|http://ссылка.ru/raskrutka-sajta-bloga]]
[[photo35930750_292124846|380x28px;noborder;nopadding|http://ссылка.ru/earnings-on-the-site]]
[[photo35930750_292124848|380x26px;noborder;nopadding|http://ссылка.ru/konkursy]]
[[photo35930750_292124849|380x25px;noborder;nopadding|http://ссылка.ru/obo-mne]]
[[photo35930750_292124851|380x96px;noborder;nolink;nopadding| ]]
О чём говорит этот набор буквенно-цифровой информации? О том, что наше меню состоит из 8 частей – из них 6 частей являются активными ссылками. Теперь можем насладиться готовым результатом!
Отличного заработка и до новых встреч!
Рекомендую посмотреть следующие статьи:
