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

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

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

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

Давайте рассмотрим пример эффективного применения баннера. Обратимся для этого к паблику «moloko_coffee».

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

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

Создаем баннеры для групп ВКонтакте в редакторах

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

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

Программы, которые чаще всего используются:

• Adobe Photoshop;
• Adobe Illustrator;
• GIMP.

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

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

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

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

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

Как сделать баннер для шапки

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

1. Запустим программу.
2. Откроем в ней изображение.

1. Далее при помощи инструмента «CropTool»создаем рамку размерами 1590 х 400 пикселей.

1. Далее выбираем отображаемую часть и нажимаем Enter. Изображение обрежется.

1. Сохраняем.

Таким образом, мы получили баннер необходимого размера.

Теперь нам остается загрузить его в группу:

1. Зайдите в «Управление сообществом».

1. Справа выберите раздел «Настройки».
2. Найдите строку «Обложка» и нажмите кнопку «Загрузить».

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

1. Сохраните изменения.

Процесс работы в других редакторах аналогичен.

Если Вы решили делать баннер с полного нуля (весь дизайн, стиль, текст и т.д.), тогда Вам понадобятся и дизайнерские навыки.

Как сделать закрепленный баннер в группе Вк

Создание закрепленного баннера осуществляется по тому же самому принципу, что и обложка, за исключением одного момента – рамку делаем с размерами 510 х 510 (308) пикселей.

Для добавления в паблик необходимо:

1. Создать пост.
2. При создании загрузить готовую картинку (баннер).

1. Опубликовать пост.
2. Нажать на кнопку с троеточием и закрепить его.

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

Как сделать смежный баннер Вконтакте

Теперь переходим к самому сложному и интересному.

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

Вы можете выбрать один из двух баннеров:

• Смежный Banner VK с обложкой;

• Смежный с аватаркой.

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

При создании второго варианта необходимо учитывать сразу три момента:

• Есть ли статус у группы – он смещает закрепленную часть на 10 – 20 пикселей вниз;
• Есть ли у записи текст – он также смещает фото вниз (в зависимости от размера текста);
• Хотите ли Вы, чтобы изображения заканчивались по нижнему краю на одном уровне.

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

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

Теперь перейдем к самому процессу создания:

1. Для начала необходимо взять две заготовки: первая – 200 х 500 пикселей, вторая 510 х 308 пикселей (у Вас могут быть другие параметры).
2. Далее первую мы загружаем на место аватара, вторую на место записи.

1. Затем делаем скриншот.
2. Загружаем скриншот в фотошоп.
3. Далее кликаем второй клавишей мыши по инструменту «CropTool» и выбираем «SliceTool».

1. Выделяем две области с точностью до пикселя.

1. Снимаем значок замка со слоя и делаем его невидимым.

1. Добавляем изображение и подгоняем его под наши рамки.

1. Сохраняем файл для Веб. И в настройках выбираем формат JPEG. Он сохранится в html формате, а фото будут находиться в папке images.

1. После загружаем изображения на свои места.

В итоге вот, что у нас получилось:

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

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

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

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

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

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

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

• Fotor.com;
• Canva.com.

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

Итог

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

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

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

Летом 2016 года разработчики социальной сети Вконтакте наконец-то удивили своих пользователей полностью обновленным дизайном. По правде говоря, завсегдатаи данного сайта восприняли свежее оформление весьма неоднозначно, в большей степени это касалось владельцев сообществ со слитой картинкой в качестве оформления (аватар+баннер). Расстояние между закрепленной новостью и аватаром увеличилось буквально вдвое, баннер заметно укрупнился и опустился ниже, а в качестве миниатюры сообщества теперь выступает не квадратная, а круглая область - все эти неловкие моменты доставили немало проблем людям, заказавшим и установившим дизайн для своих групп ранее. Единственным выходом в сложившейся ситуации оказалась переделка старого дизайна под новые требования с сохранением концепции.

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

Первый способ сделать свое сообщество продающим и привлекательным — это стандартная схема «аватар+баннер+меню».

Аватар

Аватар остался в размерах 200 на 500 пикселей (но все-таки лучше 400 на 1000 с запасом качества), хотя изначально при бета-тестировании нового дизайна рассматривался такой вариант размера как 200 на 300. Миниатюра теперь круглая, но если эту окружность вписать в квадрат, то его размеры будут 200 на 200 пикселей, как и было ранее.

Баннер (закрепленная запись)

Оптимальный размер баннера — это 1024 на 680 пикселей (с запасом качества). Мне на глаза в Интернете попадались многие вариации идеального размера баннера, но все-таки при 1024 на 680 не срезаются части баннера при просмотре с компьютера, с обычной мобильной версии или с приложения на Android. Также стоит отметить, что баннер теперь находится ниже из-за дубликации названия сообщества в области над изображением и переноса даты постинга с области под картинкой на место под дубликатом названия. Еще один важный момент — это отсутствие кликабельности на баннере с мобильного устройства. Т.е. с телефона людям придется нажимать по ссылке под картинкой, а не на само изображение.

Меню

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

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

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

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

• Аватар: 200 на 500 пикселей (качество 400 на 1000 пикселей);
• Миниатюра аватара 200 на 200px
• Баннер или размер закрепленной записи в группе: 1024 на 680 пикселей, но не менее 510px по ширине;
• Меню: ширина 606px;
• Обложка 1590 на 400 пикселей.

Аватар и баннер для группы вк.

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

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

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

Между баннером и аватаркой рассмояние 10 пикселей. Если бы над баннером захотите разместить еще информацию советую воспользоваться линейкой mySize и все вымерять, примерно вот так.

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

