Как писать в столбик в вк
Перейти к содержимому

Как писать в столбик в вк

  • автор:

Как перенести строку Вконтакте?

Как перенести строку Вконтакте?

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

Перенос строки Вконтакте

В обычных редакторах при переносе текста на новую строчку достаточно нажатия клавиши ENTER. Если попробовать провести ту же манипуляцию при наборе сообщения Вконтакте, то ваш текст сразу же отправится пользователю, с которым вы ведете диалог. По умолчанию, для переноса строки в сообщениях Вконтакте используется набор клавиш SHIFT + ENTER (зажимаем SHIFT и жмем ENTER P.S. да простит меня читающий это за излишнюю подробность)
Вы в любой момент можете изменить набор клавиш для отправки сообщения и переноса строки. Заходим в Сообщения, выбираем любой диалог и наводим курсор на кнопку Отправить.

настройка переноса строки вк

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

Теперь мы научились переносить строки Вконтакте. Хотите удивить друзей? Читайте, как отправить пустое сообщение. Для сохранения различных заметок и фотографий существует возможность отправить сообщение самому себе.
Следите за обновлениями блога, спасибо за внимание.

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

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

Дата публикации: 28 сентября 2016
Дата обновления: 6 сентября 2023
Время чтения: 18 минут

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

Евгения Крюкова Редакция «Текстерры»

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

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

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

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

Оглавление:
Оглавление:

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

Аватар

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

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

Правила оформление аватара в ВК

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

Обложка

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

Правила оформления обложки сообщества в ВК

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

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

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

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

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

Размеры свернутой и развернутой живых обложек

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

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

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

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

Пример использования в ленте изображений квадратной формы со сторонами 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, раздел Create Design

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

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

Приложение Fotor

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

Приложение Fotor, как загрузить изображение

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

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

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

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

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

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

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

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

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

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

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

Для сообщества будут полезны:

  • Виджеты донатов.
  • Формы сбора заявок, анкеты, онлайн-записи.
  • Афиши.
  • Голосования.
  • Рассылки и чат-боты.
  • Отзывы.

Просто выберите виджет и нажмите «Добавить» — и он появится у вас.

Итого

  1. Загружайте изображения с актуальными размерами.
  2. Используйте так называемые живые обложки.
  3. Если вы хотите, чтобы ваше изображение полностью заняло отведенное ему место в ленте новостей, его ширина должна быть не менее 510 пикселей.
  4. Размер изображения для обложки статьи, созданной в редакторе, должен быть 510 на 286 пикселей.
  5. Оптимальные размеры для историй — 1080 на 1920 пикселей (минимальные — 720 на 1280 пикселей).
  6. Превью видео должно быть 1280 на 720 пикселей:
  7. Изображение для обложки фотоальбома должно быть с разрешением 1200 на 800 пикселей.
  8. Чтобы изображение не ужималось, необходимо делать его в 2—3 раза больше нужного размера.
  9. Уделите время шапке сообщества:
  • используйте динамические обложки;
  • дополняйте аватар полезной информацией;
  • используйте закрепленные посты;
  • заполняйте описание страницы на главной:
  • создавайте меню ссылок;
  • закрепите в шапке один из своих самых удачных постов с репостами

Оформление групп в Вконтакте: подробное руководство

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

Размеры изображений для Вконтакте с учетом нового дизайна

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

Картинка новости

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

Рассмотрим каждый элемент подробнее.

Аватар сообщества

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

Картинка новости

Ошибка: изображение меньше 200х200 px

200х500 px — максимальный рекомендуемый размер изображений для аватара. Но при загрузке картинок до 7000 px ошибку не выдает. Лучший вариант — 200х300 px.

Загружаем изображение размером 200х800 px, с соотношением сторон 2:8. Файл успешно загружается, сайт не выдает никакой ошибки. Но требует выделить активную область изображения, которую и будет видеть пользователь. Здесь возникает проблема: выделить всю картинку нельзя, использовать получиться только область размером 200х500 px. Важно учитывать этот параметр при составлении технического задания для дизайнера.

Картинка новости

Соотношение сторон аватара ВК

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

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

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

Картинка новости

Изображение 510х510 px в ленте новостей

Не хуже, но немного по-другому выглядит прямоугольная фотография с шириной 510 px.

Картинка новости

Изображение альбомной ориентации с шириной 510 px

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

