Группа в "ВК" при необходимости может заменить даже полноценный сайт и, если все сделать правильно, то все продажи можно будет вести именно из своей группы.
Но для того, чтобы пользователи не только переходили в вашу группу, а оставались, подписывались и, конечно, покупали, нужно пробуждать их интерес, "цеплять" взгляд буквально сразу. Ведь, сейчас, довольно избалованные разнообразным контентом пользователи, вряд ли начнут читать посты или просматривать товары, на страничке, которая им "не зашла" с первого взгляда.
Давайте рассмотрим, что именно и каким образом можно оформить в группе вашей онлайн школы, чтобы все в ней смотрелось органично.
Начать лучше всего с названия — для него можно использовать любой текст, не превышающий 48 символов. Язык при этом не имеет значения, также можно использовать эмодзи. Желательно чтобы оно было простым, звучным, легко запоминающимся и отражало суть вашей деятельности (ключевые слова), для того чтобы вашу онлайн школу можно было найти через поиск.
Описание сообщества
Описание — представляет собой текст, длиной до 4000 символов (при выдаче группы в поисковике оно учитывается, как description).
Этот текст пользователи увидят первым при переходе в вашу группу. Его главная цель — привлечь к группе внимание и пробудить интерес. Поэтому написать его нужно не только грамотно, но и нестандартно.
При оформлении описания, акценты желательно сделать на любопытных фактах о вашей онлайн школе и различных "полезностях" для посетителей. Как усилитель эмоционального воздействия и для упрощения восприятия, в тексте описания допустимо использование эмодзи.
Аватар
Аватар — это значок вашего сообщества, который виден пользователям ещё даже до их перехода в сообщество. Аватар видно как в верхнем левом углу поста в ленте новостей, так и при переходе на страницу.
Размер фото для аватара допускается от 200х500 пикселей до 7000 пикселей с каждой стороны. Для аватара подойдет изображение форматов JPG, GIF или PNG. Если же вы возьмете фото поменьше, то увидите такое сообщение:
Для аватара лучше всего использовать логотип без мелких деталей и надписей, чтобы его легко было рассмотреть и узнать даже в уменьшенном. Например, как вот этот:
Даже если вы не умеете пользоваться графическими редакторами, красивый и запоминающийся аватар можно создать в специальном приложении.
Например:
— АваМастер — загрузите в приложение фотографию или логотип вашей онлайн школы и выбирайте подходящую аватарку из получившихся.
— Vk Profi — позволит вам создать не только аватар, но и множество других элементов дизайна сообществ.
Оптимальным изображением для аватара будет квадрат, но подойдет и прямоугольник, главное чтобы пропорции не превышали отношение сторон 2 к 5. Установить более растянутую картинку не получится:
Установка и замена аватара
Для того, чтобы установить новую картинку или обновить текущую, откройте главную страницу вашей группы. Наведите курсор на аватар. В выпадающем меню нажмите «Обновить фотографию».
В открывшемся окне нажимайте «Выбрать файл» и загружайте новое фото.
Обложка для группы
Возможность установить обложку появилась сравнительно недавно. С ее помощью можно заменить обычный аватар, поэкспериментировать с дизайном. Благодаря необычной обложке ваша группа сразу привлекает к себе внимание.
Сравните — так выглядит сообщество без обложки:
А это группа с обложкой:
Чтобы установить новую обложку, откройте управление группой, найдите кнопку «Добавить» и загрузите картинку:
При подготовке картинки всю информацию разместите ближе к центру, так как при просмотре группы вашей онлайн школы с мобильного устройства, информация обрезается.
Размер обложки для десктопной версии 1590х400 пикселей.
При просмотре с телефона/планшета или в приложении отобразится только часть обложки размером 1196х400 пикселей. Поэтому при создании обложки можно воспользоваться вот таким макетом:
Правильно расположение данных:
Неправильное:
Для большей наглядности можно добавить к обложке различные текстовые подсказки, например «Подпишитесь» или «Переходите на сайт» и выделить их стрелочками:
Но, чтобы ваше оформление не выглядело перегруженным бесполезными символами, рекомендую для начала проверить, с каких устройств большинство вашей аудитории заходит в группу. Эти данные можно посмотреть в статистике сообщества:
Если посетители чаще заходят со смартфонов и планшетов, то "рисовать" стрелки не имеет смысла, потому как при в мобильной версии изображение становится более компактным, многие значки смещаются и стрелочки вместо текстовых подсказок, указывают на пустые места или на аватарку.
Живая и динамическая обложки сообщества
С января 2019 у всех владельцев групп и сообществ появилась возможность оформить обложку доступную только для просмотра с мобильных устройств. С её помощью можно сделать небольшое слайд-шоу из пяти крупных фотографий или из короткого видеоролика без звука.
Такая обложка называется "живая" или динамическая.
Динамическая обложка
Для создания динамической обложки подойдет обычное изображение. После активации на нем будут отображаться аватары самых активных подписчиков, "датчики погоды", таймеры и даже видеоролики.
Образец динамической обложки с выводом аватарок активных участников:
Живая обложка
Этот вариант оформления позволит повысить эффективность работы с аудиторией, которая предпочитает выходить в соцсети со смартфонов.
Для загрузки подойдут вертикальные фото или видео размером от 1080×1920 пикселей или больше с сохранением пропорции 9 к 16.
Для создания живой обложки, придется вернуться в раздел настроек, спуститься чуть ниже настроек обычной обложки и загрузить свои вертикальные фото и видео, нажав кнопку "добавить".
Результат получится примерно таким:
Для загрузки видео используйте ролик не длиннее 30 секунд, размером до 30 Мб, MP4, видеокодек H.264, аудиокодек AAC.
Меню с кнопками
Не так давно разработчики ВК порадовали владельцев групп новой эффектной возможностью добавления на главную страницу кнопок меню. Теперь вы может прикрепить к ним внутренние ссылки ВКонтакте. Ссылка может быть на статью, приложение, пост или товар, главное, чтобы она не была внешней. Это несет в себе определенные ограничения — например, кнопку «Перейти на сайт» сделать не получится. Всего можно добавить не больше семи кнопок.
Если говорить об оформлении группы онлайн школы, то для создания меню эффективнее прикреплять к нему ссылки на посты, статьи и материалы, которые окажутся полезными потенциальным клиентам.
Управление функциями меню осуществляется в настройках группы. Там можно определить нужное количество кнопок, изменить их названия, обложку и ссылки.
Для настройки меню группы, откройте раздел управления, затем перейдите в «Настройки — Меню» и добавьте нужные ссылки.
В появившемся окне выберите оформление обложки (размер от 376х256 пикселей), придумайте название пунктов меню (на название дается всего 20 символов вместе с пробелами), добавьте ссылки и не забудьте нажать «Сохранить».
Если же вам нужно скрыть приложение из меню, изменить название или обложку, нажмите «Изменить» рядом с нужным вам пунктом. Точно также можно внести изменения и в остальные ссылки, которые добавлялись вручную и требуют корректировки.
И хотя на название кнопки даётся всего 20 символов, но на при просмотре со смартфона и они не умещаются на экран. Поэтому перед сохранением окончательного варианта обязательно проверьте, как они выглядят в приложении.
Вот так выглядит версия для ПК:
А это мобильная версия:
Размер обложки кнопок не должен быть меньше 376х266 пикселей, но лучше использовать более крупные изображения сохраняя те же пропорции. Сами кнопки представляют собой довольно небольшие прямоугольники, особенно при просмотре со смартфона, поэтому при создании их дизайна лучше обойтись без надписей, а всё имеющееся пространство занять дизайнерским изображением без мелких деталей.
Помочь в создании красивых иконок для меню могут бесплатные сервисы VKmenu или SMMBullet.
Виджет персонального приветствия
Давайте рассмотрим, как настроить приветствие таким образом, чтобы обращение к каждому входящему на страницу группы было по имени.
Для такой настройки вам понадобится приложение SpykatWidgets. Перейдите на его страницу и нажмите «Подключить сообщество».
Затем выберите группу своей онлайн школы.
Осталось настроить непосредственно показ приветствия. Чтобы это сделать нужно снова вернуться на страницу своей группы, с правой стороны вы найдете иконку установленного виджета.
Нажмите на нее — вы увидите открывшееся окно с настройками. Нажмите "создать виджет" и выберите свой вариант приветствия. Всего их 3:
- текстовый;
- персональный;
- на обложке сообщества.
Вы можете протестировать все варианты, но самым эффектным является второй. Первый гораздо менее заметен, ну а третий часто выглядит так, точно он просто часть изображения.
Все — теперь придумайте название виджета, надпись на кнопке и не забудьте сохранить и включить виджет.
"Секретные" техники оформления сообществ, нацеленных на продажи
Для того, чтобы оформление страницы вашей онлайн школы выглядело более "продвинуто", существует несколько секретов. Например, для повышения вовлеченности вы можете настроить блок из различных приложений, который выглядит довольно привлекательно. Это поможет выгодно отличить вашу онлайн школу от конкурентов:
Чтобы подкорректировать настройки, откройте управление группой и кликните по «Приложениям»:
Здесь имеется возможность выбрать приложение, которое сможет эффективно дополнить функционал вашей страницы.
Вы можете подключить множество виджетов и приложений, которые будут полезны вам и вашим клиентам. Это:
- опросы и анкеты;
- тесты;
- запись на услуги;
- онлайн-чаты;
- подписка на рассылку сообщений;
- магазин или каталог товаров;
- и т. д.
Ссылки в сообществе
Ссылки находятся с правой стороны страницы. Здесь можно разместить ссылки на страницы сайта, информацию о ваших онлайн курсах или других товарах и услугах, различных акциях, конкурсах, розыгрышах и прочих мероприятиях и предложениях.
Кнопка действия
Наличие подобной кнопки, облегчит пользователям процесс принятия решения. Ведь сделать какое-то действие гораздо проще, когда для этого достаточно нажать на кнопку.
Простым нажатием вы сможете перенаправлять посетителей на сайт или приложение, переключать их на телефонный звонок или вызов через ВК. Настройку кнопки действия можно осуществлять в первом после входа в управление группой, окне.
Посты
Для красивого оформления поста подойдет любое качественное изображение, размером не менее 1024 пикселей.
Форма картинки значения не имеет, но квадратные и горизонтально ориентированные фото в ленте выглядят лучше вертикальных. Сравните — квадратное изображение:
горизонтальный прямоугольник:
и вертикальная картинка на ПК:
В мобильной версии вертикальное изображение смотрится немного лучше:
В связи с тем, что ВК борется с попрошайками лайков и снижает охват таких постов, не нужно использовать на своих изображениях надписи включающие слова «лайк», «репост» и любые другие, которые хотя бы теоретически имеют отношение к накруткам. Вот результаты эксперимента, который провел Церебро Таргет: один и тот же пост был опубликован дважды, но в одном из них слово "лайк" замазали. Посмотрите — разница в охвате оказалась в два раза:
Изображения к постам со ссылкой
При публикации поста содержащего ссылку, изображения размещенные по ссылке автоматически размещаются вместо обычной картинки. Вот так:
При этом по умолчанию, заголовок копируется из метатега Title, а сама картинка из статьи, на которую ведет ссылка. В случае необходимости его заменить на другое из этой же статьи, воспользуйтесь специальными стрелочками. Если же нужно заменить его на свое, просто нажмите на значок фотоаппарата:
Изображение не должно быть меньше 537х240 пикселей. Ограничений на загрузку более крупных картинок нет, кроме одного — соблюдение таких же пропорций.
Изображение к статье, созданной в редакторе
В качестве обложки к статье, созданной в редакторе, можно взять любую горизонтальную картинку размером от 510х288 пикселей. Предпочтительнее использовать фото с более темным фоном.
Кроме того, желательно, чтобы по центру было как можно меньше деталей, так как на их фоне теряется заголовок, который автоматически располагается посередине. Шрифтом на этих картинках используется белый, но он выделяется тенью, благодаря чему на светлом однотонном фоне текст остается хорошо заметным. Вот неплохой вариант для примера:
А вот этот не очень:
Это фото с более светлым, но однотонным фоном. Видите, благодаря подсветке, он тоже приемлем:
Закреплённый пост
Когда создатели ВК разработали редактор статей, необходимость в вики-разметке страниц отпала практически полностью — достаточно сделать интересный пост и закрепить его в вверху страницы.
Чтобы это сделать, нажмите на 3 точки в правом верхнем углу над постом и кликните «Закрепить».
Истории
Для размещения в истории подойдут вертикальные изображения 1080х1920 пикселей и видеоролики размером 720х1280 пикселей.
Если к фото никаких дополнительных требований нет, то видео должны отвечать следующим параметрам:
- не длиннее 15 секунд;
- не "тяжелее" 5 МБ;
- видеокодек h.264;
- аудиокодек AAC.
Там же можно публиковать и рекламу.
Вики-меню
С появлением редактора, большинство пользователей предпочитают не заморачиваться с вики-форматом публикаций, но его вполне можно использовать для придания странице вашей онлайн школы ещё большей индивидуальности. Ведь с помощью вики-разметки можно отформатировать текст, сделать список, выделить подзаголовки, вставить кликабельные картинки для переходов в разделы ВК и внешние сайты.
В формате вики можно сделать красивое меню, закрепить его в самом верху профиля, упростив пользователям поиск важной информации. Но в этом есть и свой минус — красивое меню привлекает внимание, но при этом лишает вас возможности закрепить на видном месте другие материалы.
Такое меню будет удобно в случае когда нужно добавить более семи кнопок для навигации.
Для вики-меню необходима обложка, которая будет оформлением как для главной странице меню, так и для внутренних пунктов.
Стандартная вики-страница шириной 607 пикселей. Загруженную для обложки картинку можно растягивать по размеру или наоборот уменьшать, указав нужный размер в редакторе. Для этого достаточно просто кликнуть по обложке. Качество изображения при этом может ухудшится. Высота стандартной картинки составляет 400 пикселей.
Настройка пунктов меню также осуществляется в редакторе. Затем ссылка на созданную страницу копируется в пост. Теперь вашу страницу можно будет открыть после нажатия кнопки «Посмотреть» или при нажатии на картинку.
Товары
Для группы онлайн школы, оформить товарную карточку к каждому отдельному курсу нужно обязательно. Ведь это в разы облегчит их поиск и покупку для пользователей.
К каждому товару необходимо прикрепить картинку размером не менее 600 пикселей. Ориентация картинки значения не имеет, но для миниатюры товара лучше использовать квадрат:
В редакторе нет возможности увеличивать область выбора миниатюры. Поэтому если картинка крупнее миниатюры, то полностью ее можно будет просмотреть по клику, а в товарном ряду будет видна лишь выделенная область. Выглядеть это будет вот так — это пример миниатюры из товарного ряда:
А это уже открытая карточка товара:
На примере выше видно, что при использовании картинки с горизонтальной ориентацией снизу и сверху остаются пустые поля. При загрузке квадратных картинок такого не происходит:
Если оформить все картинки товарного ряда в едином стиле, то смотреться они будут гораздо привлекательнее, чем "в разнобой":
Почему изображения теряют свое качество при загрузке в ВК.
Напоследок ещё одна хитрость - любой, кто когда-либо размещал картинку в ВК к посту или на автар, то скорее всего он заметил, что многие фото после загрузки заметно теряют в качестве. Сильнее всего это видно на фотографиях с более темным тоном. И особенно на картинках небольшого размера:
Чтобы улучшить изображение, необходимо взять картинку в 2, а то и в 3 раза крупнее минимального размера:
Но если пиксели все равно видны, то самый простой способ их убрать — это сделать фон светлым, а надпись напротив темной. Вот так:
Подробнее...