Как оформить меню в вк

Создаем меню в группе ВКонтакте

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

Создаем меню для группы VK

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

1. На сайте ВК перейдите на страницу «Группы», переключитесь на вкладку «Управление» и перейдите к нужному паблику.
2. Кликните по значку «…», расположенному под основной картинкой паблика.

Можете сделать «Открытые», но в этом случае меню будет доступно для редактирования обычными участниками.

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

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

Текстовое меню

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

1. В основное текстовое поле под панелью инструментов введите список разделов, которые должны входить в перечень ссылок вашего меню.
2. Каждый перечисленный пункт заключите в открывающие и закрывающие квадратные скобки «[]».
3. В начале всех пунктов меню добавьте по одному символу звездочки «*».
4. Перед наименованием каждого пункта внутри квадратных скобок поставьте одиночную вертикальную черту «|».
5. Между открывающей квадратной скобкой и вертикальной чертой вставьте прямую ссылку на страницу, куда будет попадать пользователь.

Возможно использовать как внутренние ссылки домена VK.com, так и внешние.

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

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

Графическое меню

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

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

1. Запустите программу Photoshop, откройте меню «Файл» и выберите пункт «Создать».
2. Укажите разрешение для будущего меню и нажмите кнопку «Создать».
   

   Ширина	610 пикселей
   Высота	450 пикселей
   Разрешение	100 пикселей/дюйм

   

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

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

Для удобства рекомендуется включить «Вспомогательные элементы» через меню «Просмотр».

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

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

Не забудьте оформить текст в соответствии с концепцией меню.

На этом моменте вы можете закрыть графический редактор и вновь вернуться на сайт ВКонтакте.

1. Находясь в разделе редактирования меню, на панели инструментов кликните по значку «Добавить фотографию».
2. Загрузите все изображения, которые были сохранены на последнем этапе работы с Photoshop.
3. Дождитесь окончания процесса загрузки картинок и добавления строчек кода в редактор.
4. Переключитесь в режим визуального редактирования.
5. Поочередно кликните на каждое изображение, выставляя для кнопок максимально возможное значение «Ширина».

Не забывайте сохранять изменения.

Если вам необходимо добавить графический файл без ссылки, после ранее указанного параметра «nopadding» пропишите «nolink;».

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

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

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

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

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

Актуальные размеры

Сразу уточним оптимальные параметры картинки для виджетов — 376 на 256 пикселей в формате png, gif и jpg. Речь об иконках, которые отражаются в меню.

Как создать меню в сообществе ВК в 2023 году

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

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

В мобильной версии оно находится под описанием сообщества.

Или под названием сообщества в версии ПК:

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

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

Далее разберем, где и как можно создать меню в Vk-сообществе.

С телефона

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

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

Но это очень неудобно из-за разных форматов отображения компьютерной версии и экрана смартфона.

Первый шаг для создания меню группы ВК — перейти в управление.

Далее выбираем раздел «Меню».

Откуда мы попадаем в редактор виджетов сообщества. Для создания прикрепления первой ссылки и создания пункта меню нажимаем плюс около «Новая ссылка».

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

Заполняем поля «Название» и «Ссылка» и нажимаем кнопку «Сохранить».

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

Так как мы не добавляли изображения для обложек пунктов меню, ВК вставил стандартные обложки.

Так выглядит меню сообщества без обложек виджетов.

Как удалить ссылку из меню

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

Удалить меню целиком нельзя — только по одному виджету. Чтобы удалить виджет, нажимаем «Изменить» напротив той строки, которую хотим удалить.

Разворачивается панель, где мы можем настроить виджет. Нажимаем «Удалить ссылку» под строкой с введенной ссылкой.

После этого Вконтакте открывает окно об удалении всего пункта меню. Выбираем «Удалить» — и ненужный виджет исчезнет из меню сообщества.

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

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

Меню с картинкой

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

Для этого нажимаем «Настроить» в разделе меню.

Выбираем нужный нам виджет и нажимаем «Изменить».

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

Теперь вы видим окно о минимальном размере изображения и предпочтительных форматах картинки. Изучаем информацию и выбираем подходящий файл на компьютере.

Кликаем по нужной картинке и настраиваем нужную область для отображения на иконке. Затем нажимаем «Сохранить и продолжить».

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

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

Текстовое меню

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

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