Картинка новости

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

Нельзя назвать это различие критичным, но пользователям мобильного приложения намного привычней видеть фотографии квадратной формы (как в Instagram).

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

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

Картинка новости

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

Информацию о заголовке, фотографию сеть берет из кода разметки Open Graph:

Картинка новости

В строке «image» хранится изображение с котиком

При отсутствии информации в коде Open Graph, ВК берет данные из мета-тегов: Title, Description, а в качестве иллюстрации подтягивает первое изображение из статьи. Вы можете легко заменить фотографию, нажав на стрелочки под надписью «Ссылка».

Картинка новости

Подбираем иллюстрацию к посту с ссылкой

Чтобы добавить свою иллюстрацию из сохраненных файлов или с компьютера, кликаем на значок фотокамеры.

Картинка новости

Добавляем собственную иллюстрацию к посту с ссылкой

Как и ко всем другим изображения есть требования к минимальному размеру: 573х240 px. Можно загрузить картинку большего размера, но важно соблюдать рекомендуемые пропорции 2,2:1.

Картинка новости

Рекомендуемое соотношение сторон для иллюстрации к посту со ссылкой

Блок с товарами

Минимальный размер изображений для обложки товара 400 px, максимальный — 7000 px по ширине или высоте. Лучше всего выглядят фотографии квадратного размера 1000х1000 px. У каждого товара есть обложка и 3 фотографии, которые показываются при открытии товара.

Картинка новости

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

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

Если добавить на вики-страницу картинку размером 1366х768 px, не скорректировав размер, то изображение некрасиво растянется.

Картинка новости

Изображение сильно растянулось из-за того, что ширина автоматически скорректировалась до 610 px, а высота осталось неизменной.

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

Картинка новости

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

Оформление вики-страниц рассмотрим подробнее чуть ниже.

Как сохранить исходное качество изображений Вконтакте

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

Картинка новости

Сжатие изображение при загрузке в ВК

Как избежать снижения качества?

За рекомендацией пришлось обратиться в поддержку соцсети, т.к. в открытом доступе такой информации нет. Представитель команды посоветовал следовать такому алгоритмы: открыть изображение в программе Photoshop, в меню выбрать команду «Сохранить для Web» — настройки качества 100% — галочка напротив строки «Преобразовать в sRGB».

Картинка новости

Сохраняем изображение в Photoshop

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

Если требуется подготовить аватар группы размером 200х500 px, то размер исходной картинки должен быть около 400х1000 px. Для меню 510х400 px, лучшим вариантом будет исходник 1200х800 px.

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

Картинка новости

Выглядит лучше, но не идеально

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

Картинка новости

Выглядит намного лучше

Дизайн шапки группы Вконтакте

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

1. Обложка сообщества + закрепленный пост

После обновления дизайна владельцам сообществ стал доступен новый элемент оформления — обложка. Размер изображения — 1590х400 px. Чтобы добавить обложку нужно зайти в настройки группы и нажать «Загрузить».

Картинка новости

Загрузка обложки сообщества

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

Картинка новости

Обложка группы Вегетарианские рецепты : привлекательное фото, название и слоган.

Картинка новости

Обложка Сбербанк : информация о ближайшем мероприятии

Закрепленный пост обычно продолжает тему, начатую в обложке. Например, в случае со Сбербанком — рассказывает более подробно о Зеленом Марафоне.

2. Обычное текстовое описание

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

Картинка новости

Текстовое описание популярного издания о стартапах – vc.ru

Картинка новости

Описание группы клуба Фильм про

3. Текст + хэштеги

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

Картинка новости

Картинка новости

Описание с хэштегами, смартфон Nokia Lumia

4. Описание через вики-страничку

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

Картинка новости

Группа предпринимателя , идущего к своей цели

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

Картинка новости

Вики-страница с описанием проекта

5. Без шапки

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

Картинка новости

Группа без шапки – PSD’ец

Картинка новости

6. Открытое меню

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

Картинка новости

Картинка, дублирующая пункты меню

При нажатии пользователь открывает вики-страницу с меню группы:

Картинка новости

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

Картинка новости

Еще один пример

Кнопки на картинке не кликабельны, а вот при нажатии на «Просмотреть» откроется полноценное меню:

Картинка новости

Пример открытого меню

7. Закрытое меню

