Оформление сообщества в новом дизайне вконтакте: сложно ли это?

Почему так важно красиво оформить сообщество?

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

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

Итак, первые два плюса – это внешний вид и привлечение людей. Но это еще не все.

Пример красиво оформленной группы ВК

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

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

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

Картинка-ссылка на CSS

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

Для того, чтобы сделать картинку-ссылку на CSS нам нужно пройти 2 шага:

1. Создаем класс объекта и прописываем его в таблице стилей (файл style.css).

Общий код выглядит вот так:

#link-img { display: block; width: 323px; height: 232px; background:url(https://gde-lezhit-kartinka/kartinka.png) no-repeat; }

В данном случае link-img – это класс объекта, width и height – размер изображения, background – фон объекта (в качестве фона мы устанавливаем изображение).

2. Вставляем в нужное место сайта html ссылку с атрибутом, указывающим, что она относится к классу link-img. Для этого используется тот же тег , что и в предыдущем варианте. Код выглядит вот так: id=”link-img” показывает, что ссылка не обычная, а принадлежит к данному классу, в результате чего, объект принимает свойства этого класса (высоту, ширину и фон)

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

Название

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

• название бренда, компании, магазина;

• вид деятельности: музыкальный магазин, страховая компания, пекарня и т. п.;

• геолокацию для локальных брендов и предпринимателей.

Что не нужно прописывать в названии:

• УТП или любые другие предложения;

• оценочные слова и фразы, дополнительные символы;

• адрес компании.

Например, при поиске страницы с названием «^^^…ГОРЫ…^^^» система показывает нерелевантные страницы.

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

Установить название страницы можно в настройках.

Шаг 1. Нажмите «Управление».Шаг 2. Пропишите название в блоке «Основная информация».

Баннеры в оформлении страницы сообщества (группы).

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

1. Горизонтальный верхний баннер меню ВКонтакте (“обложка” или “шапка “страницы).
2. Боковой вертикальный баннер-аватар в правой верхней части страницы (круглый фрагмент которого используется в качестве маленькой аватарки, о ней ниже).

Горизонтальный баннер-обложка располагается по всей ширине страницы группы –
795px. Рекомендуется загружать картинку размером 1590х400px, визуально она будет уменьшена вдвое без потери качества.

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

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

Минимальный размер картинки аватара –
200x200px. Максимальный –
200x500px. Визуально размер маленького круглого аватара будет уменьшен до 50px., поэтому надо позаботиться о том, чтобы аватарка была четкой, понятно, а главное, легко узнаваемой и запоминающейся.

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

С помощью Wiki-разметки меню можно оформить в стиле страницы и наполнить его дополнительной информацией и ссылками.

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

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

Завершаем настраивать рекламу

В конце укажите:

• способ оплаты (за переходы или показы);
• рекламные площадки (только ВКонтакте или и на сайтах-партнерах);
• стоимость перехода (желательно ориентироваться на рекомендуемую);
• присвойте название рекламной кампании.

Чтобы не сливать рекламный бюджет впустую, при выборе способа оплаты за показы ставьте ограничение до 100 показов на человека (если пользователь 100 раз увидел ваш баннер и не кликнул по нему, сомнительно, что это произойдет на 101 раз).

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

Какой способ лучше сказать невозможно (в каждом конкретном случае по-разному). Поэтому – экспериментируйте.

Теперь жмите на «Создать объявление» и после прохождения модерации (как правило, через пару часов) ваши баннеры в контакте начнут демонстрироваться потенциальным клиентам. Ваша задача – следить за статистикой, предоставляемой ВКонтакте и принимать немедленные решения по улучшению показателей.

Реклама в формате продвижения товаров

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

• Рекомендуемый размер изображений для товаров — 1000х1000 px.
• Рекомендуемое соотношение сторон — 1:1.
• В карточке товара должно быть одно основное изображение и до 4 дополнительных.
• Загружаемые фотографии должны иметь размер не меньше 400 и не больше 7000 px по каждой из сторон.
• Доступные форматы — JPG, GIF или PNG.
• Максимальная длина названия товара — 120 символов.

Добавление фотографии ссылкой на wiki-странице

При формировании wiki-страниц также можно воспользоваться указанной функцией. Хотя в этом случае алгоритм будет отличаться:

• Перейти в группу, где требуется создать wiki-статью.
• Открыть вкладку «Свежие новости».
• Кликнуть по кнопке «Редактировать».

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

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

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

• Во всплывающем окне указать следующие данные: Текст – вписанные сюда слова будут отображаться при наведении курсора на фотографию (можно оставить пустым).
• Ссылка – в это поле вставляется ссылка, на которую требуется перенаправить пользователя после клика.
• Размер – желаемый размер картинки. Чтобы избежать перекосов, следует активировать опцию «Сохранение пропорций».

Кликнуть по кнопке «Сохранить».

Задача выполнена. Осталось добавить текст на страницу, если это требуется и провести ее сохранение.

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

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

Facebook/Instagram

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

Оформление страницы и группы

