Как красиво оформить группу вконтакте: пошаговая инструкция

ТОП сервисов, чтобы быстро изменить размер изображения

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

Мы подобрали ТОП 3 сервиса для автоматической обрезки и
сжатия файлов.

Canva

Canva

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

Adobe Photoshop

Adobe Photoshop

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

Adobe Spark

Adobe Spark

Adobe Spark – это интегрированный набор приложений для создания мультимедиа контента для мобильных устройств и веб-приложений, разработанный Adobe Systems. Он состоит из трёх отдельных дизайнерских приложений: Spark Page, Spark Post и Spark Video

Последние статьи

• Макияж для коленок: как девушки 1920-х забавлялись, сводя с ума ханжей сегодня, 12:50

• Почему Юрий Любимов не хотел видеть в труппе Театра на Таганке Владимира Высоцкого сегодня, 11:30

• Почему 10 богатых знаменитостей решили оставить своих детей без наследства сегодня, 10:00

• Лицо «Шанель», молчаливая звезда «Фантомаса»: Кем была одна из самых красивых и загадочных француженок Мари-Элен Арно сегодня, 08:46

• Что скрывают самые загадочные и закрытые религиозные общины амишей от посторонних 19.10.2021, 20:20

• Как появились самовары: водогрейные машины, пережившие века 19.10.2021, 19:05

• Забытые кумиры: Почему Сергей Гурзо до конца дней не простил Вячеслава Тихонова 19.10.2021, 17:29

• Как историки опровергают новую немецкую версию боя Битвы машин под Прохоровкой 19.10.2021, 15:50

• Как христиане утратили власть над Святой Землей: Падение Акры 19.10.2021, 14:24

• Почему многие русские мужчины женились без любви 19.10.2021, 12:43

Все статьи

Полезные сервисы

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

• Canva – пожалуй, самый популярный сервис. Здесь много готовых шаблонов для оформления постов, обложек и меню.
• Crello – аналогичный редактор, здесь можно делать полупрозрачные картинки, корректировать цвета и загружать свои шрифты.
• Adobe Spark – еще одна альтернатива. Можно загружать шрифты, брать готовые шаблоны, бонусом есть сервис для подбора гармоничных сочетаний цветов.

Еще несколько ссылок вам в помощь:

• Unsplash, Pixabay, Pexels – мои любимые бесплатные фотостоки, тут можно найти иллюстрации или текстуры для оформления группы.
• FontStorage – хранилище бесплатных шрифтов. Перед скачиванием убедитесь, что в наличии есть кириллическая версия.
• Наш сервис отложенного постинга: в одном месте вы сможете создавать, редактировать и планировать публикации для всех соцсетей.

Обложка

Размеры: 1590×400 px, видимая зона для мобильной версии 1196×400 px.

Это вытянутая горизонтальная картинка в шапке сообщества, она некликабельна.

Обложка нашей группы vk.com/prcyru

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

Группа без обложки

Общие рекомендации к обложке

Чтобы качество обложки не портилось, администрация Вконтакте советует загружать изображение размером 1590×400 px. Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезается на 197рх, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне, это 1196×400 px. А сверху примерно 83 рх занимает полоска с индикаторами связи, уровня заряда и прочих.

Схема обложки с разметкой

Чтобы вам не размечать области самостоятельно, мы сделали шаблон в формате psd с направляющими, разграничивающими области. Его можно скачать.

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

Обрезалось часть названия на обложке

Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение.

Стрелка указывает на кнопку подачи заявки

Стрелка показывает на кнопку с сообщением

Мы советуем сначала посмотреть, преимущественно с каких устройств аудитория смотрит группу. Такая информация есть в статистике сообщества:

Скриншот статистики группы PR-CY

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

Стрелка указывает на аватарку

Стрелка указывает на пустое поле

Динамическая обложка

Размеры: такие же, как у обычной обложки.

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

Пример с выводом аватарок активных участников на обложку

Аватарка нового подписчика на обложке

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

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

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

Анимационная обложка на мобильных

Размеры: вертикальные фото и видео 1080×1920 px или другие в пропорции 9:16.

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

Обложка группы в мобильном просмотре

Обложка группы по клику в мобильном просмотре

Включается эта возможность в Настройках сообщества:

Настройки группы