Закрытое меню отличается тем, что пользователь не видит на картинке его пункты. Обычно на анонсе пишут что-то вроде «Меню», «Навигация», «Все материалы в одном месте» или «Жми сюда».

Картинка новости

Картинка новости

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

Картинка новости

Картинка новости

Картинка новости

Меню интернет-магазина для девушек CosmoMarket

8. Меню слитое с аватаркой

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

Картинка новости

Картинка новости

Меню группы о помаде для увеличения губ

9. Спрятанное меню

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

Картинка новости

Бренд одежды Oodji . Чтобы открыть меню, надо нажать на ссылку «Меню группы #oodji»

Картинка новости

Картинка новости

Пример уже открытого меню Спортмастера

10. Изображение

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

Картинка новости

Сообщество Лайфхакерша разместило картинку с призывом, но кнопка не клибабельна

Картинка новости

Comedy Radio анонсирует запуск приложения

11. Изображение и аватар в едином стиле

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

Картинка новости

Империя пиццы и суши информирует о режиме работы, дает контакты для заказа

Картинка новости

Coca-Cola использует красивую картинку со слоганом

12. Гифка как продолжение аватара

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

Картинка новости

Оригинальная шапка группы Тоталь

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

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

Как сделать, чтобы видео включалось само?

Нужно соблюсти всего лишь 3 условия:

Картинка новости

  1. Загрузить нужный ролик через ВК — видео, загруженные через Ютуб или Вимео не включаются автоматически.
  2. Дополнить видео можно только текстом. Прикрепить ссылку или картинку не получится.
  3. После загрузки видео нужно опубликовать на стене, а затем закрепить пост.

Видео с упражнениями в сообществе Лайфхакер

Картинка новости

Coca-Cola делится любимыми рекламными видео

13. Популярная запись

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

Картинка новости

Страница Рецепты , пост с огромным количеством репостов

Картинка новости

Группа Идеи дизайна интерьера закрепили кладезь материалов о ремонте. Посмотрите, сколько репостов и лайков!

14. Действующие акции

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

Картинка новости

Сеть баров Killfish рассказывает об акции

Картинка новости

Интернет-магазин напоминает о скидках

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

Картинка новости

Интерактивный тест от Сбербанка

15. Анонсы мероприятий

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

Картинка новости

Группа сериала Теория большого взрыва анонсирует новый сезон

Картинка новости

Группа Пилот разместила в шапке график концертов

16. Розыгрыши

Картинка новости

Сеть Детский мир разыгрывает запас подгузников

Картинка новости

Лотерея Столото дарит Айфон

17. Опросы

Картинка новости

Картинка новости

Опрос на странице ресторана

18. Объявления

Картинка новости

Объявление выделено словом «Важно» на красном фоне

Картинка новости

Суши Терра информирует о временных неполадках

19. Вакансии

Картинка новости

Ресторан ищет официантов

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

Картинка новости

Инфографика в примерах делится ссылкой на свой профиль в Перископе

Картинка новости

Студии Дениса Каплунова ссылается на аккаунт в Пинтересе

21. Продажа товаров/услуг

Картинка новости

Картинка новости

Сервис Церебро.Таргет предлагает подключиться

22. Самый популярный продукт

Картинка новости

Популярный товар магазина 24shop

23. Отзывы клиентов/покупателей

Картинка новости

Отзыв — самый сильный инструмент повышения доверия

Как сделать привлекательный аватар

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

1. Миниатюра

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

Картинка новости

Пример неудачных надписей — слишком мелко

Картинка новости

Примеры удачных надписей — текст крупный

Лучше, чтобы надпись помещалась внутри миниатюры

Картинка новости

Примеры неудачных аватаров — текст не помещается внутри миниатюры

Картинка новости

Надпись внутри выглядит опрятней

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

Картинка новости

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

Картинка новости

Примеры удачных решений — все четко и понятно

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

Картинка новости

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

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

Картинка новости

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

Хороший способ выделится — использовать стиль минимализм. Отсутствие текста, 1-2 цвета, простые формы выделят вас на фоне кричащих конкурентов.

Картинка новости

Анти-минимализм — куча картинок, надписей, шум

Картинка новости

Стильно и аккуратно

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

Картинка новости

Красный огонек как часть аватара

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

Картинка новости

Черный круг вместо миниатюры на первом месте и черный круг внутри белого на втором. Однозначно вызывает интерес.