В профиле разрешено использование изображения размером не менее 320x320px. Но на десктопах и мобильных устройствах оно будет отображаться в формате 170x170px и 128x128px, соответственно. И помните, что аватарка группы обрезается под круглый шаблон

Помните это и не размещайте ничего важного в углах креатива

Что касается обложки, то здесь рекомендуется использовать формат 820x360px. Однако отображаться на десктопах она будет только как 820x312px, а на смартфонах и вовсе 640x360px.

Пост с изображением и видео

С креативами для постов также всё непросто. Их размер должен быть 1200x630px. Формат: JPG, PNG. Пропорции: 16:9. Обычно всё это бывает принципиальным в тех случаях, когда ваше изображение обрезается по краям, что существенно влияет на его восприятие. Будьте осторожны и не теряйте важные элементы привлечения внимания и продвижения на допустимых форматах креативов.

Видеофайлы рекомендуется добавлять к публикациями с размером 1200x675px.

Пост с внешней ссылкой

Если вы вставляете в публикацию внешнюю ссылку, то вместе с ней подгружается небольшое превью. Оно, как правило, содержит текст и изображение. Размером 1200x627px. Формат: JPG, PNG. Пропорции: 1,91:1. Если внешняя ссылка ведёт на ваш собственный ресурс, то можно подогнать размеры креативов и содержания текста таким образом, чтобы они дополнительно привлекали аудиторию.

Instagram

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

Квадратное изображение

Нет ничего проще обычной равносторонней фотографии. Сейчас такие обычно не применяются, но социальные сети позволяют оквадрачивать изображения. Предельный размер: 1080x1080px (минимум — 500х500px). Формат: JPG, PNG. Пропорции: 1:1.

Горизонтальное изображение

Этот формат считается наиболее привычным для фотографий. Обычный горизонтальный прямоугольник. Максимальный размер: 1080x565px. Формат: JPG, PNG. Тем не менее, пропорции далеки от привычных и составляют 1,91:1.

Вертикальное изображение

На удивление, горизонтальное и вертикальное изображение сильно отличаются по своим параметрам. Размер: 864x1080px. Формат: JPG, PNG. Пропорции: 4:5.

Сторис

Истории Инстаграма поддерживают видео и изображения в обычном разрешении HD. Размер: 720x1280px (пропорции: 9:16). Формат: JPG, PNG или GIF (без анимации).

Готовые шаблоны баннеров ВК

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

Теперь давайте поговорим о готовых шаблонах.

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

• Vk-oblozhki.ru
• You-ps.ru
• Psd-box.at.ua

Во-вторых, Вы можете воспользоваться сервисами, где можно в режиме онлайн сделать свое стильное изображение. Здесь можно добавить текст, логотипы и т.д. Это такие сервисы, как:

• Fotor.com;
• Canva.com.

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

Какие размеры для обложки

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

Выбранный файл должен быть определенного размера. Это может быть или 795x200px, или 1590x400px.

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

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

Готовые шаблоны баннеров ВК

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

Теперь давайте поговорим о готовых шаблонах.

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

• Vk-oblozhki.ru
• You-ps.ru
• Psd-box.at.ua

Во-вторых, Вы можете воспользоваться сервисами, где можно в режиме онлайн сделать свое стильное изображение. Здесь можно добавить текст, логотипы и т.д. Это такие сервисы, как:

• Fotor.com,
• Canva.com.

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

Создание баннера ВК

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

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

Шаг 1: Создание

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

• Маленький – 145x85px;

Квадратный – 145x145px;

Большой – 145x165px;

Специальный – 256x256px;

Витрина – 560x315px.

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

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

Подробнее:Как сделать баннер онлайнАналоги Photoshop

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

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

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

Отличной идеей является размещение логотипа компании или марки продукта.

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

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

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

Шаг 2: Размещение

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

Подробнее: Создание рекламного кабинета ВК

Подробнее:

Советы по созданию публикации Вконтакте

Этот способ позволяет использовать любой тип вложений в общем количестве до 10 изображений, роликов, сообщений, опросов.

Картинки:

• Размер должен начинаться от разрешения в 510Х510 пикселей.
• Если фотка прямоугольная тогда стороны должны быть 3:2.
• Предельное разрешение картинки до 1000Х700 пикселей.
• Картинку на обложку публикации лучше брать размером в 510Х286 пикселей.
• У сниппета размер картинки с внешней ссылкой 537Х240 пикселей.
• Фотография должна предельно сжиматься до 1280Х1024 пикселей.
• Для картинок использовать только форматы JPG ил PNG и GIF.

Ролики:

• Предельно допустимый размер ролика до 5 Гигабайт.
• Поддерживаются практически все доступные кодеки форматов видео.
• Лучше использовать разрешение в видео 1280Х720 пикселей. Можно и выше качество. Главное чтобы объём при этом не превышал рекомендуемого.

Статья:

• Минимизировать количество смайликов в сообщении до 5.
• Пост должен быть не больше 16 тысяч знаков.

Общие требования и модерация.

