Оформление группы ВКонтакте от А до Я

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

Начните с привлекательного внешнего вида.

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

Полезный контент и реклама – топливо вашей группы. Но его не удастся запустить без толкового дизайна и следования размерам.

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

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

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

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

Приготовьтесь, мы начинаем.

Как сделать так, чтобы фото не теряли качество при загрузке в ВК

Пусть вас не удивляет этот пункт в самом начале статьи.

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

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

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

Для сохранения качества изображения, перед загрузкой загляните в Photoshop.

• Измените размер фотографии до 2700px по большей стороне (1,5 максимальных ширины)
• Выберите Интерполяцию «Бикубическая, чётче» и сохраняем
• Снова перейдите в окно изменения изображения

• Измените размер фотографии до 1800px по большей стороне (1 максимальная ширина)
• Выберите Интерполяцию «Бикубическая» и сохраняем

• Перед загрузкой в ВК сохраните файл для веб: выберите формат jpeg, поставьте галочку sRGB и в разделе Preview: Internet standart RGB

Готово! Теперь качество фотографии сохраниться, а подписчик сможет рассмотреть детали и задуматься о покупке.

Оформление шапки сообщества

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

Обложка сообщества

Обложка – это первое, что видит подписчик. Горизонтальный или вертикальный блок (в зависимости от устройства) вверху страницы. Расположите на нем название и/или логотип. Чтобы клиент понимал, что кто вы и что он может у вас найти.

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

Не стоит добавлять всё сразу. Обилие текста на маленьком пространстве читается с трудом. Особенно с экрана мобильного, так как он меньше ПК в несколько раз. Мелкий шрифт начинает напоминать мошек, из которых нужно составить слова. Зачем портить зрение, если можно уйти к конкурентам?

Надписи располагайте ближе к центру – в мобильной версии обрезается по 200 пикселей слева и справа, а также 85 сверху.

Чтобы загрузить обложку, перейдите в управление сообществом, раздел настройки. Сразу под описанием выберите кнопку: «загрузить обложку» или «обложка сообщества: управление» (если обложка уже загружена).

Название сообщества

Название сообщества. Ваше имя, длиной до 48 знаков. Последние 13 символов на экране мобильного не отображаются, поэтому ключевую часть желательно вместить в первые 35 символов.

Используйте название бренда или торговой марки, по которым вас ищут. Отразите род занятий и город (если вы им ограничены).

«Дизайнерские платья «Алиса» – хорошо. «Дизайнерские платья из авторского хлопка ед. экз» — плохо.

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

Описание сообщества

Описание сообщества. Место, где вы можете разгуляться и подать себя во всей красе. Расскажите об УТП, конкурентных преимуществах, и, самое важное, решение каких проблем найдет у вас клиент. Почему ему стоит выбрать именно вас.

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

Пройдитесь по группам конкурентам. Посмотрите, чем отличаются друг от друга «динамично развивающиеся компании с индивидуальным подходом». Что отличает вас от них?

Идеальная длина описания – 200 символов. Именно столько текста видит каждый посетитель ВКонтакте. Чтобы открыть полное описание, придется нажать на фразу «Показать полностью».

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

При оформлении используйте смайлы, списки, но не перебарщивайте. Максимальная длина описания: 3972 знака.

Готовое описание покажите 7-летнему ребенку. Если он поймет, чем занимается ваша фирма и почему стоит купить у вас, тест пройден. И да, мы знаем, что покупают не дети. Просто попробуйте.

Адрес страницы

Адрес страницы сообщества. Он же ник. Выберите максимально простой и легкий для запоминания. Если ник переспрашивают, постарайтесь заменить. Используйте название фирмы, город, регион. @prodaji53 – хорошо. @optroznitsaexport – плохо.

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

Закреплённый пост

Закрепленный пост сообщества. Ваше главное предложение или подводка к простому первому действию. 33 розы по цене одной или 10% скидка в обмен на подписку.

Оформляйте как обычный пост. Текст + прикрепленная информация (фото, видео, опрос или gif-ка). Если хотите выделиться, используйте формат «котопес».

Подробную инструкцию читайте ниже.

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

Меню сообщества

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

Доступно 7 ссылок на любые вложения группы: фото, видео, обсуждения, и 5 ссылок на приложения. Запрещено добавление ссылок на внешние сайты.

Кнопка действия

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

• позвонить по телефону
• написать на почту
• позвонить через ВКонтакте
• открыть сайт
• открыть мобильное приложение
• открыть приложение сообщества

Оформление историй ВКонтакте

Истории (Stories) набирают популярность не только в Instagram. Короткий срок жизни – 24 часа, стимулирует желание посмотреть материал, пока он не пропал.

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

Спрашивайте их мнение и анонсируйте короткие (суточные) акции. Люди любят заглянуть за изнанку бизнеса. Используйте это.

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

Формат историй: вертикальные фото – 1080 × 1920 пикселей или 15-секундные видео. Чтобы записать видео, нажмите и удерживайте круглую кнопку.

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

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

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