2. Текст на миниатюре

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

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

Картинка новости

Анонс нового сезона, коллекции, премьеры всегда привлекает внимание любителей новинок

Ваше УТП

Картинка новости

Выберите одно преимущество: круглосуточно, дешево, быстро и т.д.

Контакты

Картинка новости

Поможет тем, кто уже готов купить, быстро найти ваш номер

Супер цены

Картинка новости

Если у вас крутая цена — пишите ее прямо на миниатюре

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

Картинка новости

Особенно актуально для ресторанов доставки еды

Часто компании с бесплатной доставкой добавляют эту информацию в название группы через | от названия самой организации.

Картинка новости

Не стесняйтесь рассказывать о бесплатных услугах

Акции и скидки

Картинка новости

-50% выглядит органично и привлекательно

Розыгрыши

Картинка новости

Ну как пройти мимо потенциальной халявы?

Вакансии

Картинка новости

Соцсети — хороший вариант поиска лояльных сотрудников

Держите в голове вашу цель и портрет ЦА, а вдохновение придет во время работы над оформление группы.

3. Продающий дизайн аватара

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

Картинка новости

  1. Качество изображения должно быть высоким. Плохая картинка сразу оттолкнет посетителя. Кратко: делайте размер в два-три раза больше рекомендуемого, чтобы не было искажения качества после сжатия.
  2. Следуйте единому стилю. Идеально — аватар и меню в фирменном стиле компании. Хорошо — в единой цветовой гамме с пересекающимися элементами. Такое сочетание меню и аватара выглядит эффектно.

Аватар и меню группы Аудиокниги

Картинка новости

Аватар и меню в едином стиле, группа Лучшее

Картинка новости

Знаменитый аватар группы Палата №6 оригинально сочетается с меню

Картинка новости

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

Примеры гармоничного сочетания

Картинка новости

Делите аватар на части. Верхняя — под миниатюру, нижняя — под остальную информацию.

Разделенные на части аватары

Картинка новости

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

Аватары со стрелочками

Картинка новости

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

Слишком много информации

Картинка новости

Благодаря свободному пространству, информация считывается легче

Важные элементы аватара

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

Адрес сайта

Картинка новости

Актуально для интернет-магазинов

Контакты и режим работы

Картинка новости

Подойдет доставкам, ресторанам, магазинам

Розыгрыши призов/скидки

Картинка новости

Имеет смысл, если акция длится дольше 1-2 недель

Топ-товар или новинка

Картинка новости

Или товар, который вы хотите вывести в топ 😉

Условия доставки

Картинка новости

Кратко: по всей России, бесплатно, круглосуточно

Дополнительные сервисы

Картинка новости

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

УТП

Картинка новости

Пишите о своем уникальном торговом преимуществе

Новинки/анонсы

Картинка новости

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

Официальное сообщество

Картинка новости

Если у вас есть значок «официальное сообщество» от ВК — расскажите об этом

Расписание/график

Картинка новости

Подойдет для певцов, гастролирующих театров, цирков

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

Картинка новости

Лучше, конечно, разместить активную ссылку, но так тоже можно

Подробное описание

Картинка новости

То, что не влезло в заголовок: слоган, девиз

Награды

Картинка новости

Признанный лидер отрасли? Победитель конкурса? Укажите это!

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

Как объединить аватар и меню

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

  1. Используйте шаблон. Ширина 510 px для меню и 200 px для аватара . Или 1200 px для меню и 400 px для аватара.
  2. Подберите качественное изображение, скачайте его на ваш компьютер. Откройте картинку в программе.
  3. Скопируйте и вставьте в шаблон. Откорректируйте положение картинки так, как собираетесь ее нарезать. Картинка новости
  4. Нанесите эффекты, добавьте надписи и все, что посчитаете нужным. Картинка новости
  5. Чтобы часть изображения, расположенная в месте пробела не исчезала, сдвиньте ее как на гифке:
  6. Откройте инструмент «Раскройка», затем «Фрагменты по направляющим». Картинка новости
  7. Уберите лишнее и подкорректируйте изображение. Картинка новости
  8. Сохраните изображение. Файл — Сохранить для Web — 100% качество. Картинка новости
  9. Найдите изображения на своем компьютере. Обычно все рисунки из Фотошопа сохраняются в отдельной папке. Добавьте аватар и анонс для меню.

Картинка новости