Дальше появится окно с добавлением фотографий в слайд-шоу для анимированной мобильной обложки:

Добавление фотографий

Какой размер материалов выбрать:

Элементы оформления и их размеры

Когда вы создали паблик или группу, то видите перед собой пустой шаблон.

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

Фотография справа – это аватар группы, который будет показан в сообщениях и оповещениях подписчикам. Минимальный размер аватарки – 200×200 px, а максимальный – 200×500 px.

Обложка – это баннер вверху экрана. Его габариты в полной версии ВКонтакте – 1 590 px в ширину и 400 px в высоту, в мобильном приложении – 1 196 px по горизонтали и 400 px по вертикали. Поэтому для корректного отображения на разных гаджетах не стоит размещать значимые элементы по бокам обложки.

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

Для бизнеса обязательно нужен раздел «Товары». Он отображается под основной информацией, размер каждой фотографии минимум 400×400 px, максимум – 1 000×1 000 px. Читайте статью о том, как добавить товары в группу.

• Картинки к записям имеют максимальную ширину 510 px, в высоту они могут быть такими же или меньше. Размер изображения к посту со ссылкой – 537×240 px. Максимальная ширина иллюстраций на вики-страницах составляет 607 px.
• Фото- и видеоальбомы – это тоже элемент дизайна. Мы уже рассматривали, как создать альбомы во ВКонтакте. Здесь же я затрону только параметры обложки. Ее максимальный размер – 1 200×800 px, на главной отображается уменьшенный формат – 200×132 px.

С техническими параметрами мы определились. Теперь проработаем оформление основных разделов.

Меню для группы ВК

С начала его нужно сделать (в графическом редакторе).

Размер меню такой: – ширина максимум 600 px (так удобнее всего) – высота как получится.

Я сделал такое меню:

картинка меню группы вк

Теперь в фотошопе (инструментом “Раскройка”) я разрезаю меню на равные части.

весь макет режим на равные части

Там же в фотошопе нажимаем Файл → Сохранить для Web…

Выделяю все части и сохраняю в формате Png-24.

В итоге у меня получилось 12 частей.

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

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

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

Возвращаемся на созданную страницу МЕНЮ. Если забыли она находится по этому адресу http://vk.com/pages?oid=-123456789&p=МЕНЮ Не забываем 123456789 заменить на номер вашей группы.

Что-бы вновь перейти к режиму редактирования – нужно нажать значок Карандаша в верхнем углу.

Нажми для редактирования

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

Таблица в ВК начинается так: {| а заканчивается так:|}

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

В общем пишем так (но со своими значениями):

Вместо photo-176307581_456239020 и подобных – заменяем на номера своих картинок.

Узнать их можно так:

1. Переходим в альбом группы “Технический”
2. Открываем первое фото куска меню
3. В адресной строке копируем часть с номером этой картинки (там много цифр, перед нужной нам написано photo-)

адрес картинки для меню в vk

И так проделываем с каждой картинкой нашего меню для группы ВКонтакте.

А вместо https://vk.com/topic-176307581_39164350 пишем ссылку на нужную нам страницу. Эти страницы я обычно создаю как Обсуждения (для этого их нужно активировать через настройки Управления)

Так проделываем с каждой кнопкой.

У тех картинок которые не являются кнопкой стоит значение ]. При нажатии на такую картинку – ничего не произойдет.

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

Просмотр покажет ваш текущий результат

Устанавливаем «шапку» сообщества

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

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

Облегчите подписчикам процесс покупки

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

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

Так выглядит процесс записи на услуги

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

Такой калькулятор можно собрать за 5 минут: добавляете блоки в визуальном редакторе и вносите изменения в формулу

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

Добавляйте несколько мероприятий и устанавливайте цену на них в зависимости от тарифа или посадочных мест

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

Так выглядит бронирование авто ВКонтакте: доступен выбор дополнительных опций, адреса, дат

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

В магазине есть возможность посмотреть все текущие закупки и основные данные о них

Как установить динамичную обложку для сообщества вконтакте

Теперь все у вас подготовлено, осталось загрузить обложку в группу. Как это сделать?

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

Устанавливаем созданную обложку в группу вк

Важно не забыть нажать кнопку “Сохранить”. Не забываем нажать «сохранить»

Не забываем нажать «сохранить»

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