Кадрирование, цветовой баланс, изменение угла фото +/-45 градусов.

Варианты оформления:

• Надпись (доступно 24 цвета).
• Стикеры (для сториз или из вашей коллекции)
• Кисть/фломастер/карандаш (для надписей или закрашивания деталей)
• Маски и спецэффекты

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

Хештеги и упоминания не кликабельны.

Сюжеты для сториз:

• Прямые эфиры (до часа)
• История (фото, 3 секунды)
• Видеоистория (15 секунд)
• Пинг-понг (аналог бумеранг в Instagram, 3 секунды)

Оформление видео

Что вы любите больше? Фильмы или книги? В соцсетях предпочитают видеоконтент. Это подтверждают неоднократные исследования. Так что даже самые классные наглядные статьи нужно время от времени разбавлять видео.

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

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

Если вы загружаете видео с другого сайта (например, youtube), воспроизведение начнется после нажатия на кнопку «play». Поэтому рекомендуем загружать напрямую и увеличивать охваты.

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

Вы можете воспользоваться ими или загрузить свою обложку с компьютера.

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

Также вы можете отключить комментарии и зациклить воспроизведение видео.

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

Оформление статей

Любите объемные красочные публикации? Выбирайте формат статей. Советы по проектированию кухни, рассказ о достопримечательностях с фото, сравнение параметров ноутбуков, публикация кейсов – все это требует своевременных фото и расстановки заголовков, акцентов и так далее.

Максимальное количество символов статьи – 100 000. Примеры, скриншоты, видеоролики располагайте сразу после нужного вам блока. Это особенно важно при большом количестве прилагаемых материалов, чтобы клиент не забыл, к какому пункту относится каждое фото.

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

Заголовок отобразится на обложке статьи после публикации.

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

Рекомендуем добавлять их каждые 500-1500 знаков. Вы можете опубликовать до 30 изображений в галерее.

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

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

• B — жирный шрифт
• I — курсив
• S — зачеркнутый текст
• Н — заголовок первого уровня
• н — подзаголовок

Статьи поддерживают автозамену символов: -> →, != ≠, … …, >= ≥, ^2 ², (c) © и других.

Оформление подкастов

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

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

Более того, подкасты доступны не всем. Доступ к подкастам даст вам еще один балл в борьбе против конкурентов. Чтобы получить доступ, запишите первый эпизод, загрузите в аудиозаписи и пришлите его на рассмотрение в группу: https://vk.com/podcasters.

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

Правила ВКонтакте для утверждения подкастов:

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

Названия подкастов включает в себя до 40 символов. Называйте лаконично и понятно. «Интервью с Тимати о продвижении бренда» – хорошо. «Интервью с единственным и неповторимым Стасом Михайловым» — плохо.

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

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

Оформление постов

Классический

Посты – это индикатор жизни группы. Когда подписчик заходит в группу, в числе первых он смотрит на даты постов. Если это будет «поздравление с новым 2017г» то велик шанс, что он же окажется последним. Клиент пойдет искать группу, которая готова быть на связи здесь и сейчас. Учитывайте это, когда составляете план публикаций.

Частить тоже не следует.

Во-первых, вы не сможете каждый час выдавать качественный контент, если не наймете команду контентщиков.

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

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

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

Три основных варианта создания шаблонов/уникального стиля:

• Загляните на сайты canva.com и crello.com. На каждом из них вы найдете десятки готовых шаблонов для публикаций в соцсетях
• Найдите группы с бесплатными psd-шаблонами. Выбирайте готовый и вперед
• Обратитесь к услугам дизайнера

Котопес. Формат изображения: картинка+статья (единое изображение из 2х частей).

Разделите нужное вам изображение на 2 части. Размер изображения статьи (низ) 1280 × 720 пикселей. Размер фото (верх) 1280 × «1280» Выделенное в кавычках число может быть практически любым!

Чтобы оформить формат котопес, опубликуйте статью. Добавьте изображение в пост. Напишите текст. Добавьте ссылку на статью. Готово.

Котопес. Формат изображения: картинка+опрос (единое изображение из 2х частей).

Разделите нужное вам изображение на 2 части. Размер изображения опроса (низ) 510 × 200 пикселей. Размер картинки 510 × «510» пикселей. Выделенное в кавычках число может быть практически любым!

Обратите внимание, что низ картинки опроса затемняется и становится однотонным.

Суперкотопес. Формат изображения: картинка+статья+опрос (единое изображение из 3х частей).

Разделите нужное вам изображение на 3 части. Размер изображения картинки (верх) 1023 × «720» пикселей. Размер опроса (середина) 1023 × 720 пикселей. Размер лонгрида 1023 × 720 (низ) пикселей. Выделенное в кавычках число может быть практически любым!

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

Виджеты

Хотите, чтобы клиент заметил отзывы или оставил контакт? Используйте виджеты. Дополнительный блок с персональным обращением к подписчику.

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

Виджет устанавливается для одного приложения и максимум 3х ссылок (в меню 7 ссылок и 3 приложения). Эффектная деталь оформления и навигация для клиентов.

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

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