Объединенные меню и аватар, сделанные по шаблону из статьи

В шаблоне вы можете изменить высоту аватара. По умолчанию стоит 500 px.

Картинка новости

Здесь высота картинки 340 px

Как правильно оформлять картинки для постов в ВК

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

Картинка новости

Нетология оформляет посты в едином стиле

Картинка новости

Оригинальные посты компании Knorr

Картинка новости

Пример сочетание эстетики и функциональность в группе Факт дня

Картинка новости

Три разных, но перекликающихся типа постов в группе Интернет-маркетинг от А до Я

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

1. Затемнение/осветление изображения

Делает текст более читаемым за счет контрастности надписи к фону.

Картинка новости

Картинка новости

Тот же прием в группе Цитаты и статусы

Картинка новости

Осветление фона в Adme

Картинка новости

2. Контрастная фигура

Надпись размещается на отдельной однотонной фигуре (круг, полоска, треугольник) контрастной по отношению к цвету текста.

Картинка новости

Гармоничное изображение

Картинка новости

Контраст от Cossa

Картинка новости

Brain Academy , хамелеон и синяя полоса

3. Выделение текста построчно

Каждая строка текста выделяет контрастной полоской. Выглядит стильно.

Картинка новости

Картинка новости

4. Нарезка изображений

Одна часть картинки заменяется нейтральным фоном, на котором размещается текст

Картинка новости

Картинка новости

Реклама астрологического теста

5. Замутнение

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

Картинка новости

Картинка новости

Автор неизвестен

6. Изображение с нейтральным фоном

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

Картинка новости

Картинка новости

7. Тень, обводка

Выделите текст с помощью темной тени или белой обводки.

Картинка новости

Картинка новости

Картинка новости

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

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

Используйте сервис бесплатных фотографий — https://www.pexels.com . Вбивайте ключевое слово на английском и смело используйте любое изображение. Авторы не против. Если не нашли подходящее, попробуйте поискать в Гугл или Яндекс. Выставите фильтр по размеру, цвету. Но обязательно проверяйте тип лицензии, чтобы не нарушить авторские права.

Как делать крутые картинки без дизайнера и Фотошопа?

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

Выбирайте раздел Design — крайний справа.

Картинка новости

Нужный нам раздел

Выбираем соцсеть для которой будем делать картинку: Инстаграм – квадраты, Фейсбук – прямоугольники.

Картинка новости

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

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

Картинка новости

Шаблоны с бриллиантом — платные

Вместо фоновой картинки сервиса подставляем свою.

Картинка новости

Добавьте свои изображения, нажав на большой значок плюса в правой верхней части экрана.

Вставляем, корректируем размер, пишем свой текст. Если нужно — добавляем логотип.

Картинка новости

Редактура текста

Готовое изображение сохраняем на компьютер: нажимаем на значок дискеты — выбирает формат — готово.

Картинка новости

Готово! Вы восхитительны.

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

Картинка новости

Окошко регистрации, Canva

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

Картинка новости

Шаблоны для Инстаграм и ВК

Выбираем шаблон поинтересней и удаляем стандартный фон.

Картинка новости

Здесь сотни красивейших шаблонов

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

Жмем на Download, выбираем формат и скачиваем

Картинка новости

Сохраняем красивую картинку в свои файлы. Всё!

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

Что лучше: прикрепленные изображения или встроенные?

Когда вы создаете запись со ссылкой (например, публикуете анонс своей новой статьи из блога), у вас есть два возможных варианта действия: первый – использовать встроенное изображение из сниппета, и второй – прикрепить отдельную картинку. Чтобы было понятней, покажу на примере.

Картинка новости

Слева – встроенная картинка, справа – загруженная

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

Картинка новости

Загруженные изображения на экране Айфон 5

А вот так выглядят встроенные картинки:

Картинка новости

Абсолютно нечитаемо

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

В случае с вики-страницами вариант только один: загружаемое отдельно изображение. Оно становится кликабельным автоматически.

Картинка новости

Как использовать вики-разметку в Вконтакте

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

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

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

У социальной сети Вконтакте есть собственный HTML-редактор, позволяющий пользоваться возможностями вики-разметки.

Картинка новости

HTML-редактор Вконтакте

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

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

Как создать вики-страницу Вконтакте самостоятельно

Чтобы самостоятельно создать вики-страницу Вконтакте, нужно сделать всего три действия:

