Как украсить группу в контакте. Оформление группы ВКонтакте: особенности и фишки
В этой статье мы пошагово рассмотрим, как правильно создать, настроить и качественно оформить сообщество «ВКонтакте»
Создание сообщества
Создать сообщество ВКонтакте можно перейдя во вкладку «группы», «управление», «создать сообщество».
Вид сообщества и тематика
Для начала вам необходимо будет определиться с видом сообщества, в зависимости от ваших целей и выбрать тематику сообщества.
Оформление группы
После выбора вида сообщества можно переходить к наиболее важному, это к оформлению. Оформление вашего сообщества - это своего рода визитная карточка компании, в зависимости от того насколько качественно будет оформление, ваши потенциальные подписчики будут делать выводы о вашей работе.
Загрузить обложку можно перейдя в «настройки», далее нажать «загрузить».
На обложке можно разместить:
- название
- логотип
- девиз
- контактную информацию
- акции или призыв к действию
Важный момент: обложка – это первое что увидит клиент при переходе в вашу группу, поэтому обложка должна быть яркой и привлекать внимание.
Обложка в сообществе «МТС»
Обложка в сообществе «Тинькофф Банк»
Обложка в сообществе «HeadShot»
Размеры изображений для оформления сообщества ВКонтакте.
Размер обложки для группы ВКонтакте 1590x400px
Размер миниатюры аватара — круг диаметром 200px
Также ВКонтакте не так давно появились динамические обложки для сообществ.
Динамические обложки имеют очень богатый функционал, с помощью которого вы сможете вывести на обложку последнего подписчика, лучшего комментатора, настроить смену фонов по вашему желанию, добавить виджет погоды, времени и многое другое.
Описание сообщества
В описании главное максимально коротко описать главные преимущества компании.
Важный момент:
не нужно расписывать всё, чем ваша компания занималась, занимается или будет заниматься. Длинное описание никто не будет читать. У вас есть несколько секунд чтобы привлечь внимание до того, как клиент начнет смотреть посты на стене сообщества. Поэтому в описании должны быть только ключевые моменты, отражающие суть сообщества/компании.
Лайфхак: Для того, чтобы сделать описание сообщества более подробно (с фото, ссылками и красивой версткой), необходимо поставить в закрепленную запись вики-пост, в котором будет яркая картинка и призыв к действию.
Примеры вики-постов:
Аватар группы
Аватар сообщества - это важная деталь в общем построении качественного оформления, в этой статье мы выделили несколько очень важных моментов, которые нужно учесть при создании аватара сообщества.
С учетом того, что сейчас преимущественно используют обложки сообществ, то сам автар в группе отображается как миниатюра. Поэтому здесь мы поговорим о том, как важно оформить именно миниатюру аватара. Как уже говорилось выше, размер миниатюры аватара — круг диаметром 200px.
- Текст
Если вы размещаете текст на миниатюре аватара, важно, чтобы он был крупным и не выходил за пределы аватара. - Понимание
На аватаре необходимо разместить изображение, на котором будет понятно, что изображено. - Минимализм
Для того, чтобы вашa аватаркa смотрелась актуально, можно сделать её в стиле минимализм: меньше слов и излишних элементов, не несущих практически никакой смысловой нагрузки. Миниатюра аватара обязана быть максимум простой и читабельной. - Привлечь внимание
Чтобы миниатюра аватарки привлекала внимание. Нужно оформить её так, чтобы она не была слишком белой и скучной, иначе она потеряется на фоне более красочных аватарок конкурентов.
- Текст
Что разместить на миниатюре аватара?
Рассмотрим варианты использования миниатюры аватара в качестве привлечения подписчиков в сообщество.
Настройки сообщества
Перейдя во вкладку «управление сообществом», вы можете придумать короткий адрес страницы и указать дополнительную информацию.
Далее во вкладке «ссылки» указать ссылки на вашу страницу в других соцсетях и ссылку на ваш сайт.
Во вкладке «разделы» включить необходимое. Стену сообщества удобнее ставить ограниченную, чтобы в дальнейшем не разгребать её от публикаций спам-ботов.
Включить товары, если ваше сообщество для продажи товаров или услуг.
Также в сообщество можно добавить приложения и настроить их для своих целей. Например, приложение «Заявки» наиболее удобное для работы с лидами. Это онлайн-запись и прием заказов. Или, например, приложение «Карты», с адресами ваших магазинов, офисов, мероприятий. С помощью приложения «Купить билет» можно продавать билеты на мероприятия прямо на странице сообщества, т.е. подписчики/клиенты смогут купить билет, не переходя на ваш сайт.
Вики-меню - красиво и информативно
Это ещё один способ показать уникальность своего сообщества, привлечь внимание клиентов, а также структурировать услуги, товары и всю информацию о странице. Плюс ко всему с помощью вики-меню вы можете настроить прямые ссылки для перехода непосредственно на сайт компании.
Примеры вики-меню:
Подробное руководство по созданию вики-меню вы можете посмотреть тут —
Сообществ в социальной сети Vk, как Вы наверняка знаете, очень и очень много. Но пользуются популярностью далеко не все из них. Что же нужно сообществу, помимо уникального и интересного контента, чтобы оно пользовалось популярностью? Конечно, далеко не лишним будут знания о том, как красиво оформить группу. Вконтакте сделать это не так уж и сложно. Прочитав нашу статью, Вы в состоянии будете сделать всё самостоятельно.
Инструкция по оформлению сообщества
Вы и сами должны понимать, что в один этап всё это сделать не удастся. Но не пугайтесь, ведь администрация соцсети ВК специально дала возможность оформлять сообщества обычным пользователям. Даже тем, у кого познания в компьютерах весьма посредственные.Создаём баннер
Баннером, в данном случае, мы назовём аватарку сообщества, а также графическое меню, которые идеально сочетаются друг с другом. Зачастую это одно изображение, которое делится на два блока. Вам потребуется Photoshop. Эту программу Вы сможете скачать с интернета бесплатно. А вот и сама инструкция:- Открываем Фотошоп и создаём в этой программе новый документ, размер которого —630х725 пикселей. Заливаем всё белым цветом.
- Вырезаем два окошка в слое (200х710 и 382х442 px). Именно через эти окна и будет отображаться графическое оформление сообщества. Совмещаем два окна по нижней части.
- На картинке пишем текст и пункты меню, которые Вы запланировали. В принципе, это и есть ответ на вопрос о том, как оформить меню группы ВКонтакте.
- Прямоугольник, который мы создали с размером 200х710 пикселей, сохраняем отдельно. Это аватарка Вашей группы или паблика.
- Левую часть изображения (382х442) мы должны нарезать на парочку частей. Сколько их будет, это зависит от количества пунктов в меню Вашего сообщества.
- Открываем ВКонтакте в браузере Орбитум или любом другом. Полученные картинки сохраняем и загружаем в альбом Вашей группы.
- Переходим в "Новости" - "Редактировать" - вкладка "Исходный код". Код, который Вы увидите в нижнем окне, вставляете в "Исходный...". Изменяем photo на название файла, а также указываем высоту файла. Вручную вставляем url ссылок меню.
- Для того чтобы Ваши изображения гармонично и правильно совместились, название сообщества должно быть в одну строчку, описание в 10 строк, а url сайта также в одну строку.
Wiki-разметка в помощь
Если Вы серьёзно интересуетесь тем, как оформить группу ВКонтакте, вам обязательно следует знать, что такая штука, как Wiki-разметка, играет очень большую роль в данном вопросе. Что это вообще такое? Это, скажем так, альтернатива HTML. Как Вы уже могли догадаться, эта разметка также используется при редактировании статей в Википедии. Но сейчас не об этом. Wiki-разметка понадобится нам для правильного оформления сообщества в Контакте:И первый, и второй — без кавычек! Ну, теперь уж Вы точно знаете всё о том, как правильно, грамотно и красиво оформлять паблики и группы ВКонтакте. Желаем удачи!
Я тут недавно озадачилась оформлением своей группы В Контакте. Видела много красиво оформленных групп и захотелось сделать что-то подобное. После нескольких часов изучения Вики разметки я наконец сделала для себя красивый баннер и раскрывающееся графическое меню , ведущее сразу на страницы моего сайта. В двух словах как это делается. Сначала в фотошопе одновременно создаются две картинки, потом одна из них нарезается на несколько частей. Далее на страничках редактирования В Контакте вставляется специальный код с внешними ссылками. Ну а теперь давайте обо всем по порядку.
Оформляю группы Вконтакте
Качественный дизайн групп и пабликов ВК, закрепленное меню, раскрывающееся меню, внутреннее графическое меню, каталоги, внутренняя навигация — цены и портфолио .
Внимание!
В связи с очередным апдейтом ВКонтакта от 31.10.2016 данный вариант оформления групп стал неактуален. Отчасти подобное меню можно реализовать на вкладке Свежие новости в блоке под строкой статуса. Но это будет отдельное меню, а не единая композиция с аватаром.
Шаг 1.
Создаем в фотошопе новый документ размером где то 850х700 пикселей, заливаем его белым цветом. В данном примере я сразу наложила сверху интерфейс ВКонтакта для наглядности. Теперь нам надо вырезать в слое два окна, через которые будет проглядывать собственно само графическое оформление. Сначала выделяем прямоугольник размером 200х500 пикселя и нажимаем Del. Потом выделяем прямоугольник размером 510х309 и также нажимаем Del.
Прямоугольники выравниваем по нижнему краю, расстояние между фигурами 50 пикселей. Данное оформление рассчитано на одну строку названия группы, одну строку статуса и три строки описания и технической информации. Если у вас будет другое количество строк, то тогда по месту подгоняйте высоту левой картинки.
Шаг 2.
Теперь под этим слоем располагаем все наше графическое оформление. В данном случае я положила картинку с основным фоном, потом написала текст, и потом в левом прямоугольнике .
Шаг 3.
Теперь правый прямоугольник (аватар) сразу же сохраняем отдельной картинкой размером 200х500 пикселя. Это уже готовая картинка для оформления группы. Она загружается в блок в правом верхнем углу группы, где написано «Обновить фотографию». А левую картинку надо нарезать на несколько картинок по количеству пунктов меню. В данном случае это 5 картинок шириной 510 пикселя.
Шаг 4.
На этом шаге нам надо загрузить наши нарезанные картинки ВКонтакт. Для этого сразу под описанием группы выбираем блок «Свежие новости», по-моему так он называется в оригинале. Я его переименовала в «Меню». Нажимаем «Редактировать». Важно! Во-первых, у вас должна быть именно Открытая группа, а не Страница. Поскольку на Странице такого пункта просто нет. И второе, в меню Управление сообществом > Информация > Материалы должен быть выбран пункт «Открытые».
Шаг 5.
Итак, во вкладке «Редактирование» мы нажимаем на иконку фотоаппарата и загружаем наши пять нарезанных картинок меню. ВКонтакт загрузит их по-своему, уменьшив размер до 400 пикселей по ширине и присвоив картинке тег noborder. В следующем шаге нам предстоит немного поправить код.
Шаг 6.
А именно, мы выставляем оригинальные размеры картинок и меняем тег noborder на тег nopadding. Также нам надо проставить урл ссылок с каждого пункта меню. В данном случае первая ссылка ведет на внутреннюю страницу Вконтакта, а остальные четыре ссылки ведут прямо на страницы моего сайта.
Ниже дан оригинальный рабочий код моего меню. Можете его использовать как основу. В нем вы меняйте картинки на свои, подставляйте свои размеры и прописывайте свои ссылки. И следите, чтобы в коде не было пробелов между квадратными скобками, а также не было перевода строки, иначе в графической картинке будут пробелы между картинками.
[][][]
Шаг 7.
Еще раз повторяю, чтобы открыть данное меню надо щелкнуть по надписи «Меню». А так оно всегда находится в свернутом виде. Читайте комментарии к посту, там много вопросов разобрано. Ну и присоединяйтесь к моей группе В Контакте .
Привет, друзья!
Сегодня речь в статье пойдет про оформление групп ВКонтакте. Это очень важная часть, которая значительно влияет на продажи и раскрутку ваших сообществ, поэтому настоятельно рекомендую ее прочитать.
Что входит в оформление?
Давайте начнем с самого начала. Многие задаются вопросом что входит в оформление и как оформить группу ВКонтакте самому без посторонней помощи.
Что входит: обычно в оформление группы входит аватарка, меню (специальное изображение, нажав на которое человек переходит в так называемое навигационное меню в котором указаны основные элементы сообщества, так называемые быстрые ссылки и ответы на вопросы). Также опционально в оформление может войти специальное оформление (брендирование постов).
Аватарка
Давайте отдельно рассмотрим каждый элемент оформления сообщества. Начнем с аватарки. Зачастую этим элементом многие пренебрегают и это сказывается и других элементах.
Аватарка — это по сути первое, что видит человек в поиске и когда он заходит к вам в сообщество. На аватарке обязательно надо изобразить то, чем вы занимаетесь (если вы продаете товары), если же вы бренд, то вас узнают и так, но в большинстве случаев надо изобразить именно свои услуги либо товары.
Часто замечаю, что люди просто так делают какие-то красивые изображения, которые не отображают сути сообщества. Кроме этого, на аватарке сообщества желательно указать контактные данные и призыв вступить в группу.
Что касается оформления. На самом деле этому можно легко обучиться самостоятельно, правда для этого вам понадобится изучать фотошоп по бесплатным урокам и самим все тестировать.
Поэтому я предлагаю вам потратить деньги и пройти обучение у профессионалов. Во-первых вы получите практические навыки (студенты обычно выполняют работы для заказчиков), во-вторых сможете в дальнейшем оформлять сообщества не только себе, но и заказчикам. В среднем цена оформление аватарки и меню начинается от 1500 рублей и выше. В некоторых случаях за оформление берут и по 5-6 тысяч.
В среднем на оформление обоих элементов может уйти сутки-двое. Это я беру с запасом. Можете посчитать сколько вы можете зарабатывать сами на этом. Так вот вернусь к обучению. Вот собственно сам курс о котором идет речь: http://www.1day1step.ru/design.php . Цены там вполне себе адекватные на обучение, а отбить можно после 2 клиентов.
Меню сообщества
Теперь давайте о меню сообщества. Строится меню на дизайне и так называемой вики-разметке. Этому тоже можно обучиться и научиться.
Меню обычно делают для удобства сообщества интернет-магазинов (да и не только в принципе). В меню указывают ссылки на отзывы покупателей, каталог товаров и прочие элементы. По сути меню — это навигация по паблику с помощью нескольких нажатий кнопок мыши.
Меню как и аватарка сразу же бросаются пользователям и новым клиентам. И если оно грамотно оформлено, то оно побуждает людей вступить в группу и в дальнейшем сделать заказ.
Брендированные посты
Этот вид оформления делают не все паблики, но те которые делают выгодно отличаются от других. Все посты в этом случае оформлены в едином стиле и очень гармонично смотрятся, когда человек листает стену сообщества.
Стоимость дизайна брендированных постов различна, поэтому надо уточнять у дизайнеров, но опять же вы можете сделать брендирование сами.
Кстати, с помощью брендированных постов можно очень хорошо запомнится клиентам в ленте новостей. Вы будете выгодно отличаться от конкурентов и других пабликов, а это опять же дополнительный интерес и приток клиентов.
На этом я буду заканчивать статью. Надеюсь она была для вас полезной. Если да, то делитесь ссылкой на нее в соц.сетях и подписывайтесь на обновления блога.
Графическое оформление группы в контакте состоит из нескольких картинок разного размера. Каждая из них выполняет свою роль, поэтому производиться по отдельному техническому заданию.
- Аватар. До недавнего появления верхней обложки выполнял основную роль в сообществе. Но приверженцы старого стиля по прежнему могут его использовать в основе. На аватаре следует разместить основную информацию о компании: логотип, название фирмы, контактные данные и пару слов о направлении деятельности. Одна из самых важных частей аватара - миниатюра, видимая в поисковике контакта и новостной ленте. Размер аватара по ширине 200 пикселей.
- Обложка. В новом варианте дизайна обложка стала основным элементом графического оформления сообщества. Заходя в группу, человек первым делом обращает внимание на обложку, поэтому она должна максимально отражать вашу деятельность. Еще там следует разместить контактные данные и логотип компании. Рекомендуемый размер обложки указан в настройках группы при загрузке.
- Баннер перехода в меню. На картинке перехода традиционно размещают кнопку меню, оформленную в стиле сообщества. Дополнительно рекомендуем поместить туда потенциально интересное клиентам предложение.
- Картинка с пунктами меню. Навигационный элемент, позволяющий пользователям последовательно ознакомиться с содержимым группы. В меню можно разместить всю необходимую участникам информацию: доставка, оплата, контакты, о компании, каталог и многое другое. При создании картинки лучше подобрать её так, чтобы легко можно было добавить новые кнопки в меню, или заранее продумать пункты меню, избежав дальнейшей переделки.
- Навигационные картинки для внутренних страниц. Данные элементы служат для удобного перемещения пользователя по разделам сообщества и приятного внешнего вида внутренних страниц.
