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

Правильная шапка сообщества

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

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

Какой не должна быть шапка?

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

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

Какой должна быть удачная обложка?

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

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

А теперь обратимся к более частным вариациям:

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

О размере обложки

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

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

• В браузере компьютера - 795 х 200 пикселей. Изображение не урезается, а только сжимается.
• Что касается мобильных устройств, то там шапка отображается несколько иначе. Она урезается согласно ширине экрана устройства. Например, если последняя равна 400 пикселям, то с каждого края ваша обложка будет урезана на 146 пикселей. Прибавьте еще пространство, отведенное на системные кнопки. Из-за него баннер станет уже на 80-140 пикселей с каждого края.

Простое создание обложки

Давайте разберем, как сделать обложку группы в ВК проще всего:

• Сделайте фотографию, которая как-то перекликается с тематикой вашего сообщества.
• Найдите подходящее стоковое изображение в "Гугле", "Яндекс.Картинках", на иных ресурсах. Красивые обложки для группы в ВК можно отыскать по схожему запросу.
• Если вам кажется, что изображение слишком отстраненное, то можно наполнить его новыми элементами, текстом в таких популярных онлайн-редакторах, как Fotor, Pablo или Canva.

Создание в "Фотошопе"

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

Итак, зайдя в программу, кликните на "Файл", далее "Создать". Для обложки лучше выставить такие параметры:

• Размер: 1590 х 400 пикселей.
• Разрешение: 72 пикселя в 1 дюйме.
• Цветовой режим: RGB (8 бит).

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

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

Давайте сначала разберемся, как вообще поменять баннер в сообществе, администратором которого вы являетесь:

1. Под аватаром вашей группы, с правой стороны страницы, нажмите на три точки "..."
2. Перед вами появится выпадающее окно. В нем выберите "Управление сообществом".
3. Откроется окно администратора. Найдите раздел "Настройки" и щелкните на него.
4. Вы сразу увидите строку "Обложка сообщества". Она-то нам и нужна.
5. Как добавить обложку в группу ВК? Просто кликните на "Загрузить".
6. Перед вами появятся краткие рекомендации по формату изображения и размеру обложки группы ВК.
7. Стоит подбирать качественное фото с высоким разрешением.
8. Здесь, как и при выборе аватара, у вас есть возможность выбрать, какую зону изображения поместить на обложку: с помощью мышки передвигайте ограничивающий прямоугольник, чтобы остановиться на наиболее удачной области. Фотографию, кстати, можно и перевернуть.
9. Обязательно на окне с обложкой нажмите на "Сохранить и продолжить". Не торопитесь закрывать страницу!
10. В окне с настройками не забудьте кликнуть на "Сохранить".

Вот теперь можно смотреть на то, что получилось!

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

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

• "Загрузить" - установление новой фотографии. Как добавить обложку в группу ВК, вы уже знаете.
• "Редактировать" - повернуть изображение, изменить зону, которая будет видна в баннере.
• "Удалить" - убрать существующую обложку.

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

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

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

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

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

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

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

Как загрузить?

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

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

Во-первых, Вам понадобятся файлы формата JPG, GIF или PNG. Это основные и наиболее популярные форматы изображений, поэтому найти их не составит труда.

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

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

Теперь сама инструкция (Вы должны быть владельцем или администратором):

1. На странице паблика нажмите кнопку с тремя точками и выберите пункт «Управление сообществом»;

1. Далее в разделе «настройки» найдите строку «Обложка сообщества» и нажмите кнопку «Загрузить»;

1. В открывшемся окне нажмите кнопку «Выбрать файл» и выберите сам файл на компьютере, в соответствии с рекомендациями;

1. Далее выберите видимую часть (при неточных размерах картинки) и нажмите кнопку «Сохранить и продолжить»;

1. Важно понимать, что фон еще не появился на странице группы. Для того, чтобы она отображалась необходимо еще раз подтвердить свои действия, нажав кнопку «Сохранить».
2. Наслаждайтесь полученным результатом!

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

Также при наведении курсора на обложку в правом верхнем углу появляются три кнопки:

• Загрузить (если хотите установить новую);
• Редактировать (если хотите настроить текущую);
• Удалить.

Виды

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

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

Условно все фоны можно поделить на:

