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

Как добавить товары в группу ВК: инструкция

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

Как подключить опцию

Зайдите в группу и нажмите на кнопку «Управление» (под аватаром справа);

  • Отредактируйте страницу магазина — щелкните по соответствующей клавише. Вбейте подробное и «вкусное» описание, способы оплаты и условия доставки. То, что будет написано в самом верхнем поле, будет отображаться на главной странице группы в виде ссылки;
  • Если поставите галку в пункте «Магазин», подключится специальное приложение, через которое покупатели смогут добавить продукцию в корзину и оплачивать ее с помощью сервиса VK Pay. Опция работает на территории РФ и только с рублем (российским);
  • Идем дальше, скоро мы приступим к алгоритму для оформления товаров в группе ВК, но сначала уточним момент, связанный с местоположением раздела на странице. Если в пункте «Главный блок» указать «Товары», он будет отображаться прямо под основной информацией о группе, то есть, на самом выигрышном месте. В противном случае он «поселится» в колонке справа, под разделом «Участники».

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

Как добавить товар

Итак, вы подключили опцию и теперь желаете приступить к созданию подборок. Чтобы впервые добавить товар на страницу в Контакте, просто зайдите в группу и щелкните по клавише «Добавить».

Раскроется окно с полями для описания продукта. Нужно указать категорию, вставить описание, добавить фотки (до 5 штук, размер каждой от 400 до 6000 пикселей), указать цену. Если поставите галку в секторе «Товар недоступен», покупатели будут поставлены в известность, что данный продукт есть в вашем ассортименте, но его временно нельзя купить. Когда закончите редакцию, нажмите «Добавить». Теперь карточка появится на странице в своем разделе. Если щелкнуть по ней, и нажать клавишу «Еще», вы увидите клавишу «редактировать» или «удалить». Кстати, не забывайте периодически проводить ревизию продукции на сайте и удалять товары, которые больше не планируете продавать.

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

Как сделать подборку

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

Рядом с клавишей «Добавить» есть клавиша «Создать подборку» — щелкните;

  • Укажите название подборки;
  • Добавьте обложку;
  • Нажмите «Создать»;
  • Теперь зайдите внутрь, кликайте по клавише «Добавить товар» и продолжайте по инструкции добавления.

Как отметить товар на фотографии, в истории

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

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

Перед тем, как добавить товар в ВК самим, запомните, что вы не прикрепите более 5 меток на одно фото или запись.

Для начала добавьте свой продукт в избранное. Для этого его надо «Сохранить в закладках».

Чтобы отметить на фотке, выложите ее и опубликуйте. Потом нажмите «Еще» (в мобильной версии на 3 точки справа). Кликните на «Добавить товар».

Далее расположите на фотке сниппет и сохраните результат.

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

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

Вам осталось переместить сниппет в нужное место и выложить.

Чтобы прикрепит товар к статье, откройте режим редактирования. Установите курсор там, где вы хотите указать продукт. Нажмите на «+», увидите иконку товара.

Осталось только выбрать, что будем прикреплять и опубликовать.

Готово! Лично нам нравится метод — меньше действий и больше покупок!

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

Прежде, чем приступить к созданию ссылок, необходимо подготовить картинки. Каждая картинка должна отвечать тематике ссылки. Опять же вернемся к теме кулинарии: если это ссылка на раздел с супами, значит, на картинке должна стоять тарелка с каким-нибудь борщом, на раздел с тортами – с тортом, на раздел с салатами – «Цезарь» или «Оливье». Я думаю, вы поняли основную мысль! Минимальный размер изображения для меню ВКонтакте  — 376х256рх.

И теперь, самое главное! Для настройки меню вам понадобится следующая ссылка (если она не копируется, введите руками):

https://vk.com/wall-159969206?q=%23dr_link

В ссылке необходимо заменить 2 показателя: id группы и хэштег раздела.

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

Если вы поторопились это сделать, то id можно найти через исходный код страницы.

Например, в этой части кода:

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

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

