какое количество слайдов можно установить в мобильной обложке вконтакте

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

ЖИВАЯ ОБЛОЖКА ВК создана специально для мобильных устройств.

На десктопах (компьютере) живая обложка (мобильная) не будет отображаться! На десктопе отображается только обычная статичная обложка.

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

НО, живая обложка просматривается только через мобильное приложение ВКонтакте.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

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

Для установки живой обложки перейдите в меню сообщества и кликните «Управление», в открывшемся окне выберите «Обложка сообщества: Управление». Загрузите подготовленные изображения или видео.

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

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

ЖИВАЯ ОБЛОЖКА ВК РАЗМЕРЫ?

Размер обложки в развернутом виде 1080 ×1920 px.

Видео формат: формат MP4 (кодек h264 aac), 15-60 кадров в секунду, до 30 секунд, размер — до 30 Мб., то есть каждое видео длинной должно быть не более 30 секунд.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

РАЗМЕРЫ ЖИВОЙ ОБЛОЖКИ ВК ДЛЯ МОБИЛЬНОЙ ВЕРСИИ?

Если у вас на обложке расположен текст или изображение, то при просмотре изображение и текст могут быть срезаны сверху/снизу и справа/слева в зависимости от размера мобильного устройства.

Максимально эффективным пространством для всех мобильных устройств является прямоугольник размером 850 на 912 пикселей с одинаковыми отступами по бокам 115 пикселей. В этой области располагайте важные элементы и текст. Но видимой областью в мобильной версии приложения является прямоугольник 1080х1350 пикселей, где в нижней части располагается миниатюра, название сообщества и кнопка действия.

Изображение о размерах размещено ниже.
Скачать файл в формате PSD можно ниже.

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Источник

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

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

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

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

Предыстория

Некоторое время назад я увлеклась заработком на партнерских программах и стала внимательно изучать это направление. Постепенно пришло понимание, что без создания группы (сообщества) не обойтись. Сначала пыталась разобраться в этом сама, что называется Гугл в помощь, затем купила курс по заработку на партнерских программах.

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

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

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

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

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

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

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

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

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

Другими словами фото или видео помогут посетителю получить максимум информации за несколько мгновении и выделить группу на фоне других.

Три разных живых обложки для одной группы ВК

Размеры, форматы, способы загрузки

Итак, как сделать живую обложку для группы вк быстро и правильно?

Существует три возможных способа загрузки:

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

Создание изображений в Canva.com

Легко и просто создать динамическую обложку с помощью всем известного сервиса Canva.

Если вы никогда не работали в этом редакторе картинок, то потребуется регистрация. Далее выбираем нужный размер, а именно — 1080 х 1920 (сделать это можно двумя способами) и нажимаем кнопку “Cоздать дизайн”.

Создаем дизайн, задаем размеры

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

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

Существует специальный шаблон, который можно скачать по этой ссылке. Загрузив его в Canva [1,2,3] добавьте шаблон на рабочую поверхность [4] просто перетаскивая его туда, или щелкнув по нему левой кнопкой мыши. Теперь растяните до нужных размеров, потянув поочередно за уголки. Должно получиться в точности так, как показано на рисунке ниже.

Загружаем специальный шаблон для обложки

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

Перетаскиваем на него подготовленное изображение [1], пишем заготовленный текст [2], выделяем и удаляем загруженный ранее шаблон [3] и приступаем к изготовлению нового изображения [4].

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

Скачиваем готовые обои [5]. Проверьте, чтобы скачиваемый файл был в формате PNG [6]. Можно скачать по-отдельности [7], можно сразу все [8], но в таком случае скачанную папку придется разархивировать.

В сервисе Canva.com также есть вкладка “видео”. Но не стоит идти таким же путем, как вы делали это с изображениями. То есть не следует подготавливать шаблон в рабочей области, загружать свое видео в область синего квадрата, удалять шаблон и скачивать готовое.

Не пользуемся вкладкой «видео»

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

Создание видео в Supa.ru

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

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

Для создания живой обложки в формате видео необходимо пройти регистрацию в Supa.ru, затем нажать кнопку “Создать” [1]. Слева откроется меню, где есть вкладка “Живые обложки ВК” [2]. Из большого количества предложенных сервисом обложек выбираете то, что понравится [3].

Техника создания видео для живой обложки во ВК

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