Все рекламные записи и объявления, размещаемые ВКонтакте на платной основе, проходят обязательную модерацию.
На них распространяются общие требования законов о Рекламе. Товары и услуги ограниченного оборота требуют указания дополнительной правовой информации и предупреждений (дисклеймеров). При необходимости, Рекламный кабинет ВКонтакте предлагает указать маркировку возрастного ценза рекламы. Кроме того, существуют требования сети ВКонтакте к оформлению рекламных объявлений, которыми не стоит пренебрегать.

С большей долей вероятности модератор отклонит баннеры, которые содержат:

• грамматические ошибки;
• слишком много восклицательных знаков и смайлов;
• фразы, написанные заглавными буквам разного регистра (CAPS LOCK);
• вульгарные и вызывающие отвращение фотографии.

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

Какие выбрать размеры для баннера ВКонтакте?

В социальной сети «ВКонтакте» представлены разнообразные виды графических рекламных объявлений – баннеров.

Баннер VK представляет собой статичное или анимированное изображение, несущее рекламный характер о каком-либо товаре или услуге и побуждающее к действию. Оно состоит из трех основных частей:

1. Тематического изображения, описывающего группу, товар или услугу и т.п.
2. Названия, содержащего, например, слоган или имя компании.
3. Короткой записи или уникального торгового предложение – подписи.

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

• Информацию о компании;
• Специальные акции с размещенной ссылкой на источник;
• Каталог товаров или услуг;
• Меню сообщества;
• Рекламные объявления различных товаров или услуг.

При выборе иллюстрации для графического объявления во «ВКонтакте» необходимо обладать знаниями о требуемых параметрах. В зависимости от вида баннера рекомендуют выбирать следующие размеры (в пикселях):

• Обложка – 1590х400;
• Аватар – 200х500;
• Меню – 606х606;
• Закрепленный баннер (квадратный) – 510х510;
• Закрепленный баннер (на уровне с аватаром) – 510х308.

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

Итог

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

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

Надеемся, данная статья была для Вас полезной.

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

Для наглядного примера буду сравнивать два баннера с размерами 1280*720 и 800*525. Да, кстати, размеры и качество баннера могут быть разные — тут самое главное — пропорции. Итак, вот как такой баннер выглядит в ленте новостей на разных устройствах:

ПК — СТАРЫЙ ДИЗАЙН ВКОНТАКТЕ

Как видите, у баннера с размером 800*525 справа получается отступ намного больше, чем при использовании размера 1280*720. Хотя он пошире и захватывает бОльшую область для просмотра через ленту новостей. Посмотрим, как будут эти баннеры выглядеть в новом дизайне ВКонтакте.

ПК — НОВЫЙ ДИЗАЙН ВКОНТАКТЕ

Ну что, в новом дизайне ВКонтакте оба этих размера отличаются только высотой, а ширина остается прежней. И, в отличие от старой версии ВК, справа не наблюдаем большого отступа. Зато баннер 800*525 захватывает намного бОльшую видимую область в ленте новостей, нежели размер 1280*720 — картинка выше и больше!

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

MOBILE — ЛЕНТА НОВОСТЕЙ

Также, как и в новом дизайне ВКонтакте, размер баннера 800*525 выглядит намного больше (выше), чем баннер с размером 1280*720. А это очень большой плюс для мобильной версии, потому что область просмотра новостей там небольшая и реклама с таким размером баннера захватит бОльшую ее часть!

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

ПК — старый дизайн ВКонтакте	ПК — новый дизайн ВКонтакте	Mobile — приложение ВКонтакте

Ну что, теперь мы наглядно убедились, что больший обзор получают картинки с размером от 800*525 и выше, приближаясь к квадратной форме

Но! не нужно забывать, что в промопостах есть еще и текст, поэтому, когда будете выбирать размер картинки, не забывайте, что для просмотра текста на различных устройствах, картинка не должна занимать все видимое пространство в ленте новостей! Это важно!. Так как сейчас часть аудитории «сидит» ВКонтакте через новый дизайн, а большая часть через старый, то лучше использовать размер 800*525

Да, мы пробовали и заморачивались с другими размерами, пытаясь уменьшить отступ от правого края, но он только увеличивался и наименьший отступ (с учетом бОльшего просмотра через мобайл) получился с размером 800*525

Так как сейчас часть аудитории «сидит» ВКонтакте через новый дизайн, а большая часть через старый, то лучше использовать размер 800*525. Да, мы пробовали и заморачивались с другими размерами, пытаясь уменьшить отступ от правого края, но он только увеличивался и наименьший отступ (с учетом бОльшего просмотра через мобайл) получился с размером 800*525.

Чтож, на этом сегодня все

Спасибо за внимание и качественных вам промо!. Спасибо за внимание!

Спасибо за внимание!

Число активных пользователей и поклонников социальных сетей стремится к 100% от общего количества пользователей всемирной паутины. При этом лидирующие позиции в Рунете стабильно занимает социальная сеть ВКонтакте. Кроме того она считается самой массовой — более 150 миллионов зарегистрированных пользователей и это без учета ботов, заброшенных и фейковых аккаунтов.

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