Как добавить фото в группу или сообщество

Процесс публикации в сообществе ничем не отличается от добавления на личную страницу.

С компьютера

Для того чтобы опубликовать файл в группе, необходимо:

Зайти в сообщество и нажать изображение с фотоаппаратом;

• Выбрать альбом и нужную фотку (для того чтобы загрузить картинку с ПК выбираем «Загрузить»);
• Чтобы подгрузить из альбомов, нажимаем в верхней части «Выбрать из моих фотографий»

С мобильного телефона

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

На какую аватарку обратить внимание при оформлении группы Вконтакте?

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

• Миниатюра аватарки. Шрифт ее текста должен быть достаточно большим для прочтения, но не превышать ее пределы. Изображение на аватарке должно быть понятным и узнаваемым, оригинальным и достаточно ярким и выделяющимся на общем фоне, а еще – стильной и продуманной до каждой мелочи.
• На небольшом пространстве миниатюры можно разместить важную информацию, например: анонс чего-либо (услуги, мероприятия, товара), преимущества паблика, контакты для связи, выгодные моменты сотрудничества (лучшие цены, условия доставки, помощь эксперта и так далее), всевозможные конкурсы, вакансии. Одним словом, весьма неплохая площадка для творчества.
• Когда в паблике не выставлена обложка, то пользователи увидят полную версию аватарки. Если это ваш случай, то аватарка должна быть качественной.
• Чтобы шапка сообщества выглядела стильно и привлекательно, нужно создавать аватарку в одном ключе (цветовая гамма, шрифт, манера оформления) с меню.

Оформляем меню

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

Если вы не умеете пользоваться стандартным фотошопом, то существуют специальные сервисы с готовыми вариантами, например, Fotor.com, Canva.com и тому подобные. С ними абсолютно легко справиться.

Оформление шапки для паблика Вконтакте

Шапка – важнейшее место вашей группы, ведь она первой попадает в поле зрения посетителей. Здесь публикуется самая важная информация: актуальные новости, меню навигации, объявления и так далее.

Обложка

Она должна быть очень красивой и привлекающей внимание (1590 х 400 пикс.) – легко загружается из меню настроек сообщества. На обложке вы в полной мере можете покреативить: опубликовать акции и самые «горячие» предложения, удивить посетителей девизом или слоганом, познакомить с названием группы

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

Красивая обложка

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

Хэштеги

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

Меню. Здесь также можно выбрать из разнообразных вариантов именно тот, который будет импонировать вам и вашим подписчикам:

• Открытый вариант – полностью виден в шапке странички.
• Закрытый – отображает только обозначение «Меню» или «Навигация», а доступ к нему можно получить, открыв вики-пост;
• Слитный – аватарка и анонс меню объединяются в единый массив;
• Скрытый – его можно оформить только для паблика (разделы читаются можно только после перехода на ссылку).

Меню Вк

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

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

• Мега-популярный пост. Самая востребованная публикация может по праву занять почетное место в шапке группы, ведь большое количество лайков, просмотров и перепостов – гарантия увеличения количества ваших подписчиков.
• Анонсы, презентации, акции, розыгрыши. Именно в шапке можно размешать объявления, анонсирующие различные мероприятия либо альбомы для ваших подписчиков – здесь их увидит максимальное количество пользователей.
• Отзывы подписчиков, кейсы. Обратная связь, тем более результативная, — что может быть лучше для подтверждения репутации и дальнейшей раскрутки группы? Выносите эти моменты в шапку, и реакция не заставит себя ждать.
• Реклама приложения. Если вы уже настолько раскрученное сообщество, что обзавелись мобильным приложением, то это хороший повод проинформировать об этом ваших подписчиков и новых посетителей.
• Правила. Неплохо разместить информацию о правилах сообщества в его шапке – это также повысит ваш рейтинг (ведь дисциплина всегда была в числе положительных черт) и упростит процесс их поиска для желающих вступить в группу.
• Ссылки. В шапке можно размещать ссылки на другие сообщества (например, ваших партнеров) или социальные сети – это уже решать вам.

Параметры изображения

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

Для двух вариантов размеры обложки группы в ВК одинаковые. Минимальная ширина и высота 795 х 200 px. Но разработчики советуют увеличивать параметры исходного файла вдвое – до 1590 х 400 рх. Это позволяет паблику одинаково хорошо выглядеть на телефоне и широкоформатном мониторе ПК.