• Статические;
• Динамические.

Давайте же подробнее рассмотрим каждый из них.

Как сделать статическую обложку?

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

Хороший сайт, где можно скачать готовые шаблоны – vk –oblozhki .ru

Но, как правило, это просто фото/картинка, без названий и какой-либо другой информации.

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

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

Если Вы обладаете навыками работы с графическими редакторами, то сможете сделать это в Photoshop , illustrator или другом редакторе. Мы советуем всегда сохранять свои работы в формате PSD (PhotoshopDocument ). Таким образом, Ваше изображение будет растровым и его можно будет подогнать под любые размеры без потери качества.

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

• com;
• com.

Это наиболее популярные проекты среди своих аналогов.

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

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

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

Наиболее популярные сервисы:

• DynamicCover ;
• BoomCover ;
• Revoc;
• Line-Cover.

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

Примерная стоимость таких сервисов – 100 руб./мес.

Ниже мы представим список наших советов и рекомендаций:

1. Используйте динамические обложки, только если в них есть необходимость. Динамические обложки не всегда выглядят красиво. Особенно когда на них через чур много различных виджетов. Порой поставить простое изображение, с текстом или без – лучший вариант.
2. Используйте небольшие указатели типа «Подпишись» или «Задай свой вопрос», которые будут лаконично вписываться в общий дизайн, над соответствующими кнопками. Они будут побуждать пользователей к действию.

1. Не используйте спамные обложки. Они слишком часто вызывают негатив у пользователей.

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

1. Если есть возможность заплатить – используйте помощь профессионалов, которые могут полностью оформить Ваше сообщество.

Примеры успешных работ

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

1. Простое красивое изображение. Учитывая, что данный паблик специализируется на красивых картинках, фото – это подходящий вариант.

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

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

1. Отличный пример того, как можно кратко, без использования слов, описать деятельность группы. Данный паблик использовал иконки. Как только заходишь и видишь эту обложку, сразу понимаешь, какого характера контент здесь публикуется.
[Всего голосов: 2 Средний: 5/5]

Хотите украсить свою группу в ВК (Вконтакте) и создать для неё уникальную шапку (обложку)? В данной статье я расскажу о том какого размера и формата она должна быть, как добавить шапку в ВК, так же выложу исходник PSD (формат photoshop-а) шаблона нужного размера.

Как сделать шапку (обложку) для группы в ВК?

Что из себя представляет шапка в группе в ВК? Это просто картинка, размером 1590×400 и форматом - JPG, GIF или PNG. Находится она сверху в группе ВК, выглядит так:

Шаг 1. Создаём изображение нужного размера.

Для начала нам необходимо создать саму картинку, для этого я использовал Photoshop (Скачать готовый шаблон в формате PSD можно ). Открываем фотошоп, выбираем в меню «Файл» -> «Создать» («File» -> «Create»).

Появится окно, где необходимо укачать размеры изображения, ширина у нас будет 1590 px, высота 400. Цветовые режимы можно оставить по умолчанию. Нажимаем «ОК»

Хочу заметить, что изображение может быть и большего размера, при добавлении изображения ВК сам предложить его обрезать по нужным ему размерам. Выше ширины 400 px не советую что-то добавлять, ВК отрежет часть картинки.

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

Шаг 2. Меняем шапку в группе ВК.

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

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

Выбираем наше изображение и появляется окно с возможностью обрезать изображение, так как у нас всё соответствует нужным размерам нажимаем «Сохранить и продолжить»

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

Менять шапку (обложку) Вы можете сколько угодно раз.

Вот мы и создали свою шапку для группы в ВК.

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

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

Актуальные размеры изображений «ВКонтакте»

Некоторое время назад разработчики социальной сети «ВКонтакте» запустили новый дизайн. Это привело к тому, что изменились размеры и принципы отображения изображений. Памятка, которая будет приведена ниже, соответствует всем нововведениям и содержит в себе размеры, актуальные на данный момент времени.

А теперь давайте более подробно по каждому пункту.

Размер аватара ВК

Минимальный размер аватара – 200 на 200 пикселей. Если вы постараетесь загрузить изображение менее 200 пикселей в ширину или в длину, вы увидите вот такую ошибку:

Максимальный размер аватара – 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера – до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их сторон не превышало 2 к 5.

Покажу на примере.

У меня есть изображение. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке не возникает никаких ошибок. Однако использовать это изображение я все равно не могу, т. к. «Контакт» не позволяет мне выделить его полностью.

Обложка

Размер обложки для полной версии сайта - 1590 на 400 пикселей.

Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей. Посмотрите, как она обрезается в приложении на мобильном:

Чтобы этого не происходило, располагайте основные элементы вашей обложки в пределах 1196 на 400 пикселей.

Прикрепленные изображения

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

Звучит слегка запутано:) Поэтому покажу на примере.

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

А вот так смотрится горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):

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

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

Изображения к постам со ссылкой

Все эти данные берутся из кода разметки Open Graph :

Если Open Graph не прописан, заголовок берется из метатега Title, а изображение – из статьи. При этом, его можно легко изменить – либо выбрать другое изображение из статьи с помощью специальных стрелочек:

Либо загрузить свое:

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

Картинка для статьи, созданной в редакторе

Размер изображения для обложки статьи, созданной в редакторе, - 510 на 286 пикселей. Лучше, если она будет темного цвета и более или менее однотонная, т. к. на светлом фоне теряется название статьи и сообщества.

Хороший пример:

Не очень хороший пример:

Размер фото и видео для историй

Размер для фотографий - 1080 на 1920 пикселей. Размер для видео - 720 на 1280 пикселей.

Технические характеристики для видеозаписей:

• до 15 секунд;
• не больше 5 МБ;
• кодек h.264;
• звук AAC.

В историях необходимо использовать фото и видео вертикального формата.

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

Размер обложки для фотоальбома

Размер картинки для видео

1280 на 720 пикселей.

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

Ширина области контента у вики-страницы составляет 607 пикселей. Если вы будете загружать картинку большего размера, она автоматически загрузится размером 400 пикселей в ширину. Пример: у меня есть изображение размером 1366 на 768. Если я его добавлю на вики-страницу, получится вот что:

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

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

Как сделать так, чтобы изображения «ВКонтакте» не ужимались? Влияние фона и размера на качество картинки.

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

Как сделать так, чтобы качество картинок не портилось?

Чтобы изображение не ужималось (точнее, ужималось, но в гораздо меньшей степени), необходимо делать его в 2–3 раза больше нужного размера. Например, если нам нужно сделать аватар размером 200 на 500 пикселей, берем картинку размером 400 на 1000 пикселей. Если нужно сделать меню размером 510 на 400 пикселей, берем – 1020 на 800.

Изображение на темно-синем фоне, которое я привела чуть выше, имеет размер 510 на 350. Я сделала его в два раза больше (1020 на 700) и сохранила. Вот, что из этого получилось:

Как это исправить? Ответ очень прост – нужно выбрать другой фон. Дело в том, что на темном фоне пиксели видны лучше, чем на светлом. Поэтому, если вы хотите добиться идеального качества (хотя картинка выше уже выглядит вполне нормально), то нужно слегка изменить цветовую гамму. Например, фон сделать белым, а текст – синим:

Как оформить шапку страницы

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

Обложка

Не так давно «ВКонтакте» ввели обновление – теперь на страницы можно загружать большие и красивые обложки (1590 на 400 пикселей). Чтобы сделать это, перейдите в настройки и нажмите кнопку «Загрузить».

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

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

Примеры динамических обложек:

Обложка + описание сообщества + ссылка на сайт

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

Описание с хэштегами

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

Закрепленный пост, рассказывающий, о чем страница

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

А вот что видит пользователь после того, как он кликнет по ссылке:

Меню группы открытое

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

Вот как выглядит закрепленный пост в шапке страницы Flatro:

Меню группы закрытое

Закрытое меню – это тот же самый вики-пост, как и в предыдущем пункте, только на анонсе стоит картинка, на которой нет пунктов меню. Обычно на ней пишут: «Меню», «Навигационное меню» или «Навигация по материалам паблика».

А вот что мы видим, когда кликаем по нему:

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

Слитное меню для группы

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

Гифка и аватар одним изображением

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

Кстати, этот пример я подсмотрела в группе SMM-маркетолога Сергея Шмакова. Так что, за находку выражаю ему благодарность:)

Скрытое меню

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