Теперь можно приступить к наполнению Меню. Управление – Меню – Новая ссылка. Необходимо загрузить заранее подготовленное изображение, сделать подпись и вставить ссылку. Смотрите на скриншоте:

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

Я только сейчас поняла, насколько это удобно! И всем владельцам сообществ рекомендую оформить такую навигацию.

Автор статьи Ольга Абрамова, блог Денежные ручейки

Выбираем фон для обложки группы ВК

Фоновая заставка вашего паблика должна максимально соответствовать ее содержимому и вызывать доверие у посетителей. Хорошие результаты показывают авторские фотографии. Снимки станков на производстве, тортов на вашей кухне или довольных клиентов в парикмахерской «заходят» лучше, чем избитые картинки из поиска Яндекса. Если нет подобных материалов, можно воспользоваться базой бесплатного фотостока, например, Unsplash. Сервис предлагает огромный выбор. Но ключевые запросы нужно вводить на английском. Хороший русскоязычный сток – Pixabay. Но количество файлов в свободном доступе ограничено.

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

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

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

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

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

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

При этом подходят не только прямые, но и косвенные рычаги воздействия на ЦА. Исследования маркетологами «глазных следов» показали, что мы склонны смотреть туда, куда направлен взгляд других

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

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

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

Впрочем возможностей много. О них поговорим в отдельной статье.

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

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

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

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

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

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

  1. Зайдите в группу.
  2. Под аватаркой заходим в раздел “Управление сообществом”.
  3. Откроется несколько пунктов (фотографии, документы). Перейдите в раздел “Материалы”, нажав на “Ограниченные”. Это вынужденная мера: в противном случае (при открытом доступе) любой сможет создать новые страницы, испортив меню группы.
  4. Вернитесь на главную страницу сообщества. Удалите закрепленные посты. Перезагрузите страницу.
  5. Откройте раздел под названием “Свежие новости” (он расположен прямо под описанием сообщества). Вы увидите, что рядом с ним возник пункт “Редактировать”.
  6. В открывшемся окне редактирования следует выбрать режим wiki-разметки. Он выбирается путем нажатия кнопки справа. Наведите на нее курсор: отобразится название режима, в котором вы сейчас находитесь.
  7. Можно приступить к редактированию. Базовое название заголовка (“Свежие новости”) меняем по собственному усмотрению. Подойдет краткое описание: “Меню группы”.
  8. Чтобы сделать новые пункты, запишите названия разделов в столбик, выделив их двойными квадратными скобками. Например: ], ].
  9. Кнопка “Предпросмотр страницы” покажет, как выглядит меню группы.

Как наличие меню способствует успеху сообщества?

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

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

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

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

Верстка в Вк для чайников

Раньше я думал, что вики-разметка применима только к сообществам

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

Ну что ж, осталось дело за малым, верстка. Открываете «Список вики-страниц».

И добавляете новую.

Даете ей название. В нашем случае – меню.

И переходите к редактированию.

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

Загружаем.

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

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

Теги «center» указывают на то, что фотка и ее фрагменты расположены по центру. Я их уберу, чтобы вам было легче воспринимать информацию.

Если хотите, можете сделать тоже самое, но учтите, что иллюстрация съедет вправо.

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

Чтобы изображение вновь стало единым после размера поставьте точку с запятой и напишите тег nopadding (;nopadding).

Выглядеть это будет так.

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

Внизу экрана есть ссылка на предварительный просмотр.

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

Сейчас при нажатии на разные части изображения, они открываются в новом окне.

Чтобы этого не происходило, понадобится еще один тег. Nolink. Не забывайте про точку с запятой.

Перехода не будет только на первой картинке, а вот к остальным можно подставить свои url.

Видите, теперь часть картинки оснащена ссылкой на мой блог, а фраза «Меню» не кликабельна.

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

Вот так выглядит наше с вами меню.

Чтобы узнать ссылку на страницу вернитесь к ней.

А вот и желанная ссылочка.

Кто создает баннеры, какие навыки нужны, где учат

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

  • Figma
  • Adobe Photoshop
  • Adobe Animate
  • Adobe After Effects
  • HTML5, CSS и JavaScript

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