Для установки виджета перейдите в блок управление -> приложения. Зайдите в настройку уже установленных приложений или выберите приложение «виджет в сообществе» или приложение, для которого вы хотите установить виджет.

На время настройки виджетов поставьте режим видимости: «только для администраторов».

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

Минимальный размер изображений 160 × 240 пикселей. Формат картинки — jpg. Вы можете расположить индивидуальные картинки или сделать единую, состоящую из трех частей.

После настройки поставьте видимость виджета «для всех пользователей», видимость кнопки приложения «для администраторов».

Аватар сообщества

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

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

Размеры изображений

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

Аватар сообщества

Круглая картинка, которая отображается слева от записи. Если вы создаете группу с 0, то увидите прямоугольник справа. Размер аватарки не менее 430 × 207 пикселей. Диаметр круглого аватара – 200 пикселей. Подбирайте изображения без текста, яркие и понятные.

Обложка сообщества

Сегодня во ВКонтакте два варианта обложек: главная (для ПК и мобильных) и живая (только для мобильных). Главная обложка имеет размер 1590 × 400 пикселей. При загрузке обложки система предлагает выделить допустимый разм с сохранением пропорций. При создании обложки учитывайте отступ сверху – 85 пикселей, и отступы по бокам по 200 пикселей. Именно эта часть обрезается в мобильном приложении.

Живая обложка

• Видео. Рекомендуемое разрешение 1080 × 1920. Длительность видео не более 30 секунд, размер файла до 30 МБ, видеокодек H.264, аудиокодек AAC. Чтобы появился звук, на обложку нужно кликнуть.
• Фото. 5 последовательно сменяющих друг друга изображений. Когда пользователь заходит в сообщество, он видит свернутый вариант. 850 × 912 пикселей. Развернутая обложка (после нажатия на нее) 1080 × 1920 пикселей.

Картинка к посту

Минимальный размер квадратных изображений: 510 × 510 пикселей. Если вы хотите четкое и яркое изображение, выбирайте размер от 800 × 800 пикселей. Оптимальное соотношение сторон горизонтальных постов: 3 к 2.

Популярный вариант: 700 × 500 пикселей. Максимальный: 1000 × 700 пикселей. Пропорции изображения при загрузке сохраняются.

Подборка изображений

Чтобы получить эффектный пост, используйте 6 изображений с одинаковыми сторонами. Например, 6 квадратов или 6 вертикальных картинок 682 × 1024/442 × 665 px.

ВАЖНО! Композиция будет соблюдаться только при просмотре с ПК. В мобильной версии подписчик увидит просто 6 изображений подряд.

Сниппет

Появляется при публикации постов со ссылкой. Прямоугольник размером 537 × 240 пикселей. Чтобы получить 2 изображения в посте (фото к посту и сниппет), необходимо сначала добавить изображение, затем вставить ссылку и заменить изображение.

Изображение для публикаций с внешних источников. При публикации отображается картинка, указанная в метаданных сайта (поле og:image), либо берется просто картинка с сайта.

Исходный размер неважен — изображение будет сжато до размера 537 × 240 пикселей. Если картинка квадратная или вертикальная, большая часть изображения будет обрезана.

Меню

Блок прямоугольных кнопок со ссылками на вложения и приложения ВКонтакте. Доступно до 7 ссылок и 3 приложения. Минимальный размер изображений: 376 × 256 точек. В названии допускается до 20 символов.

Обложка статьи

Если статья содержит изображения, то автоматически ВКонтакте выберет одно из них. Чтобы заменить обложку, необходимо нажать крестик в правом верхнем углу и загрузить нужное вам изображение. Размер обложки составляет 510 × 286 пикселей. При выборе обложки учитывайте, что середину закроет название статьи и кнопка «читать».

Обложка фотоальбома

Рекомендуемый размер 1200 × 800 пикселей. В мобильной версии обрезаются нижние 200 пикселей. Максимум фотографий в одном альбоме: 10000.

Товары

Размер изображений 1000 × 1000 пикселей. Отображается обложка, можно добавить еще 4 файла. Горизонтальные изображения НЕ загружаются.

Видеозаписи

Минимальный размер качественного видео 1280 × 720 пикселей. Максимальный вес – 5 Гб.

Обложки для видеозаписей. 1280 × 720 пикселей.

Истории

Фото – 1080 × 1920 пикселей. Видео – 720 × 1280 пикселей. Максимальная длительность 15 секунд. До 10 Мб. Кодек h.264, звук AAC.

Вики-страницы

Меню. Размер шапки: ширина 607 пикселей, высота произвольная.

Рекомендуемые форматы изображений:

Загружайте изображения в формате JPG, GIF или PNG.

Загружайте видео в форматах AVI, MP4, 3GP, MPEG, MOV, FLV, F4V, WMV, MKV, WEBM, VOB, RM, RMVB, M4V, MPG, OGV, TS, M2TS, MTS.

Теперь вы готовы к созданию продающего оформления группы ВКонтакте. Желаем вам успехов!