Меню с переходами

Меню с переходами, или меню с кнопками:

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

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

Интерактивное меню

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

Как сделать такую движущуюся обложку, смотите в этом видео:

Но такая обложка может содержать в себе информацию:

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

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

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

ВК Меню

Сайт: https://вкменю.рф

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

Разберем подробнее, как им пользоваться.

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

Чуть ниже можно оставить комментарий о сервисе и пожертвовать в поддержку автора проекта.

Посмотрим на функционал конструктора:

1. Чтобы напечатать текст обложки кликните по строке «Ваш текст» — это интерактивная строка, куда вы можете сразу вписать название обложки меню.

2. Справа в разделе «Готовые цвета» можно выбрать уже заготовленные разработчиком градиенты для создания меню с переходами на обложках из 128 градиентов.

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

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

Чтобы установить вместо стандартной иконки эмодзи, кликните справа от «Иконки Vk» на стрелочку вниз, и откроется список эмодзи, которые вы можете прикрепить на обложку меню.

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

5. В разделе «Шрифт» вы можете выбрать размер текста на обложке из трех вариантов: «Стандарт», «Больше», «Меньше».

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

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

После 10 секунд ожидания обложка сохраняется на компьютер в папку загрузок под именем «vkmenu» в формате jpg.

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

Создаем меню по уже знакомому алгоритму, загружаем созданные в программе обложки и смотрит на результат:

Теперь картинки меню соответствуют стилю сообщества и не выбиваются из контекста группы.

SMMBullet

Сайт: https://smmbullet.com

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

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

Иконки на платформе отличаются от иконок Vk — их меньше, и они более угловатые, нежели стилизованные значки. Но при этом вы можете загрузить свои иконки в формате png с компьютера по кнопке «Выбрать иконку» и выбрать цвет иконки самостоятельно.

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

Прочие ресурсы

Если хотите оформить ни на кого не похожее меню в своем стиле, то пользуйтесь онлайн-редакторами изображений. Такими, как Canva или Google Рисунки.

Некоторые авторы, владеющие фотошопом, создают уникальные картинки меню в программах Adobe Photoshop или Adobe Illustrator.

Также не забывайте, что обложки меню могут быть абсолютно любые картинки: от фотографий вашего кота до картин Леонардо Да Винчи.

Шаблоны для меню групп ВК

Подобрать визуал меню ВК можно по готовым «формулам».

Оформите меню группы в общем стиле компании или бренда. Например, так сделали Smm-специалисты популярного в Санкт-Петербурге арт-пространства:

Или официальное сообщество оператора мобильной связи МТС:

Можно использовать картины одного стиля для создания атмосферы сообщества.

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

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

Художники при ведении сообществ со своими работами нередко заморачиваются над оригинальной отрисовкой иконок меню:

Заключение

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

Копирайтер-маркетолог. Работаю с проектами EdTech, консалтинговыми фирмами и соцсетями с 2018 года

Оформление страницы «ВКонтакте»: самый подробный гайд в рунете

Если группа или страница оформлены неудобно для пользователя, вы теряете потенциальных клиентов. Не надо так!

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

Екатерина Сибирякова, руководитель отдела SMM TexTerra:

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

А здесь вы можете найти наш гайд по настройке сообщества: «Как правильно оформить страницу в “ВК” для бизнеса в 2023 году».

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

Аватар

Размер миниатюры аватара — 200×200 пикселей. Минимальный размер целого аватара — 400×400 пикселей.

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

Можно загружать изображения и большего размера. Главное, чтобы соотношение их сторон не превышало 2:5.

Обложка

Размер главной обложки сообщества — 1590 на 530 пикселей.

Соотношение сторон классической обложки одинаковое на всех платформах — в полной версии сайта и на мобильных устройствах.

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

Вот пример от сообщества российского бренда Befree:

У таких обложек два вида отображения:

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

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

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

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

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

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

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

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

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

Карусель позволяет листать картинки, сетка — показывает сразу все. Требования к изображениям обоих форматов одинаковые.

У части пользователей карусель не работает — картинки просто пропадают из поста. Именно поэтому мы пользуемся сеткой.

Изображения к постам со ссылкой — это изображения, которые автоматически «подтягиваются» к посту, когда вы вставляете в него ссылку (сниппеты). Вот как это выглядит:

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