Разрабатывая дизайн, нужно учитывать и расположение кнопок навигации. Отступ от правого края составляет 66 рх, расстояние между ними 10 рх, а габарит каждой 157 рх.

При поиске картинки не обязательно соблюдать заданные пропорции

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

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

• По 196 рх с каждой стороны просто уходит за пределы видимости.
• Верхние 83 рх заняты служебными пиктограммами, где отображаются часы, сотовые операторы и прочая информация.
• По 140 рх по бокам занимают всплывающие пиктограммы меню и сообщений.

Нетронутой остается лишь область 918 х 317 рх. На нее и нужно ориентироваться.

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

Как настроить группу в ВК

Шаг 4:

Аватар

Аватар группы ВКонтакте — это иконка, которая показывается рядом постами группы в ленте новостей. Чтобы её установить, в правом верхнем углу нажимаем «Загрузить фотографию».

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

Жмём «Сохранить изменения» и двигаемся дальше.

Шаг 5:

Информация о группе

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

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

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

Шаг 6:

Обложка группы в ВК

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

Чтобы добавить такую обложку, необходимо зайти в настройки сообщества, кликнуть «Загрузить», выбрать на своём ПК заранее подготовленную картинку (1590 на 400 пикселей в формате — JPG, GIF или PNG) и нажать «Сохранить».

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

Шаг 7:

Разделы группы ВКонтакте

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

Также для всех разделов можно настроить уровень доступа: открытый или ограниченный. Это влияет на то, кто сможет добавлять контент в эти разделы. Открытый — могут добавлять все, ограниченный — только администраторы и редакторы сообщества.

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

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

Размеры обложки для сообщества Вконтакте

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

• 1590×400 px. Общий размер.
• 1196×315 px. Видимая область для мобильных устройств.
• 197 px. Горизонтальные отступы по краям.
• 85 px. Отступ сверху.

На картинке ниже представлена раскройка.

Размеры для создания обложки

Для чего нужны отступы? Если Вы загрузите полноразмерный файл, то при просмотре с компьютера он будет отображаться нормально. Но на мобильных устройствах картинка уменьшается, чтобы попасть в маленький экран. И остается меньшая область, отмеченная границами 1196×315 px,

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

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

Выделение рабочей области

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

Внешний вид обложки, при просмотре с мобильного

Пора повторить это на практике.

Общайтесь с подписчиками

Чтобы всегда оставаться на связи, настройте «Бот-автоответчик». Это просто: добавьте ключевые слова, которые могут использовать подписчики в обращении, и напишите варианты ответа. Так вы легко создадите бесконечное количество ответов на самые разные, даже неожиданные, вопросы.

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

Даже если менеджер будет не в сети, пользователь моментально получит ответ на сообщение. А в описании группы будет красоваться гордая отметка «Отвечает быстро, в течение минуты».

Чтобы поднять активность, создайте чат для всех подписчиков сообщества. Там они смогут задавать вам вопросы, делиться новостями, обсуждать новые товары и общаться между собой. «Чат ВКонтакте» и другие подобные сервиса подключается в один клик, виджет для перехода в беседу появляется в группе. Найти чаты можно через поиск ВКонтакте в разделе «Мини-приложения».

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

Хотите работать с рассылками из ВКонтакте и полностью автоматизировать общение с подписчиками — подключите Chatgun. Приложение позволяет:

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

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

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

Размеры изображений и общие советы

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

А вот, собственно, и современные стандарты в пикселях:

• Максимальный размер аватарки – 200х500;
• Рекомендуемый размер аватарки – 200х200;
• Размер меню по ширине — 510. Высота может быть неограниченная. Если вы хотите, чтобы высота заканчивалась вместе с аватаркой, то указывайте 510х308;
• Обложка – 1590х400;
• Размер товаров 1000х1000;
• Превью фотоальбома – 1200х800;
• Превью видеофайла – 1280х720;
• Квадратная фотография в ленте – 510х510;
• Прямоугольное изображение с шириной 510 и высотой меньше 510;
• Картинка для статьи – 510х286;
• Изображение под ссылку – 537х240.

Ну а чтобы вам было нагляднее, вот очень подробная иллюстрация: