Стрим от руководителя студии! "Управление репутацией в интернете: нужно ли малому бизнесу, и как это делает SEMANTICA" - 18 октября в 13:00 Узнать больше
Делаем вашу страницу интересной и стимулируем подписчиков почаще заглядывать к вам на страницу или на сайт за покупками
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подпишись на рассылку и получи книгу в подарок!

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

Размеры элементов

Ниже приведена памятка с размерами оформления группы ВК, вернее ее основных элементов.

Разберем каждый элемент по отдельности:

  1. Аватар. Он должен быть минимум 200*200 pix и максимум 200*500 pix. Допускается использовать картинки и побольше, до 7000 pix с одной стороны, главное — стороны должно относиться друг к другу в пропорции 2:5.
  2. Обложка. На компьютере обложка представляется в полном виде — 1590*400 pix, в версии для мобильных устройств она сжимается до 1196*400 pix. Чтобы не обрезалась важная информация, размещайте самое важное в пределах 1196*400 pix.
  3. Прикрепленные картинки. Новое оформление групп в ВК зафиксировало ширину ленты, то есть прикрепленные к записям картинки сохраняют свои первоначальные размеры. Теперь чтобы изображение занимало все доступное пространство, выбирайте картинки шириной минимум 510 pix.
  4. Картинки к постам, имеющие ссылку. Это картинки, которые «подтягиваются» к записи, если вставить ссылку. Если у статьи нет Open Graph, заголовок материала будет взят из тайтла, а картинка — из содержания. Всегда можно сменить картинку/загрузить новую, как показано на рисунке. Минимальный размер — 537*240 pix.
  5. Видео и фото для сторис. Видео — 720*1280 pix, изображения — 1080*1920 pix. Обратите внимание, что материалы должны быть в вертикальном размере.
  6. Обложка фотоальбома. Лучше использовать изображения 1200*800 pix, берите во внимание, что на мобильном устройстве нижняя часть сократится на 200 pix..
  7. Изображения для видео. 720*1280 pix.
  8. Вики-страница. Стандартная ширина — 607 pix, но есть возможность установить индивидуальные размеры изображения.

Оформляем шапку

Оформление группы ВК немыслимо без шапки. Ответ на вопрос как оформить группу в контакте обязательно должен начинаться с шапки. Чаще всего в шапке помещают объявления, навигационное меню и наиболее интересные посты. Рациональнее всего сделать шапку в виде обложки. Оформление группы в ВК по новому дизайну позволяет добавлять большие и привлекательные обложки. Для этого жмем «Загрузить» напротив «Обложки сообщества», как показано на рисунке:

Вот несколько вариантов, что можно разместить в шапке:

  1. Обложка + описание группы + ссылка на официальный сайт.
  2. Описание страницы с использованием тематических хештегов.
  3. Закрепленная запись, подробно рассказывающая о группе, ее особенностях, миссии и так далее. Пример:
  4. Открытое меню. Пример:
  5. Закрытое меню. Пример:
  6. Слитное меню. Здесь на одной картинке и аватар и анонс меню.
  7. Видео, которое воспроизводится, когда пользователь заходит в группу. Данная функция появилась в 2015 году, она позволяет привлечь внимание посетителей и мотивирует их вступить в группу. Чтобы добавить подобное видео необходимо залить видео и прикрепить его в записи. Далее запись закрепляется в шапке. Обратите внимание, что кроме видео к записи уже ничего нельзя прикрепить.
  8. Закрепить наиболее популярную запись. Пример:
  9. Презентации и анонсы.
  10. Проводимые конкурсы, акции и скидки.
  11. Рекламные объявления.
  12. Правила участия в сообществе и так далее.

Аватар

Думаете, как красиво оформить группу в контакте? Тогда не игнорируйте кропотливую работу над аватаром. Это эффективный маркетинговый инструмент, при правильном использовании которого можно добиться желаемого результата.

Хорошая миниатюра аватара отвечает следующим критериям:

  1. Текст на ней крупный и виден полностью, его легко читать.
  2. Изображение и текст понятны, не пытайтесь впихнуть в аватар слишком много.
  3. Лучше использовать оригинальное изображение, сделанное вами, а не скаченное.
  4. Используйте яркие краски, чтобы выгодно выделяться на фоне остальных изображений, умело используйте контраст.
  5. Эффектно смотрятся аватары, выполненные в стиле минимализм: минимум текста и ненужных деталей, максимум красоты и простоты.
  6. Включите фантазию, чтобы привлечь и заинтересовать пользователя — черный квадрат, значок горящего сообщения и т.д.