Посты

Размеры: не менее 700 px в ширину для обычных постов, не меньее 510х288 px для статьи в редакторе.

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

Ответ поддержки о влиянии размера картинки на позицию в выдаче

Основатель Церебро Таргет Феликс Зинатуллин утерждает, что картинка должна быть не менее 700 пикселей в ширину. Как показывает его опыт, у постов с картинками шириной в 700 пикселей и с шириной в 699 может быть разница охватов в два раза.

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

Десктопный просмотр

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

Мобильный просмотр

Есть другой формат поста — статья в редакторе. Обложка для нее должна быть горизонтальной, картинка сожмется до размера 510х288 px. Какие-либо изображения лучше помещать дальше от центра, заголовок тоже писать не нужно, он автоматически встанет посередине. Заголовок пишется белым шрифтом, но подсвечивается тенью, так что темные иллюстрации смотрятся лучше, но и на светлом текст не теряется.

Иллюстрация для статьи со светлым фономИллюстрация для статьи с темным фоном

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

Охваты у одинаковых постов

Изменение темы ВК на смартфоне

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

Изменение стиля темы в iOS

Приложения из Apple Store могут распространяться только через данный сервис и устанавливать официально их через другие сайты нельзя, поэтому и вариант у вас один – использовать темную тему от клиента Вконтакте. Делается это так:

1

Запустите приложение VK на своем смартфоне и перейдите в раздел с настройками своего профиля (последняя вкладка справа внизу)

2

Сверху справа нажмите на иконку с тремя полосками и далее кликните Настройки

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

3

Перейдите в раздел Внешний вид и поставьте ползунок в состояние Вкл напротив пункта Светлая

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

Также можно использовать в качестве альтернативы еще одно приложение, доступное в Apple Store. Называется оно VFeed и представляет собой отдельный клиент, в котором содержится большое количество дополнительных опций: ночная тема (что нас и интересует), гибкая кастомизация внешнего вида, распознавание голосовых сообщений, невидимка, установка пароля и многие другие опции. Программа бесплатная, доступна в общем каталоге App Store и позволяет с легкостью настроить новый дизайн Вконтакте несколькими кликами.

Изменение темы Вконтакте на Андроиде

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

Но, например, стиль черной темы можно активировать и в официальном клиенте:

1

Откройте приложение VK на своем смартфоне с Android

2

Перейдите в раздел с Настройками, нажав последнюю вкладку снизу справа

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

3

В самом верху нажмите Темная тема. Внешний вид приложения будет поменян

Активация темной темы

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

Kate Mobile позволяет ставить картинку в качестве фона. Для этого в настройках есть отдельный пункт Фоновое изображение. Достаточно поставить переключатель, выбрать картинку и перезапустить клиент.

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

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

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

Вики-меню

Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.

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

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

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

Обложка меню

Фрагмент разделов внутри меню

Ширина поля у вики-страниц — 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px.

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

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

Тестовый пост с вики-меню

Разделы в группе ВК

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

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

Для новичков подскажу, как выглядят хэштеги ВКонтакте – это решетка с набором символов (слова, цифры, сокращенная аббревиатура). Например:

#супы

#астрология

#Koko_Shanel

#Queen

Или вот пример из моей группы ВК: #dr_dzen, #dr_link, #dr_justclick.

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

Хэштеги внутри сообщества работают только в рамках группы. Как это проверить? Достаточно кликнуть по любому хэштегу в посте. Если открывается лента постов из разных групп, то хэштег общий. Если  в выдаче только ваша группа – значит, такого хэштега больше нигде нет. Я бы рекомендовала в посты добавлять те и те хэштеги. Но то, что работает только внутри группы – обязательно! Они понадобятся для создания ссылок в меню.

Как установить?

Чтобы установить обложку в своем паблике необходимо:

  1. Зайти на страницу группы.
  2. Перейти в «Управление» сообществом (меню под аватаркой).
  3. Найти строку «Обложка сообщества».
  4. Нажать кнопку «Загрузить».
  5. Нажать кнопку «Выбрать файл».
  6. Выбрать файл на своем ПК.
  7. Выбрать миниатюру (если вы использовали изображение размерами 1590 х 400, то настраивать миниатюру не надо).
  8. Нажать кнопку «Сохранить и продолжить».