Картинка новости

  1. Скопировать эту ссылку в блокнот или любой текстовый редактор: http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы
  2. Найти ID своей группы, для которой создается страничка, и вставить его вместо XXX в скопированной ссылке. Вместо «Название_страницы» вписать понятное название. Для нашего примера мы впишем «Навигационно меню». В итоге должна получиться ссылка как на картинке. Копируем ее и вставляем в адресную строку браузера.

Ссылка на вики-страницу

3. Нажимаем ввод и переходим к наполнению страницы

Как узнать ID своей группы в Вконтакте

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

Картинка новости

Раздел Записи сообщества

ID — это цифры после слова «wall-» и до знака вопроса.

Картинка новости

Стрелочка указывает на ID

Более простой способ – установить приложение « Узнать ID ». Найдите его в каталоге приложений и добавьте в левое меню для быстрого доступа.

Картинка новости

Приложение для поиска ID

Как ограничить права на редактирование

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

Картинка новости

Доступ к странице

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

Картинка новости

Стандартные настройки доступа

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

Картинка новости

Одна из самых безобидных шуток

Как открыть режим кода

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

Картинка новости

Переключение режимов в вики-редакторе ВК

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

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

Форматируем текст в визуальном режиме

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

Картинка новости

Теги форматирования в режиме кода

Как вставить ссылку в текст на вики-странице ВК

Ссылку можно вставить в режиме кода, используя шаблон [ссылка на статью|текст ссылки].

Картинка новости

Пример вставки ссылки

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

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

Картинка новости

Сокращатель ссылок от ВК

Картинка новости

Готово! Теперь ссылка будет открываться в новом окне

Как добавить картинку в вики-страницу

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

Добавляем картинку на вики-страницу

Как добавить видео на вики-страницу

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

Загружаем видео на вики-страницу

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

Картинка новости

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

Как добавить ссылку на картинку в вике-странице

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

  1. После второго знака | вставить нужную ссылку, предварительно сократив.
  2. Выровнять изображение по центру, левому или правому краю.
  3. Проверить размеры изображения: ширина не более 610 px.

Вот что получается в результате

Как создать навигационное меню Вконтакте

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

Как посмотреть код вики-страницы любой группы

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

Чтобы посмотреть код, нужно:

Картинка новости

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

Все вики-страницы группы Киномания

По какому принципу создаются меню Вконтакте

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

Картинка новости

Меню, созданное за 5 минут

Картинка новости

Код этого меню

Вариант немного посложнее:

Картинка новости

Простые меню создаются по следующему принципу: подбираем или создаем картинку с основными пунктами/разделами. Добавляем эту картинку в Фотошоп, делим на части с помощью инструмента «Раскройка». Каждая часть картинки будет выполнять функцию кнопки, ведущей на определенный раздел группы. После раскройки загружаем изображения в редактор вики-страниц и добавляем к каждой части ссылку на какой-либо раздел.

Картинка новости

Получается вот так

Картинка новости

А вот код этого меню

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

Меню в один столбик

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

Картинка новости

Картинка новости

Danone и Lady’s club — мобильная версия

Картинка новости

Код этих страниц

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

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

Меню в два столбика

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

Картинка новости

Интересное меню сообщества Книги

Картинка новости

А вот как выглядит на мобильном

Рассмотрим код этого типа меню. Обратите внимание на часть под серой полоской.

Картинка новости

Код этого меню

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

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

Отображение меню в мобильной версии

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

Картинка новости

Десктопная версия меню группы Империя кино

Картинка новости

Мобильная версия этого же меню

Картинка новости

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

Картинка новости

Неправильный перенос этого же меню на мобильниках

А вот пример правильной верстки:

Картинка новости

Отображение на компьютерах

Картинка новости

На смартфонах

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

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

  1. Использовать табличную верстку с фиксированной шириной ячеек.
  2. Добавлять картинки квадратной или прямоугольной формы с шириной не превышающей 190 px для меню в три столбика, не более 150 px для меню в четыре столбика, не более 110 px для меню в пяти столбиков. Не рекомендуем использовать более пяти столбиков, потому что будет слишком мелко на экранах мобильников.
Как сделать табличную верстку?

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

Для табличной верстки используют специальные теги:

Картинка новости

Теги для табличной верстки

Картинка новости

Код табличной верстки

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

Картинка новости