Остается изменить фото. Для этого сначала выделить ненужную картинку [1], затем нажать на “Загрузить другое изображение”[2]. В общем-то все максимально просто.

Скачиваем подготовленную обложку в формате видео. Система предварительно попросит сохранить его. Сделайте это.

Сервисы Canva.kom и Supa.ru имеют множество доступных функций, просты в работе и помогут в создании как самых обычных — статичных обложек, так динамичных обоев для мобильной версии групп/сообществ вк.

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

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

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

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

Важно не забыть нажать кнопку “Сохранить”.

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

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

Полезные советы для создателей групп ВК

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

Поэтому, при создании сообщества очень важно учитывать множество нюансов:

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

Эти фразы можно заменить на достойные и вполне конкретные, типа: “возврат, или обмен в течение года (или 14 дней)”, вместо слов “гарантия качества”. Еще пример: доставка в течение 1 дня по Красноярску, вместо словосочетания “быстрая доставка”. Или “делаем окна на немецком оборудовании” вместо “высокое качество”. То есть конкретно, а не размыто и абстрактно. Это гораздо убедительней, думаю, все с этим согласны.

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

Что для этого нужно в первую очередь сделать?

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

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

Избегайте перегруза информации и делайте все блоки группы в едином узнаваемом стиле.

Подводя итоги

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

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

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

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

Участвуйте в конкурсе «Ноутбук за репост», тем более, что это довольно просто сделать. Нажмите на любую кнопку из представленных ниже социальных сетей и поделитесь заметкой с друзьями.

С вами была Татьяна Боева. Всем удачи и отличного настроения!

Получать новости блога

Оставьте свой Email в строке для получения информации о новых статьях на свою почту

Понравилась статья? Поделись!

4 комментария

Автор: Павел

Еще раз простите Татьяна за мое упущение. Подписался на вас и да кстати сразу попал на очень интересную статейку. Мне это инфа, как начинающему блогеру и человеку развивающему свой блог, очень и приочень полезна. Еще раз извините и спасибочки за все.

Автор: Татьяна Боева

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

Автор: Владимир Темнов

Автор: Татьяна Боева

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

Оставить комментарий

Подписка на статьи

Делюсь интересной информацией не только на блоге, но и в социальных сетях!

YouTube Instagram Facebook Вконтакте Одноклассники Twitter

Источник

Как сделать динамические обложки ВКонтакте

12 декабря 2018 года ВКонтакте анонсировал «живые обложки» для сообществ.

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

Выглядит это следующим образом:

Это могут быть видео-слайды с фотографиями и текстом или видеозапись.

Размеры динамических обложек: 1080х1920 (вертикальные) или другие в пропорции 9:16.
Мы подготовили для себя дополнительные размеры: 720х1280 рх, 540х960 рх и 270х480рх.

Видео: формат MP4 (кодек h264 aac), 15-60 кадров в секунду, до 30 секунд, размер — до 30 Мб.

Итак, вы подготовили видео, как его загрузить?

Оговоримся сразу: новый формат посетители страницы увидят в приложениях для iOS и Android.

В мобильной и десктопной веб-версии ВКонтакте по-прежнему будет отображаться обычная обложка в статичном виде.

Как загрузить обложку через компьютер?

Как загрузить обложку через телефон?

Как установите, похвастайтесь своими работами! Выложите в свои соц. сети с хештэгом #gl_посоветовал.

Сервисы для создания обложки

1) Adobe After Efects и Adobe Premiere Pro — лучшие программы для создания видео обложек для социальных сетей и вообще для всего, чего угодно. Но если такие программы не для вас, то попробуйте online сервисы ниже

2) Supa.ru — сервис для создания видео в социальных сетях. Условно бесплатный. Простой в использовании, но ограничен по функционалу

3) crello.com — Простой инструмент для создания крутых визуальных материалов

Бесплатно: 6 материалов для продвижения твоего Инстаграм

Хочешь прокачать себя или свой бизнес в социальных сетях? Участвуй в бесплатном марафоне и получи 6 крутейших материалов по продвижению в Instagram

Источник

Как сделать обложку группы ВКонтакте для мобильной версии

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

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

Рекомендуем: Click.ru – маркетплейс рекламных платформ:

Как сделать обложку группы ВКонтакте для мобильной версии

Первый способ — оставить стандартную обложку, правильно подогнав размеры; второй — настроить живую обложку.