Минимальный размер изображения, которое вы можете использовать в качестве анонса к вашей статье, — 537 на 240 пикселей:

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

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

Картинки в статьях

Размер изображения для обложки статьи, созданной в редакторе, — 510 на 286 пикселей.

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

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

Истории

Оптимальные размеры для историй — 1080 на 1920 пикселей (минимальные — 720 на 1280 пикселей).

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

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

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

Превью видео

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

Максимальный вес файла с видео — 5 ГБ.

Другие картинки

• Изображение для обложки фотоальбома — 1200 на 800 пикселей.

В мобильной версии нижняя часть обложки будет отображаться меньше на 200 пикселей.

• Изображения для товаров и услуг — 1000 на 1000 пикселей.
• Обложка блока с витриной товаров — 1000 на 1000 пикселей.
• Картинки для меню — 376 на 256 пикселей.

Подробнее форматы изображений можно прочитать в нашем гайде.

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

В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров

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

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

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

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

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

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

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

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

Обложка

Чтобы загрузить обложку, перейдите в настройки и нажмите кнопку «Загрузить».

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

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

Такие обложки создаются в сторонних сервисах, например, LetsCover.

И есть живые обложки, мы о них уже рассказывали. Как добавить живую обложку? Зайдите через браузер в сообщество, нажмите «Управление», выберите «Добавить обложку» и загрузите до 5 видео/картинок. Если не хотите, чтобы во время показа слайдов обложки масштабировались, то отключите опцию «Показывать фотографии в движении». Рекомендуемое разрешение 1080×1920, вес видео до 20 МБ, длительность — до 30 секунд.

Аватар

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

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

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

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

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

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

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

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

Раньше в соцсети были высокие и вытянутые аватарки.

Поэтому можно было объединить меню сообщества и аватарку. Покажем, как это выглядело — поностальгируем.

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

Сейчас во «ВКонтакте» остались только небольшие круглые аватарки. Поэтому ничего объединять с ними нельзя.

Но аватар все еще можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Вот что можно размещать на аватарках:

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

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

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

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

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

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

Подумайте, какой цели вы хотите добиться с помощью аватара, и действуйте!

Закрепленный пост

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

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

Описание

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

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

Меню ссылок

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

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

Чтобы отредактировать меню, нажмите на «Настроить» в правом верхнем углу виджета:

Чтобы добавить пункт меню, нажмите «Новая ссылка».

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

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

На выходе должно получиться что-то вроде этого:

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

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

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

А еще можно закрепить в шапке постер (это короткое сообщение на ярком фоне):

Где брать изображения для группы «ВКонтакте»

У нас в блоге есть хорошая статья на эту тему — «40 источников бесплатных фото для вашего блога». Они все бесплатные, но какие-то — требуют регистрации.

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

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

А если подобрать нужное изображение не получается, его можно сгенерировать при помощи нейросетей! У нас есть гайды как для Midjourney, так и для Stable Diffusion, а кроме этого собрано несколько десятков бесплатных нейросетей на выбор.

Дарья Капитонова, SMM-маркетолог TexTerra:

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

Есть ли минусы? Да. Например, у Midjourney сейчас нет бесплатной версии. И кроме этого, создание своей картинки может занять больше времени, чем скачивание со стока. Но, на мой взгляд, плюсы все же перевешивают, особенно учитывая ту скорость, с которой развиваются нейросети».

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

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

И вот вам сразу несколько примеров для вдохновения:

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

Прием №1. Затемнить или осветлить изображение, чтобы на нем хорошо читался ваш текст

Прием №2. Создать область контрастного цвета и сделать на ней надпись

Прием №3. Выделить каждую строчку текста цветом

Прием №4. Разделить картинку на две части

Прием №5. Сделать изображение мутным

Прием №6. Выбирать такие изображения, где есть место для надписи

Прием №7. Добавить тень, свечение или обводку к вашему тексту

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

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

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

Переходим в Fotor и выбираем раздел Create Design.

Это можно делать и на сайте, и в приложении Fotor.

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

Далее, если это необходимо, загрузите свою картинку.

Вставьте ее в шаблон. На десктопе — выделите левой кнопкой мыши, выберите команду Layer (иконка бутерброда) и кликните по Move to bottom.

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

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

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

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

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

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

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

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