А вот несколько вариантов для размещения информации в миниатюре: анонсы, преимущества, контакты, низкие цены, акции, проводимые конкурсы и так далее.

Примеры:

Требования к аватару:

  1. Качество. Для этого используйте изображения в 2-3 раза больше, чем необходимый размер.
  2. Единый стиль. Все элементы должны сочетаться по цветовой гамме и общему стилю.
  3. Разнообразие. Лучше если миниатюра и сам аватар будут различными изображениями.

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

Виджеты

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

Изображения к постам

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

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

  1. Сделать изображение темнее/светлее.
  2. Выделить участок контрастом и нанести на него текст.
  3. Каждую строчку текстовой части выделить контрастным цветом.
  4. Поделить картинку на две части. Пример:
  5. Сделать фон мутным, а текст четким.
  6. Искать картинки, где как бы предусмотрено место для текста. Пример:

Для создания качественных и привлекательных картинок, которые помогут сделать красивое оформление группы Кконтакте рекомендуется использовать Фотошоп. Если вы владеете данной программой, воспользуйтесь одним из упрощенных аналогов программы: Fotor.com или Canva.com.

Редактируем статьи

Как оформить группу ВК? Отредактировать статьи в ней с помощью редактора, найти его можно по такому значку:

О том, как работать с редактором статей в ВК, мы писали в другой статье.

Вики-разметка

Как правильно оформить группу в ВК, используя вики-разметку? Это наиболее тяжелая и в то же время самая интересная часть. Вики-разметка представляет собой специализированный язык для работы с текстами на сайтах, облегчающий доступ к функционалу языка HTML. При оформлении в контакте в группе wiki-разметка используется для форматирования текстового материала, добавления изображений к нему, разработки навигационного меню. При этом используется специализированный ВК редактор.

Разберем, как создать вики-страницу: открываем, браузер и вставляем в строку адреса: http://vk.com/pages?oid=-111 &p=Создаваемая_страница, где «111» — ID группы, а «Создаваемая_страница» — название статьи со словами, написанными через нижнее подчеркивание. Часто мы будем переключаться в режим кода, так что сразу посмотрим, как это делать:

Текст форматируется в редакторе, который прост и понятен, схож с вордом. Но в нем нет опции изменения шрифтов, вместо них применяются теги: H1, H2, H3, жирное выделение и курсив.

При необходимости, в текст можно вставить ссылку через шаблон: [ссылка на статью|текст ссылки].

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

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

Навигационное меню

И заключительный этап красивого оформления группы в ВК — разработка навигационного меню.

Создаем его как вики-статью. Пример:

Так выглядит код подобного простого меню:

Есть и более сложные версии:

Здесь сначала в Фотошопе делается картинка, которая далее делится на части посредством «Раскройки», затем готовые изображения вставляются в вики-пост и к ним крепятся ссылки.

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

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

Осталось только закрепить пост.

Вместо заключения

Несколько советов как оформить группу Вконтакте:

  1. Когда вы разрабатываете дизайн (не имеет значения, используете ли вы старый вариант или думаете как оформить группу Вконтакте в новом дизайне), всегда думайте, как это будет выглядеть в мобильной версии, все ли понятно и удобно.
  2. Не бойтесь экспериментировать и разрабатывать решения, которые не используют конкуренты. Это только плюс.
  3. Абсолютно ровное и симметричное меню иногда смотрится скучно, поэтому не зацикливайтесь на идеальных формах.

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

Контент маркетинг социальных сетей на 5+ в Семантике

Когда бренд интересен подписчикам...
Когда ваш контент нравится...
Когда про вас не забывают...
Когда ваш сайт посещают...

Ведение сообществ в социальных сетях: Instagram - ВК - Fb - Одноклассники
Ваши подписчики хотят регулярных публикаций и свежего контента. Нет контента – нет подписчиков, комментариев и лайков.
Когда всем этим заниматься? Все просто – обращайтесь в SEMANTICA, и мы увеличим вовлеченность аудитории
Подпишись на обновления блога
Юлия Персидских SEMANTICA, Тимлид бесплатный вебинар От информационных запросов к продажам: как превратить тематический трафик в коммерческий Регистрируйся! 30 октября в 13:00

Мы работаем не только в Моcкве, но и в других городах России: