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

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

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

  • Обложка страницы показывается вверху, на всю ширину паблика, размер 1590 х 400 пикселей;
  • Большой аватар — вертикальный баннер 200х500 px (соотношение сторон 2:5), показывается справа вверху;
  • Маленькая аватарка, круглая картинка, показывается в каждом сообщении группы, размер 200х200 пикселей.
  • Изображение меню для группы Вконтакте, ширина 510 пикселей, высота — 307 (чтобы нижний край меню красиво совпадал с низом большой аватары справа).

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

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

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

Открой картинку в графическом редакторе. Обрежь или масштабирую до размера: длина 1590 px, высота 400 px.

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

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

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

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

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

Размеры шапки в паблике Вконтакте в новом дизайне

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

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

Процесс оформления меню группы Вконтакте состоит из следующих этапов:

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

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

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

Вертикальное меню сообщества ВК с пунктами в один столбик

Открой картинку в редакторе. Инструментом редактора «Текст» напиши пункты меню поверх фона. Чтобы надписи меню были заметны, их можно выделить несколькими способами:

  • Обвести рамкой;
  • Изменить цвет фона под буквами;
  • Добавить буквам тень.

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

Следующий шаг — нарезка изображения на части:


Процесс нарезки изображения также можно выполнить с помощью удобного онлайн-инструмента www.imgonline.com.ua/cut-photo-into-pieces.php .

Далее в меню «Управление сообществом» зайди в пункт «Разделы» и в пункте «Материалы» выбери «Ограниченные» (это значит, что страницы создавать и редактировать сможет только администратор группы).

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

Перейди в этот раздел и нажми редактировать. Измени заголовок на «Меню» а потом нажми на пиктограмму фотоаппарата, чтобы добавить изображение.

Щелкни по добавленной картинке и в окне свойств укажи ссылку на нужный раздел.

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

Каждый тэг изображения начинается «[[» и заканчивается «]]», состоит из трех частей, разделенных знаком «|»: ID изображения, свойства и ссылка. Нужно откорректировать размеры картинок и вставить в их свойства тег «nopadding». Свойства картинок перечисляются через «;».

После сохранения изменений создание меню завершено.

Меню с горизонтальным или многострочным расположением пунктов

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

Правила оформления таблицы:

Для исключения лишних пробелов нужно указать параметры таблицы «fixed nopadding noborder». Разметка графического меню из 2 столбцов и 2 строк выглядит так:

А само меню в группе:

Размер аватарки группы в новом дизайне для оформления паблика ВК

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

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

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

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

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

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

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

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

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

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

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

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

Подведем итоги

  1. Описание должно быть кратким, содержательным и емким;
  2. Оно должно быть читабельным;
  3. Описание должно содержать ключевые слова и отражать ваше УТП (уникальное торговое предложение);
  4. В описании должны читаться выгоды, интересы и боль вашей целевой аудитории;
  5. Не нужно перегружать описание группы ВКонтакте различными украшательствами в виде сердечек и стрелочек — это отвлекает внимание от сути вашего проекта;
  6. В описании есть призыв к действию.

А какое описание у вашего сообщества? Если у вас возникли вопросы, то задавайте, не стесняйтесь! Я с радостью отвечу.

Понравилась статья, делитесь с друзьями!

Обсуждение: 8 комментариев

    1. Юлия, Вы неплохо справились с описанием группы!)

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

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

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

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

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

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

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

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

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

Время чтения: 10 минут(ы)


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

Немного статистики

Публичная страница Вконтакте: пошаговая инструкция по созданию

Шаг 1. Выберите группу или публичную страницу

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

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

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



Шаг 2. Выберите тип страницы, соответствующий бизнесу


Шаг 3. Настройки – основная информация

  • Страница индексируется поисковыми роботами. В описании сообщества укажите ключевые слова и фразы, по которым вас сможет найти пользователь.
  • Загрузите обложку (шапку) сообщества. Рекомендуемый размер шапки – 1590px*400px.
  • Не забудьте придумать для страницы короткий адрес, желательно идентичный вашему сайту или бренду.

Шаг 4. Настройки – дополнительная информация

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

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

Определитесь, какой контент вы будете публиковать в сообществе и выберите соответствующие разделы.



В этом же пункте, вы можете настроить группу «товары», если собираетесь что-либо продавать.


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

Шаг 6. Отключите комментарии, если у вас нет возможности оперативно реагировать на комментарии пользователей



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

Шаг 7. Добавьте ссылки


Шаг 8. Добавьте других руководителей сообщества

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


Шаг 9. Если вы можете оперативно отвечать своим подписчикам, включите сообщения

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


Публичная страница Вконтакте: наполнение

1. Загрузите аватар

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

Размер аватара не должен быть меньше 200 px. Чтобы аватар был четким, сделайте его в два раза больше. Например, вы хотите использовать размер 200px*200px, то сделайте его размером 400px*400px.

2. Используйте статус

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

Что писать в статусе:

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


3. Загрузите шапку сообщества

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


Размер шапки не должен быть меньше 795 px в ширину и 200 px в высоту. Вконтакте рекомендует использовать размер 1590px*400px.

  • Контактные данные компании;
  • Призыв подписаться на страницу компании. На картинке выше написано «подпишись» и нарисована стрелочка на кнопку «Подписаться». Такой прием повышает конверсию в подписки на 40%;
  • Расскажите об акциях и скидках, розыгрышах, мероприятиях и так далее.

4. Добавьте товары

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




В карточке «товара» все поля очень просто заполнить. Опишите подробно свой продукт. Если его нет в наличии, поставьте галочку «Товар недоступен». Фотография «товара», должна быть не менее 400 px с каждой стороны. Если клиента заинтересовал один из продуктов, он сможет нажать на кнопку «написать продавцу». Вам придет личное сообщение с текстом и товаром. Вы сможете оперативно проконсультировать клиента или сразу принять заказ.



5. Сделайте первый пост в сообществе

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



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




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

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


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