Итак,начнем: Открываем фотошоп -> Файл -> Создать либо Ctrl+N.
Открывается окошко, пишем название и размер, но почему я взяла 2420 на 2000. Я просто увеличила наши размеры в 4 раза, на мой взгляд, так в вк выглядит лучше.

Теперь проводим направляющие. Если по краям нет линеечек, включим их: Просмотр -> Линейки либо Ctrl+R. Направляющие можно вытаскивать из них с учетом, что они показывают пиксели, для этого щелкаем на линейке правой кнопкой мыши и выбираем пиксели, если стоит что-то другое.

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

Ставим следующие направляющие горизонтальные: 0, 2000 (крайние), 200, 1360 пикселей; вертикальные: 0, 2420 (крайние), 1580, 1620 пикселей. И у нас получилась заготовка для наших аватарки и баннера.

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

Теперь подберем картинку, у меня группа по тематики дизайна, пусть картинка будет такой.

Перетащим её в наш документ.

Теперь копируем и один слой перемещаем на слой над авой.

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

Проделаем с прямоугольниками тоже самое, то и с картинками прилепим их к аве. И перекрасим в цвет, который нам нравиться. У меня синий.

Призыву к действию не хватает кнопочки и стрелочек. А для название сделаем подчеркивание.

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

Открываем стиль слоя и заходим в обводку, делаем её белой примерно 4 пикселя. Ту опять на ваше усмотрение.

Под названием проводим две прямые линии. Раскрашиваем их в цвета: одну - чуть темнее основного, вторю - чуть светлее.

У меня в задумке на картинке будут надписи, так что надо сделать её не такой выделяющейся. Наложим на нее однородный полупрозрачный фон. Я долго игралась с цветами и способами наложения и пришла к следующему результату. Фон бежевого цвета - непрозрачность 80%, режим наложения - умножение.

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

Теперь можно устанавливать в группу. Для авки просто жмем загрузить новую фотографию и загружаем. Для баннера. Ставим ссылку на меню.удаляем когда внизу появиться ссылка как на скрине и жмем загрузить фотографию. Жмем отправить и обязательно, чтобы было от имени группы. Потом жмем на время отправления и появиться под постом кнопочки: редактировать, удалить, закрепить. Жмем - закрепить.

А вот и наше готовое оформление.

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

P.S. Бонус - аватар и баннер + шрифт, которые мы делали в статье. Изменяем текст, цвета и картинку и получаем прикольный готовый дизайн.

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

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

1. Баннеры ВКонтакте

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

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

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

Типы рекламы ВКонтакте

Условно реклама ВКонтакте делится на два типа (по способу оплаты ). Ее можно называть целевой и нецелевой. Если при целевой рекламе вы платите за переходы по баннеру, то при нецелевой – за показы. При этом 1000 показов обходится гораздо дешевле, чем 1 переход. Как не крути, но с 1000 показов вероятнее всего субъект совершит минимум 1 переход. Поэтому второй вариант оказывается выгоднее.

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

Правила размещения рекламы ВКонтакте

2. Зачем нужны баннеры ВКонтакте?

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

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

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

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

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

Кроме того, обратите внимание на ценовую категорию. В социальных сетях нет смысла продвигать товары, стоимость которых превышает 200 долларов:

3. Как разместить баннер ВКонтакте? Шпаргалка для новичков, секреты и советы

Перед тем, как добавить баннер, перейдите по ссылке «Реклама » в футере страницы:

Жмем на «Создать объявление » и видим следующий список:

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

Наибольшей популярностью пользуется последний вариант. Ссылка с такого баннера ВКонтакте, как правило, перенаправляет пользователей на landing page (посадочную страницу ).

Форматы баннерной рекламы ВКонтакте

Можно использовать три типа объявлений:

• Картинка+текст. Здесь можно разместить баннер ВКонтакте 90 на 65 пикселей с заголовком (25 символов ) и описанием (60 символов );
• Большая картинка. Есть возможность добавить баннер размером 90 на 120 пикселей без описания и с заголовком в 25 символов;
• Эксклюзивный вариант. Баннер 90 на 160 пикселей с заголовком в 25 знаков. Главное его преимущество заключается в том, что во время его демонстрации другие объявления не показываются. Однако и стоимость такой рекламы в 2 раза выше.

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

Чем точнее будет настроена целевая аудитория, тем лучше CTR , а при хорошей посещаемости и конверсия.

На завершающем этапе настройки, перед тем как сделать баннер ВКонтакте, указываем способ оплаты (за показы или переходы ), рекламные площадки (можно дополнительно выбрать сайты-партнеры социальной сети ), стоимость перехода. Присваиваем рекламной кампании название.

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

4. Как вставить баннер в группу ВКонтакте?

Давайте рассмотрим, как сделать баннер в группе ВКонтакте.

Шаг 1. Заходим на страницу группы:

Шаг 2. В блоке справа выбираем пункт «Рекламировать сообщество »:

Перед тем как сделать баннер, определяем формат баннера переходы или показы. Сохраняем, и ждем, пока баннер пройдет модерацию:

5. Баннерная реклама ВКонтакте

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

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

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

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

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

Заходим в виджеты и добавляем следующий код:

В поле «адрес ссылки » указываем адрес страницы, куда нужно перенаправить посетителя, после того как он кликнет по баннеру. «Путь к картинке » — это ссылка на баннер. Скопируйте ссылку на картинку и вставьте ее вместо «Путь к картинке ».

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

7. Создание баннеров для ВКонтакте

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

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

Существуют несколько способов создания баннеров:

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

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