Автоматически воспроизводимое видео

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

Как добавить такое видео в шапку своей страницы?

Для этого нужно выполнить три условия:

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

Запись, которая получает много репостов

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

Анонсы новых клипов, альбомов, мероприятий

Презентация новых товаров/услуг

Скидки и акции

Кейсы, отзывы клиентов

Реклама приложения

Розыгрыши

Правила сообщества

Ссылки на другие соцсети

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

Каким должен быть аватар

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

Миниатюра аватара

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







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







3. Пользователям должно быть понятно, что изображено на аватарке.







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




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



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







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

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

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

Какую информацию можно разместить на миниатюре аватара

Несмотря на то, что миниатюра аватара имеет очень маленький размер, ее можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Давайте рассмотрим несколько вариантов:

Анонс нового продукта/услуги/события

Преимущества компании/сервиса/страницы

Номер телефона компании

Выгодные цены

Бесплатная доставка

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

Акции

Конкурсы

Вакансии

Каким должен быть сам аватар?

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

1. Аватар должен быть качественным. О том, как этого добиться, я писала чуть выше. Для тех, кто пропустил эту часть, скажу вкратце – размер аватара должен быть в 2–3 раза больше того, что вы запланировали.
2. Желательно, чтобы аватар сочетался с меню: был такой же цветовой гаммы, имел те же самые шрифты, элементы и т. д. Благодаря этому шапка вашей страницы будет выглядеть более аккуратно и профессионально. Пример:
3. Сам аватар и миниатюра аватара могут быть разными. Например, вы можете нарисовать на аватаре круг, оформить его так, как вам нравится, выбрать эту область в качестве миниатюры, а остальную часть аватара выполнить в другом стиле.




Еще один вариант – поделить аватар на две части. Одна – для миниатюры, а вторая – для остальной части аватара.




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




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

Какую информацию можно разместить на аватаре?

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

Домен сайта

Телефон/адрес/время работы

Конкурсы/акции

Самые покупаемые товары/новинки

Информация о доставке

Реклама мобильного приложения

Главные преимущества компании/страницы/товара и т. д.

Обновление ассортимента/новое творчество и т. д.

Информация о том, что ваше сообщество является официальным

Информация о предстоящих мероприятиях

Адреса аккаунтов в других социальных сетях

Расширенное описание страницы

Хвасты

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

Как создать слитные аватар и меню

Для того чтобы сделать слитные аватар и меню, вам потребуется программа Adobe Photoshop или ее аналог. Я буду объяснять весь процесс на примере «Фотошопа». Итак, поехали.

1. Скачайте шаблон для «Фотошопа», который я специально подготовила для этой статьи. В обычном размере (меню – 510 пикселей в ширину, аватар – 200) или в увеличенном (меню – 1020 пикселей в ширину, аватар – 400).
2. Откройте изображение, которое вы хотите взять в качестве основы.
3. Скопируйте его, вставьте в шаблон и расположите его так, как вы бы хотели его разрезать.

1. Добавьте эффекты, текст, графику и т. д.

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

1. Выберите инструмент «Раскройка» и нажмите на кнопку «Фрагменты по направляющим».

1. Удалите лишние фрагменты (правый щелчок мыши – «Удалить фрагмент») и подредактируйте уже имеющиеся (правый щелчок мыши – клик в пустое место – берем нужную область и растягиваем ее до нужного размера).

1. Зайдите в раздел «Файл» и выберите команду «Сохранить для Web».

1. Перейдите в место, куда вы сохранили картинки (рабочий стол или какая-то конкретная директория), и найдите там папку под названием «Images». Именно там и будут ваши изображения. Теперь остается только залить их на страницу.

P.S. Высоту аватара можно менять по вашему усмотрению. Я взяла максимальный размер – 500 пикселей, но у вас это значение может быть и меньше. Например, как на странице «Вики-разметка»:

Как использовать виджеты

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

Вот несколько примеров того, как выглядят виджеты на странице «ВКонтакте»:

Как оформить изображения к постам

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

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

Где взять хорошие изображения?

