📋 Краткое саммари
В этой статье вы узнаете актуальные размеры и требования к оформлению групп ВКонтакте: от главной обложки и анимированных шапок до постов и товаров. Мы расскажем о новых возможностях платформы и поделимся сервисами для создания качественного дизайна.
👥 Кому стоит прочитать эту статью:
- Администраторам и владельцам групп в ВКонтакте.
- SMM-специалистам и маркетологам.
- Дизайнерам, создающим креативы для соцсетей.
- Предпринимателям, которые ведут бизнес через ВКонтакте.
- Тем, кто хочет повысить охваты и вовлеченность в своём сообществе.
Содержание
Зачем группе оформление
Правильное оформление группы ВКонтакте — это мощный инструмент для продвижения сообщества. Функциональность социальных сетей позволяет оформлять группы изображениями. Оно может быть не только красивым, но и полезным, это хороший способ решить сразу несколько задач. Оно может:
- обозначать тематику и направление группы;
- экономить время пользователей на изучение сообщества;
- выводить на видное место контакты для связи;
- создавать нужное настроение и тематическую атмосферу;
- мотивировать на комментарии и лайки;
- выполнять другие особенные функции.
В соцсетях есть разные возможности оформить группу, разберемся с функциональностью во ВКонтакте.
❓ FAQ
Влияет ли оформление группы на охваты постов?
Да, качественное оформление повышает доверие пользователей и стимулирует их взаимодействие с контентом. Аналитики отмечают, что посты с картинками шириной от 700 пикселей получают до двух раз больше охвата, чем с меньшим разрешением.
С чего начать оформление новой группы?
Начните с аватарки и названия — это первое, что видят пользователи. Затем добавьте описание, обложку и настройте меню навигации для удобства аудитории.
Можно ли изменить оформление группы без потери подписчиков?
Конечно. Плавное обновление визуального стиля не влияет на аудиторию. Наоборот, редизайн может привлечь внимание и повысить вовлечённость.
Возможности оформления группы ВКонтакте
В этой соцсети для оформления группы или публичной страницы можно использовать аватарку, обложку, ленту меню, меню в формате вики, просто вики-записи, иконки к товарам и иллюстрации к постам. Если подобрать неправильный размер, качество картинки может портиться или быть слишком мелким. Внешний вид группы влияет на то, как ее воспринимают пользователи, а также есть версии, что размер влияет на охват постов. Далее разберем подробнее каждый элемент оформления, включая размеры обложки группы ВКонтакте и другие важные параметры.
❓ FAQ
Какой элемент оформления наиболее важен для продвижения?
Все элементы важны, но обложка и аватарка — это первое, что видит пользователь. Они создают первое впечатление о сообществе и влияют на решение подписаться.
Можно ли комбинировать разные типы оформления?
Да, можно и нужно! Например, использовать статическую обложку для десктопной версии и анимированную обложку для мобильных, а также добавить меню навигации для удобства пользователей.
Как часто нужно обновлять оформление группы?
Нет строгих правил, но рекомендуется обновлять обложку не реже раза в квартал, чтобы поддерживать актуальность визуального стиля. Однако не стоит менять оформление слишком часто — это может запутать аудиторию.
Обложка
Размеры: 1920×768 px, видимая зона для мобильной версии зависит от устройства.
Это вытянутая горизонтальная картинка в шапке сообщества, она некликабельна.
Обложка не обязательна для сообщества, если ее не установить, аватар группы откроется в полном формате справа.
Общие рекомендации к обложке
Чтобы качество обложки не портилось, администрация ВКонтакте советует загружать изображение размером 1920×768 px. Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезаются, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне — это центральная область 690-700 px. А сверху примерно 83 px занимает полоска с индикаторами связи, уровня заряда и прочих.
Для создания обложек используйте современные сервисы: SUPA — бесплатный онлайн-редактор с шаблонами, Flyvi — конструктор с более чем 700 шаблонами, или Николай Иронов — генератор обложек на основе нейросетей от Студии Артемия Лебедева.
Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение.
Мы советуем сначала посмотреть, преимущественно с каких устройств аудитория смотрит группу. Такая информация есть в статистике сообщества:
Если аудитория чаще смотрит группу с мобильных, то в таком значке нет смысла, потому что в мобильном приложении он смещается и указывает на миниатюру аватарки, а не на кнопку подписки или сообщения.
Динамическая обложка
Размеры: такие же, как у обычной обложки. Для создания динамических обложек также подойдут сервисы VPoster и LetsCover.Me — это современные платформы с автоматическим обновлением и готовыми шаблонами.
ВКонтакте внедрили функцию динамических обложек, это значит, что обложка будет иметь изменяющиеся данные и обновляться через определенный промежуток времени. Такая обложка удобна тем, что на нее можно вывести практически все, что угодно: городским порталам может пригодиться время, курс валют, пробки или погода, группам, которые проводят акции или организовывают мероприятия, будет полезен таймер с обратным отсчетом, а вывод аватарок самых активных пользователей может стимулировать оставлять комментарии или лайкать записи.
Для динамической обложки нужна обычная картинка, на которую будут крепиться вставки с аватарками, погодой и прочим, скрипт с привязкой к группе и хостинг с поддержкой CronTAB, где будет установлен скрипт. Если поставить слишком частое обновление обложки, каждую секунду, к примеру, то может понадобиться антикапча.
О том, как самостоятельно написать скрипт, на ХабраХабре рассказывал Петр Самохин. Если не хочется разбираться в этом самостоятельно, есть платные сервисы-конструкторы, к которым можно подключить группу и настроить обложку с нужными приложениями за небольшую абонентскую плату.
Функциональность может быть разной, к примеру, оформление сообщества может полностью меняться после клика на подписку. Дополнительные функции разрабатывают отдельно, можно написать что-то самостоятельно, можно найти группы в поиске самого ВКонтакте, где занимаются разработкой и продажей таких приложений.
Анимационная обложка на мобильных
Размеры: вертикальные фото и видео 1080×1920 px или другие в пропорции 9:16.
В январе 2019 всем группам открылась возможность оформить отдельную обложку для мобильного просмотра. В нее можно включить до пяти крупных фотографий или видео без звука, которые будут работать как слайд-шоу. Выглядит это так:
Включается эта возможность в Настройках сообщества:
Дальше появится окно с добавлением фотографий в слайд-шоу для анимированной мобильной обложки:
Какой размер материалов выбрать:
Для фото рекомендуем разрешение 1080×1920 или другое в пропорции 9:16 вертикальной ориентации. Размер видео такой же, длительность до 30 с, размер до 20 Мб, MP4, видеокодек H.264, аудиокодек AAC.
❓ FAQ
Какая разница между статической и анимированной обложкой?
Статическая обложка — это одно изображение, которое загружается на десктоп и мобильную версию. Анимированная обложка ВК — это до пяти изображений или видео, которые автоматически переключаются в слайд-шоу, но отображаются только в мобильной версии.
Можно ли использовать видео для анимированной обложки?
Да, можно использовать видео без звука в формате MP4 с кодеком H.264. Видео должно быть размером не более 20 МБ и длительностью до 30 секунд. Это отличный способ привлечь внимание к важным событиям или акциям.
Как часто обновляются кадры в анимированной обложке?
ВКонтакте автоматически переключает кадры каждые несколько секунд. Вы не можете настроить скорость переключения вручную, но можете создать последовательность до 5 изображений, которые будут показываться в цикле.
Аватарка
Размеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5.
Аватар группы рекомендуем поставить обязательно, без него она тоже может функционировать, но пользователи могут подумать, что она закрытая и не рабочая.
Если в группе установлена обложка, аватар будет представлен только как миниатюра, полную версию можно будет посмотреть по клику. Если обложки нет, будет выводиться полностью. Для сравнения группа PR-CY с обложкой и аватаркой и вариант той же группы без обложки:
Аватар может быть любого размера не меньше 200х500 px и не больше 7000 px с каждой стороны, но максимальное соотношение сторон — 2 к 5. То есть сильно вытянутую картинку установить не получится, мы пробовали:
❓ FAQ
Можно ли изменить аватарку без потери подписчиков?
Да, изменение аватарки не влияет на количество подписчиков. Наоборот, обновление аватарки может привлечь внимание и показать, что группа активна и развивается.
Какой размер аватарки лучше выбрать для максимального качества?
Рекомендуем использовать квадратные или близкие к квадрату изображения размером от 200×500 до 7000×7000 px с соотношением сторон 2:5. Чем больше разрешение, тем лучше качество на всех устройствах.
Можно ли использовать анимированную аватарку (GIF)?
Да, можно загрузить GIF-изображение в качестве аватарки группы. Это поможет выделить сообщество среди других и привлечь внимание пользователей, но имейте в виду, что анимация может отвлекать от основного контента.
Меню с кнопками
Размеры: картинка для кнопки от 376х266 точек.
У групп есть возможность добавить ленту меню. Оно выглядит как горизонтальный блок с кнопками, максимум семь кнопок. На них администратор может закрепить ссылку, но только внутри соцсети — на статью, пост, товары, приложение, что-то другое. Внешние ссылки не допускаются, так что кнопку «Перейти на сайт» сделать нельзя.
Управлять меню можно в настройках группы — отрегулировать количество кнопок, добавить название, обложку и ссылку.
Название кнопки не может быть больше 20 символов, но на смартфоне и эти символы не помещаются, так что дополнительно проверьте, чтобы название было понятным:
Минимальный размер обложки кнопки — 376х266 точек, но лучше сделать в тех же пропорциях крупнее. Кнопки для меню — это прямоугольник довольно маленького размера, особенно на смартфонах, так что используйте все пространство для дизайна и не добавляйте надписи.
❓ FAQ
Сколько кнопок можно добавить в меню группы?
Максимум — 7 кнопок. Мы рекомендуем добавлять не более 5-6 кнопок, чтобы не перегружать интерфейс и сохранить удобство навигации для пользователей.
Можно ли добавить внешнюю ссылку в кнопку меню?
Нет, ВКонтакте не позволяет добавлять внешние ссылки (например, на ваш сайт) в кнопки меню. Можно ссылаться только на внутренние элементы: статьи, посты, товары, приложения.
Как оптимально использовать пространство на кнопке меню?
Поскольку кнопки имеют небольшой размер (особенно на мобильных устройствах), лучше использовать крупные изображения без мелкого текста. Название кнопки (до 20 символов) будет отображаться под картинкой.
Вики-меню
Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.
Вики-формат ВКонтакте подразумевает страницу с возможностью форматировать текст, делать списки и подзаголовки, вставлять кликабельные изображения с переходами на разделы ВКонтакте и сторонние сайты.
В формате вики часто делают меню и закрепляют его в шапке группы, чтобы упростить навигацию по сообществу и дать всю важную информацию в одном месте.
Навигация в группе будет привлекать внимание, но вы не сможете закреплять в шапке другие важные посты.
С появлением кнопок в меню необходимость в закрепленном вики-меню отпала, но его все равно можно сделать, если вам нужно поместить в меню больше семи ссылок.
Для вики-меню понадобится обложка, которая будет иллюстрацией к ссылке на страницу меню, и внутренние разделы.
Ширина поля у вики-страниц — 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px.
Вики-страничка с разделами меню настраивается в редакторе. Далее ссылка на страницу вставляется в пост на стене, ему не обязательно, но желательно изображение. Оно подбирается как обычная иллюстрация к посту. Прикрепляем и сохраняем пост, теперь вики-страничка будет открываться по клику на «Посмотреть» или на иллюстрацию.
❓ FAQ
В чем разница между меню с кнопками и вики-меню?
Меню с кнопками — это встроенный функционал с ограничением до 7 ссылок и поддержкой только внутренних ссылок. Вики-меню — это отдельная страница с неограниченным количеством ссылок, возможностью форматирования текста и размещения ссылок на внешние сайты.
Нужно ли создавать вики-меню, если есть кнопки навигации?
Это зависит от ваших задач. Если вам нужно разместить более 7 ссылок или добавить внешние ссылки, вики-меню будет полезным. Если достаточно 7 внутренних ссылок, достаточно обычного меню с кнопками.
Как сделать вики-меню привлекательным для пользователей?
Используйте качественную обложку (минимум 600 px в ширину), структурируйте информацию с подзаголовками и списками, добавляйте кликабельные изображения-иконки для быстрой навигации по разделам.
Посты
Размеры: не менее 700 px в ширину для обычных постов, не менее 550 px в ширину для статьи в редакторе с пропорцией 1:1 или 2:1.
Посты в ленте поддерживают любое изображение, но у разных постов есть свои ограничения. В интернете встречается мнение о том, что размер картинки влияет на ранжирование в умной ленте, поэтому она должна быть не меньше 1024 px. Мы спросили у поддержки и выяснили, что размер не влияет, главное содержимое.
Основатель Церебро Таргет Феликс Зинатуллин утверждает, что картинка должна быть не менее 700 пикселей в ширину. Как показывает его опыт, у постов с картинками шириной в 700 пикселей и с шириной в 699 может быть разница охватов в два раза.
Параметры картинки могут быть любыми, но лучше остановиться на квадратных и горизонтальных прямоугольных изображениях. Для примера мы взяли три варианта: квадратную картинку, изображения в вертикальной и в горизонтальной ориентации в 1000 px по ширине.
Изображения выравниваются по ширине экрана, больше всего места занимает квадратная картинка, хорошо смотрится изображение в горизонтальной ориентации. В вертикальной ориентации в десктопном варианте смещается вбок и не выравнивается по центру, а в мобильном стоит по центру, но по бокам образуются белые поля.
Есть другой формат поста — статья в редакторе. Обложка для нее должна быть горизонтальной, минимальная ширина 550 px с пропорцией 1:1 или 2:1. Какие-либо изображения лучше помещать дальше от центра, заголовок тоже писать не нужно, он автоматически встанет посередине. Заголовок пишется белым шрифтом, но подсвечивается тенью, так что темные иллюстрации смотрятся лучше, но и на светлом текст не теряется.
Еще одна рекомендация для картинок — не пишите на них слова «лайк», «репосты» и прочее, что теоретически можно отнести к накруткам. Алгоритмы ВКонтакте борются с лайко-попрошайками и занижают охват таких постов. Об этом говорит эксперимент Церебро Таргет: два одинаковых поста получили разный охват подписчиков, на одном из них был замазан «лайк»:
❓ FAQ
Какой размер изображений оптимален для постов в ленте?
Для обычных постов рекомендуем ширину не менее 700 px, для статей в редакторе — минимум 550 px в ширину с пропорцией 1:1 или 2:1. Квадратные и горизонтальные изображения занимают больше места в ленте и привлекают больше внимания.
Влияет ли размер картинки на охват постов?
Согласно официальной поддержке ВКонтакте, размер картинки напрямую не влияет на ранжирование в умной ленте. Однако эксперты рекомендуют использовать изображения шириной от 700 px для лучшего визуального восприятия.
Можно ли использовать несколько изображений в одном посте?
Да, ВКонтакте поддерживает посты с несколькими изображениями (до 10 штук). В ленте будет показываться первое или несколько первых изображений, а остальные откроются по клику. Это отличный способ показать больше информации о товаре или услуге.
Товары
Размеры: не меньше 1000×1000 px.
Товары обязательны к иллюстрированию, без картинки они не опубликуются. Загружать картинки можно в любой ориентации, но в качестве миниатюры для товарного ряда обязательно выбрать квадрат:
Установленный квадрат будет показан в товарном ряду, при клике карточка товара откроется с исходной картинкой.
Чтобы качество не портилось, рекомендуем брать размер не менее 1000×1000 px. Как видно, с горизонтальной иллюстрацией образуются пустые поля, так что выгодным решением мы считаем квадратные иконки. Для своего товарного ряда мы их и выбрали:
Размер самого изображения должен быть не меньше 400 и не больше 6000 px по каждой из сторон. И мы рекомендуем оформлять изображения карточек товара в одном стиле, чтобы они выгодно смотрелись в списке плиткой.
❓ FAQ
Какой размер изображений оптимален для товаров ВКонтакте?
Для миниатюры в товарном ряду требуется квадратное изображение, а для полной карточки товара рекомендуем размер не менее 1000×1000 px. Это обеспечит высокое качество на всех устройствах.
Можно ли использовать горизонтальные или вертикальные изображения для товаров?
Да, можно загружать изображения любой ориентации, но в качестве миниатюры в товарном ряду будет использоваться только квадратная часть. Горизонтальные и вертикальные изображения будут показаны полностью при клике на карточку товара.
Сколько изображений можно добавить к одному товару?
Можно добавить несколько изображений к одному товару. Первое изображение будет использоваться как миниатюра в товарном ряду, остальные будут доступны при открытии карточки товара. Рекомендуем использовать 3-5 изображений для полного представления товара.
Это не вся функциональность социальной сети ВКонтакте по оформлению группы, есть еще множество вариантов виджетов, каруселей и приложений, что-то особенно разработчики могут написать отдельно специально под группу компании или бренда.
Для оформления своей группы в социальной сети ВКонтакте есть много возможностей. Лучше использовать то, что подойдет по специфике бренда, оформлять группу качественным и красивым дизайном, попутно решая задачи повышения активности и лояльности.
Если вы хотите знать больше о ведении групп в социальных сетях, вам может быть интересны другие наши статьи из цикла SMM:
Основы SMM. Часть 1: Создаем коммерческий аккаунт
Основы SMM. Часть 2: Составляем контент-план на примерах и шаблонах
Основы SMM. Часть 3: Обратная связь в группе
Основы SMM. Часть 4: Сервисы для общения с подписчиками в соцсетях