Готово! Вы успешно установили обложку для группы ВК.

Чтобы установить баннер, необходимо:

  1. Начать создание новой записи на стене паблика.
  2. Нажать на иконку фотоаппарата.
  3. Нажать «Загрузить фотографию».
  4. Выбрать файл на ПК.
  5. Дождаться загрузки.
  6. Опубликовать пост.
  7. Далее нажать на стрелку в правом углу записи и в появившемся меню выбрать пункт «Закрепить».

Готово! Вы успешно установили баннер.

Эффективный баннер вконтакте для сайта


В принципе, после создания рекламной кампании работа только начинается.

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

Для выбора оптимального варианта баннера вконтакте для сайта, необходимо создать несколько вариантов заголовков, текстов и изображений. Установив для каждого из них лимит (например, 100 рублей), выберете тот, который имеет наивысший CTR.

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

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

Как сделать вики-меню

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

  1. Готовим обложку для меню. Можно взять любую подходящую картинку и нанести на нее текст. А можно нанять дизайнера, который отрисует вам красивые блоки и кнопки. У нас будет меню на 6 кнопок. Для этого нам нужна картинка, где будут обозначены эти кнопки. Определимся с ее размером.

При подготовке картинки для меню помните, что ширина вики-страницы — 607 px, Ширина картинки не должна быть больше, иначе изображение ужмется и потеряет в качестве. Для примера мы взяли изображение размером 510х300 px.

  1. Режем эту картинку на 6 частей (по части на каждую кнопку). Это удобно делать в Adobe Photoshop инструментом «Раскройка». Если не хотите заморачиваться, воспользуйтесь, например, онлайн-сервисом IMGonline (режет картинки на равные части). Мы же сделали все в Photoshop.

При активном инструменте «Раскройка» кликаем правой кнопкой мыши по картинке и выбираем «Разделить фрагмент», указываем нужное количество фрагментов и нажимаем «ОК».

Как разрезать картинку в Photoshop

Чтобы сохранить все отдельные фрагменты, нажимаем «Файл» → «Экспортировать» → «Сохранить для Web». Полученные части картинки загружаем в отдельный альбом сообщества.

Наше меню будет оформлено в виде таблицы из 6 ячеек: в три строки и два столбца. Для этого мы нарезали картинку для меню на 6 равных частей размером 255×100 px. Такой же размер нужно будет проставить для каждой ячейки.

  1. Создаем каркас для таблицы. Заходим в режим редактирования новой страницы и делаем таблицу. Открываем ее тегом и сразу задаем три важных параметра:
  • — разрешит картинкам соприкасаться
  • — скроет видимые границы таблицы
  • — позволит задать точные размеры ячеек.

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

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

Готовое меню группы в десктопной версии

Готовое меню группы в мобильной версии

Как закрепить меню сообщества

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

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

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

Как сделать пост со ссылкой на меню в паблике

Как закрепить меню сообщества

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

Заходим в сервис Canva.com и регистрируемся, доступны варианты через Google, Facebook или электронную почту. В правом верхнем углу нажимаем «Создать дизайн«, выбираем настраиваемый размер, вводим 1590х530 и нажимаем создать. 

Перед нами чистый лист. Можете посмотреть готовые шаблоны в соответствующем разделе и изменить под свои потребности. Или можно сделать простой дизайн самостоятельно. Сначала добавим фон — картинку или заливку цветом. Также можно загрузить  свою картинку в разделе «загрузки» или добавить рамку или прямоугольник из «элементов«.

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

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

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

Точно так же можно сделать аватарку группы. Заходим на главную страницу Canva.com, выбираем создать дизайн, выбираем настраиваемый размер и вводим 500х500, можно кликнуть по разделу логотип.

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

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

Просмотры:8

Добавить комментарий

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

Adblock
detector