Стандартная обложка

Если вы поставили стандартную обложку для группы в ВК, она будет отображаться на ПК, вот так:

А на мобильных вот так:

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

Следует учесть, что 83px сверху занимают индикаторы мобильного устройства (уровень заряда аккумулятора и др.), а 140px с обоих сторон заняты для системных кнопок сайта.

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

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

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

Чтобы поставить живую обложку:

Заключение

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

Источник

Оформление группы в ВКонтакте: меню, анимированные обложки, размеры изображений и прочие тонкости

Содержание

Зачем группе оформление

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

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

Возможности Вконтакте

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

Обложка

Размеры: 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 всем группам открылась возможность оформить отдельную обложку для мобильного просмотра. В нее можно включить до пяти крупных фотографий или видео без звука, которые будут работать как слайд-шоу. Выглядит это так:

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

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

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

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

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

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

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

Для фото рекомендуем разрешение 1080×1920 или другое в пропорции 9:16 вертикальной ориентации. Размер видео такой же, длительность до 30 с, размер до 30 Мб, MP4, видеокодек H.264, аудиокодек AAC.

Аватарка

Размеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5.

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

Если в группе установлена обложка, аватар будет представлен только как миниатюра, полную версию можно будет посмотреть по клику. Если обложки нет, будет выводиться полностью. Для сравнения группа PR-CY с обложкой и аватаркой и вариант той же группы без обложки:

С обложкой и аватаркой

Только с аватаркой

Аватар может быть любого размера не меньше 200х500 px и не больше 7000 px с каждой стороны, но максимальное соотношение сторон — 2 к 5. То есть сильно вытянутую картинку установить не получится, мы пробовали:

Редактор не дает выделить более вытянутое поле.

Меню с кнопками

Размеры: картинка для кнопки от 376х266 точек.

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

Лента меню в группе

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

Настройка кнопок меню

Название кнопки не может быть больше 20 символов, но на смартфоне и эти символы не помещаются, так что дополнительно проверьте, чтобы название было понятным:

Меню на смартфоне

Минимальный размер обложки кнопки — 376х266 точек, но лучше сделать в тех же пропорциях крупнее. Кнопки для меню — это прямоугольник довольно маленького размера, особенно на смартфонах, так что используйте все пространство для дизайна и не добавляйте надписи.

Вики-меню

Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.

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

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

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

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

Обложка меню

Фрагмент разделов внутри меню

Ширина поля у вики-страниц — 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px.

Редактор изображений в вики

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

Тестовый пост с вики-меню

Посты

Размеры: не менее 700 px в ширину для обычных постов, не меньее 510х288 px для статьи в редакторе.

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

Ответ поддержки о влиянии размера картинки на позицию в выдаче

Основатель Церебро Таргет Феликс Зинатуллин утерждает, что картинка должна быть не менее 700 пикселей в ширину. Как показывает его опыт, у постов с картинками шириной в 700 пикселей и с шириной в 699 может быть разница охватов в два раза.

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

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

Есть другой формат поста — статья в редакторе. Обложка для нее должна быть горизонтальной, картинка сожмется до размера 510х288 px. Какие-либо изображения лучше помещать дальше от центра, заголовок тоже писать не нужно, он автоматически встанет посередине. Заголовок пишется белым шрифтом, но подсвечивается тенью, так что темные иллюстрации смотрятся лучше, но и на светлом текст не теряется.

Иллюстрация для статьи со светлым фоном Иллюстрация для статьи с темным фоном

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

Охваты у одинаковых постов

Товары

Размеры: не меньше 600 px.

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

Редактор не позволяет растягивать область выбора миниатюры

Установленный квадрат будет показан в товарном ряду, при клике карточка товара откроется с исходной картинкой.

Миниатюра товара из товарного ряда

Открытая карточка товара

Чтобы качество не портилось, рекомендуем брать размер не менее 600 px. Как видно, с горизонтальной иллюстрацией образуются пустые поля, так что выгодным решением мы считаем квадратные иконки. Для своего товарного ряда мы их и выбрали:

Ряд с товарами в группе PR-CY

Открытая карточка товара

Размер самого изображения должен быть не меньше 400 и не больше 6000 px по каждой из сторон. И мы рекомендуем оформлять изображения карточек товара в одном стиле, чтобы они выгодно смотрелись в списке плиткой.

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

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

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

Источник