У нас в блоге есть хорошая статья на эту тему – « ». Они все бесплатные, но какие-то – требуют регистрации. Если не подберете для себя ничего подходящего, попробуйте искать по ключевому слову + обои (или, если на английском, wallpaper). Обычно по такому запросу выходят качественные изображения. Но тут нужно быть внимательным и проверять тип лицензии, иначе, если у вас серьезный бизнес, можно нарваться на неприятности.

А что делать тем, кто не умеет работать в «Фотошопе»?

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

1. Fotor.com

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

Вставляем ее в шаблон, выделаем левой кнопкой мыши, выбираем команду Layer (иконка бутерброда) и кликаем по Move to bottom. Таким образом наша картинка будет идти фоном, а все надписи наложатся поверх нее.

После этого меняем текст, шрифт, размер шрифта, расположение надписи и т. д.

Затем жмем на иконку в виде дискеты, выбираем название, формат изображения, качество и жмем на кнопку Sign in to download.

2. Canva.com

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

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

Выбираем шаблон (если на шаблоне стоит отметка «БЕСПЛ.», значит, он бесплатный), меняем текст.

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

Как оформлять статьи в редакторе

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

Как пользоваться вики-разметкой

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

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

Точно также как у Wordpress (или любой другой CMS) есть HTML-редактор, с помощью которого вы создаете статьи, так и у «Контакта» есть свой редактор для создания и редактирования вики-страниц. Выглядит он вот так:

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

Как сделать обложку для группы Вконтакте? В новом дизайне появилась новая функция для сообществ — это обложка. Рассказываю несколько вариантов классного оформления пабликов в вк. Посетители будут в восторге.

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

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

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


Показал на пример картинки из своего блога.
Это кстати фишка нового контакта).
Вообще, как говорить, все новое, давно забытое старое.
Это я к тому, что такая тема у твиттера.
По мне так, смотрится достойно.
Да, много обновлений в этой социальной сети...
Хотя по началу многие ругали новый дизайн я в том числе
Пытались сменить дизайн на старый), да по началу достаточно не удобно.
У меня даже по этому случаю была написана статья).
По началу все работало, сейчас уже ребята, вы никак не перейдете на старый.
Хотя уже много различных плагинов и расширений люди сделали.
Правда, как старый вк, не будет выглядеть, можно его сделать лишь похожим.
Но! Друзья, за множество новых функций, я снимаю шляпу перед админами вк! Друзья, от слов к делу.
Вы наверное хотите узнать, как сделать обложку в группу вк?
Если я буду рассказывать, как ее делать, на это уйдет у вас масса времени).
Для начало вам нужно выбрать изображение.
Советую сходить сюда
Переходите по ссылке.

размеры обложки для группы вконтакте

Размеры обложки для группы Вконтакте
Рекомендуемый размер: 1590×400.
Минимальный размер: 795×200
Нажимаете размер. Следующий шаг, задаете размеры: 1500×400
Все как на скриншоте ниже:


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

Далее.
Нажимаете 3 точки, в открывшейся вкладке выбираете: «управление сообществом»

Затем в отрывшемся окне «загрузить»


После выбора, и загрузки, вертите изображение как вам угодно).


На этом можно закончить... но!
Помните в начале этой статьи я вам обещал классное оформление паблика, несколько вариантов?)
Вот смотрите, как еще можно оформить.


Так сделано у меня в одном из сообществ).
Я делал через fotoshop.
К сожалению, пока статья по оформлению такого плана не готова, скоро напишу).
Для ленивых, могу вам сделать такого плана, соответственно оформление подберу вам по теме).
Стоимость 500 рублей.
Пишите в личку, или в комментариях.
Что еще интересного в вк?

Новые фишки контакта

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

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

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

Так же советую сделать в меню в паблике.

Проводите регулярные конкурсы.
Значительно помогает, в виде лайков и репостов.
Зачем это нужно?
Понимаете, сейчас групп на любую тематику имеется валом.
Если у вас миллионник, вам проще.
Ну, а если нет, почему пользователь должен именно у вас проводить время?
Стадный инстинкт никто не отменял).
Где больше подписчиков, туда и народ идет.
Накрутить уже не получиться).
Раньше можно было, сейчас, если только чуть чуть).
А вообще правильно изначально начинайте, оценивайте конкуренцию.
Статья на эту тему у меня есть.

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

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

Если у вас остались вопросы, пишите в комментариях.
Всегда отвечу.
На этом все, всем пока!