Десктоп – слева. Мобильная версия – справа

Вот код этого меню в текстовом варианте:

|~190px 190px 190px

|[[photo258316413_430862279|190px;nopadding| ]]

|[[photo258316413_430862290|190px;nopadding| ]]

|[[photo258316413_430862307|190px;nopadding| ]]

|[[photo258316413_430862332|190px;nopadding| ]]

|[[photo258316413_430862349|190px;nopadding| ]]

|[[photo258316413_430862372|190px;nopadding| ]]

Важно, прописать для каждого столбца таблицы параметр ширины. В примере с тремя столбиками ширина 190 px. Для меню с четырьмя столбиками параметры ширины будут выглядеть так: |~150px 150px 150px 150px.

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

Адаптивное меню в четыре столбика

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

Картинка новости

    Выбираем изображение и нарезаем его на квадраты со сторонами по 150 px.

С помощью инструмента «Раскройка»

Картинка новости

Создаем нужное количество квадратиков

Картинка новости

Наносим текст, добавляем эффекты и сохраняем как для Web.

Не красоты ради, примера для

Картинка новости

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

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

Картинка новости

Проверяем, как меню выглядит на компьютере и смартфоне.

Меню на смартфоне

Примечания к адаптивной верстке

Картинка новости

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

Картинка новости

Все картинки одного размера

Картинка новости

Можно использовать разные фигуры, если помнить о размерах.

Меню с разными фигурами

Как проверить адаптивность верстки

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

Используйте браузер Google Chrome. Вставьте адрес вашей вики-страницы в адресную строку и добавьте в его начало m.

Картинка новости

Проверяем верстку в мобильной версии

Кликните правой кнопкой мыши в любой части страницы и выберите «Просмотреть код» — «Планшеты и смартфоны».

Картинка новости

Смотрим, как выглядит на планшетах и телефонах

Укажите устройство, которое вас интересует:

Картинка новости

Выбираем конкретное устройство

Установите плагин для Google Chrome Resolution Test . Перейдите в мобильную версию Вконтакте. Нажмите на иконку и выберите или пропишите размеры экрана, которые вас интересуют.

Картинка новости

Проверяем адаптивность

Заключение

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

Санкт-Петербург,
1-й Верхний переулок, 12

Виды постов в ВК и как их правильно писать

Как писать посты в ВК

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

Основные виды постов:

Как писать посты в ВК — развлекательные?

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

Для усиления эффекта бренд может «рассказывать» смешные истории о себе, компании, производстве товаров.

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

Обучающие.

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

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

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

Продающие.

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

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

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

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

Экспертные.

Как писать посты в вк в соцсети?

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

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

Вовлекающие.

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

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

Как писать посты в ВК?

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

  1. Текст, написанный простым и понятным-информационным языком.

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

Читать скучную кипу букв никто не станет. После того, как такие посты напишет штатный копирайтер, их должен проверить редактор.

Изображение должно быть интересно целевой аудитории вашего сообщества.

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

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

  1. Заголовок, который будет написан строго в одну строчку.

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

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

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

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

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

Визуальная составляющая постов ВК:

Как писать посты в вк правильно?

  • должна быть интересна вашей аудитории;
  • соответствовать тематике вашей группы;
  • если в посте есть опрос, то лучше добавлять квадратное изображение;
  • если у вас несколько фото, то лучше добавлять 2/4/9 штук (при этом, составляя из них красивую единую картинку);
  • если информация находится на самих фото, то есть это пост-карусель, то следите за правильным порядком при публикации (в идеале пронумеровать каждое фото, чтобы человек видел, что информация подана структурировано).
  • еще важно учитывать и наилучшее время для публикации, чтобы пост получил максимальный охват, помните об этом и отслеживайте статистику активности аудитории.

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

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

Читайте нашу подборку полезных статей по раскрутке социальных сетей.

Маркетинговое агентство «VKUSNO» оказывает услуги комплексного продвижения в сети Интернет:

  • таргетированная реклама;
  • контекстная реклама;
  • ведение соцсетей;
  • создание сайтов и seo;
  • воронки продаж;
  • реклама у блогеров;

Больше информации о нас и стоимости наших услуг вы найдете тут. Рады будем видеть в числе наших клиентов! Телефон: 8-800-101-41-64. WhatsApp: +7 952 209-88-74. Наша группа в ВК.

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

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