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

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

Правильная шапка сообщества

Перед как сделать обложку группы в ВК, нужно определиться: что она должна будет выражать? Мы вам подскажем несколько актуальных советов для достижения цели:

• Необычность. Обложка — это то, что первым видит ваш настоящий или будущий подписчик. Если она будет содержать в себе уникальную фишку, удивлять своим дизайном, включать интересную игру слов, интригующую историю, то все обозначенное будет вам только на руку. Многие применяют такой интересный формат обложки для группы ВК, как продолжение изображенного на ней в закрепленной надписи на стене.
• Тренды. Баннер должен быть современным. В крайнем случае — классическим. Но только не «баяном» — содержать в себе элементы того, что когда-то было актуально в интернет-среде. Поэтому стоит задуматься над тем, чтобы оформить его в духе последних обсуждаемых событий, недавно вышедшего фильма, прибавить участие героев популярных именно сегодня мемов. Само собой разумеется, обложки в таком случае нужно периодически обновлять.
• Используйте легкие психологические приемы, помогающие обратить внимание. Например, довольно эффективным является изображение смотрящего в определенную сторону человека — туда, куда вы поместили важную информацию.

Какой не должна быть шапка?

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

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

Какой должна быть удачная обложка?

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

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

А теперь обратимся к более частным вариациям:

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

О размере обложки

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

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

• В браузере компьютера — 795 х 200 пикселей. Изображение не урезается, а только сжимается.
• Что касается мобильных устройств, то там шапка отображается несколько иначе. Она урезается согласно ширине экрана устройства. Например, если последняя равна 400 пикселям, то с каждого края ваша обложка будет урезана на 146 пикселей. Прибавьте еще пространство, отведенное на системные кнопки. Из-за него баннер станет уже на 80-140 пикселей с каждого края.

Простое создание обложки

Давайте разберем, как сделать обложку группы в ВК проще всего:

• Сделайте фотографию, которая как-то перекликается с тематикой вашего сообщества.
• Найдите подходящее стоковое изображение в «Гугле», «Яндекс. Картинках», на иных ресурсах. Красивые обложки для группы в ВК можно отыскать по схожему запросу.
• Если вам кажется, что изображение слишком отстраненное, то можно наполнить его новыми элементами, текстом в таких популярных онлайн-редакторах, как Fotor, Pablo или Canva.

Создание в «Фотошопе»

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

Итак, зайдя в программу, кликните на «Файл», далее «Создать». Для обложки лучше выставить такие параметры:

• Размер: 1590 х 400 пикселей.
• Разрешение: 72 пикселя в 1 дюйме.
• Цветовой режим: RGB (8 бит).

А далее — простор для творчества: формируйте слои из стоковых или личных изображений, вырезайте определенные объекты, добавляйте текст, обращайтесь к помощи фильтров и инструментов программы. Главное — иметь в голове четкий план того, что вы хотите в итоге получить.

Как установить обложку в группе в ВК?

Давайте сначала разберемся, как вообще поменять баннер в сообществе, администратором которого вы являетесь:

1. Под аватаром вашей группы, с правой стороны страницы, нажмите на три точки «…»
2. Перед вами появится выпадающее окно. В нем выберите «Управление сообществом».
3. Откроется окно администратора. Найдите раздел «Настройки» и щелкните на него.
4. Вы сразу увидите строку «Обложка сообщества». Она-то нам и нужна.
5. Как добавить обложку в группу ВК? Просто кликните на «Загрузить».
6. Перед вами появятся краткие рекомендации по формату изображения и размеру обложки группы ВК.
7. Стоит подбирать качественное фото с высоким разрешением.
8. Здесь, как и при выборе аватара, у вас есть возможность выбрать, какую зону изображения поместить на обложку: с помощью мышки передвигайте ограничивающий прямоугольник, чтобы остановиться на наиболее удачной области. Фотографию, кстати, можно и перевернуть.
9. Обязательно на окне с обложкой нажмите на «Сохранить и продолжить». Не торопитесь закрывать страницу!
10. В окне с настройками не забудьте кликнуть на «Сохранить».

Вот теперь можно смотреть на то, что получилось!

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

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

• «Загрузить» — установление новой фотографии. Как добавить обложку в группу ВК, вы уже знаете.
• «Редактировать» — повернуть изображение, изменить зону, которая будет видна в баннере.
• «Удалить» — убрать существующую обложку.

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

подробное руководство по дизайну сообществ ВК

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

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

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

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

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

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

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 уделяем им внимания, вводя новую функцию — подписка на хэштеги. С другой стороны, ни одного кейса от специалистов на эту тему нам не встречалось. Сообщества добавляют хэштеги в описание, чтобы страница получала больший вес при поиске внутри сети по соответствующим запросам.

Описание с хэштегами, журнал WebDesignMagazine

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

4.

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

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

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

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

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

5. Без шапки

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

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

Группа с пустым описанием Atmospheric Bass Music

6.

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

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

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

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

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

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

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

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

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

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

Закрытое меню Lady’s Club

Меню Motion Hub

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

Пост-меню паблика Мой компьютер

Закрытое меню группы английского языка

Меню интернет-магазина для девушек 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. Опросы

Мини-исследование Gillette

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

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

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

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

19. Вакансии

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

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

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

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

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

Группа по оформлению групп «Вконтакте» предлагает свои услуги

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

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

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

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

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

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

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

1. Миниатюра

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ваше УТП

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

Контакты

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

Супер цены

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

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

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

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

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

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

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

Розыгрыши

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

Вакансии

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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. Выделение текста построчно

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

Мудрость от Adme

Бизнес цитаты

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

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

Правильное образование

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

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

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

fishki.net

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

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

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

Пинтерест Милы Корниенко

Хорошо сказано

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

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

Простые мудрости

1001 мем

fishki.net

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

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

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

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

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

1. Fotor.com

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

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

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

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

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

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

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

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

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

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

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

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

2. Canva.com

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

Окошко регистрации, 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Меню Motion Hub

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

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

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

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

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

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

Danone и Lady’s club

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать табличную верстку?

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

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

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

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

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

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

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

{|fixed nopadding noborder |~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 позволяют убрать рамку вокруг изображения и отступы между ними. Если вы планируете создать меню в три столбика, просто скопируйте код из примера, вставьте свои картинки и ссылки.

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

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

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

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

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

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

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

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

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

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

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

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

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

Меню группы Стартап Академия

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

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

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

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

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

Метод №1

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

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

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

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

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

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

Методы №2

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

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

Заключение

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

Разметка шаблонов для оформления групп в социальных сетях (Вконтакте, Facebook, Youtube)

Красивое оформление пабликов и групп в социальных сетях — необходимость. Исследования утверждают, что при прочих равных клиент отдаст предпочтение паблику с более привлекательным дизайном. Хоть привлекательность и субъективный фактор. Оформляя свои группы и помогая друзьям, я столкнулся с тем, что каждый раз вспоминать рекомендуемые размеры неудобно. Сначала я записал их в заметки, а позже решил сделать себе шаблоны, которыми и делюсь с вами. В архиве три шаблона: для ВК, Фейсбука и Ютуба. Файлы в формате PSD (Photoshop). Они имеют рекомендованный размер и уже расставленные направляющие под разные размеры экранов (настольные компьютеры и мобильные девайсы).

Разметка для шапки группы/паблика Вконтакте

Социальная сеть Вконтакте дает рекомендуемые размеры обложки 795×200 px или 1590×400 px для экранов повышенной чёткости. Макет сделан для экранов высокой четкости. Хочу сразу предупредить, что на мобильных устройствах шапка обрезается по краям и немного сверху. Об этом ВК ничего не пишут при загрузке обложки. Методом научного тыка я определил ширину безопасной области в 1200 px (внутренние направляющие макета). Если окажется, что я все же промахнулся, сообщите мне в комментариях. Поправлю.

UPD. Новое обновление ВК существенно упростило работу с обложками. Сейчас можно не бояться, что на разных размерах экранов обложка будет выглядеть не так, как вы ожидаете. Рекомендуемое соотношение сторон для обложки — 3:1 (например, 1500 х 500 px). Для мобильной версии используйте вертикальный формат 1080 х 1920 px.

Разметка обложки группы/паблика Facebook

У Фейсбука с рекомендациями вообще интересно. В разделе поддержки указаны следующие размеры для обложек:

• 820×312 px для настольных компьютеров,
• 640×360 px для мобильных устройств,
• 851х315 px а вот этот размер считается у них оптимальным и самым быстрозагружаемым.

Почему-то для мобильных размер больше, чем рекомендуемый размер обложки для ПК. В макете сделал размер 851х360.

Разметка обложки канала Youtube

С Youtube все достаточно удобно. Рекомендуемые размеры обложки канала следующие:

• 2560х1440 px для телевизоров,
• 2560х423 px для настольных компьютеров и ноутбуков,
• 1855×423 px для планшетов,
• 1546×423 px для мобильных.

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

Скачать макеты

Размеры изображений для ВК – соотношение сторон для картинок

Размер изображения для ВК | формат картинки

---

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

Общие правила для размеров картинок в ВК

• 200 на 200 пикселей – минимальный размер картинки;
• 14000 пикселей – максимальная сумма высоты и ширины изображения.

Размер изображения для постов, записей в ВК

Размер изображения для постов, записей в ВК:

• 3 к 2 – соотношение сторон по длине и ширине для прямоугольной картинки в записи в ВК;
• 700 на 500 пикселей – оптимальный размер изображения для постов / записей в ВК;
• 1000 на 700 пикселей – максимальный размер картинки для статьи;
• 510 на 510 пикселей – минимальный размер квадратного изображения для поста в Вконтакте.

Размер обложки для статьи в ВК

• 510 на 286 пикселей – размер обложки для статьи в ВК.

Размер фото профиля в ВК

• 200 на 500 пикселей — размер фото для профиля в ВК (или любое фото большего размера с соотношением сторон 2 к 5).

Размер аватара для сообщества в ВК

• 200 на 200 пикселей – размер миниатюры аватара для сообществ, у которых есть обложка;
• 200 на 500 пикселей – минимальный размер полной картинки для аватара в сообществах, у которых нет обложки (или любое фото большего размера с соотношением сторон 2 к 5).

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

• 1590 на 400 пикселей – размер обложки для группы в ВК для полной версии сайта.

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

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

• 537 на 240 пикселей – размер обложки сниппета для исходящей ссылки.

Размер обложки для фотоальбома в Вконтакте

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

Размер изображения для товаров в ВК

• 1000 на 1000 пикселей – размер изображения для карточек товаров в ВК.

Размер фото для историй в ВК

• 1080 на 1920 пикселей – размер для фото в историях ВК.

Не нашли ответ? Тогда воспользуйтесь формой поиска:

Оформление группы ВКонтакте своими руками от А до Я (2021)

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

Начните с привлекательного внешнего вида.

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

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

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

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

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

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

Приготовьтесь, мы начинаем.

Как сделать так, чтобы фото не теряли качество при загрузке в ВК

Пусть вас не удивляет этот пункт в самом начале статьи.

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

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

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

Для сохранения качества изображения, перед загрузкой загляните в Photoshop.

• Измените размер фотографии до 2700px по большей стороне (1,5 максимальных ширины)
• Выберите Интерполяцию «Бикубическая, чётче» и сохраняем
• Снова перейдите в окно изменения изображения

Настройки фото с большим разрешением

• Измените размер фотографии до 1800px по большей стороне (1 максимальная ширина)
• Выберите Интерполяцию «Бикубическая» и сохраняем

Настройки фото с небольшим разрешением

• Перед загрузкой в ВК сохраните файл для веб: выберите формат jpeg, поставьте галочку sRGB и в разделе Preview: Internet standart RGB

Готово! Теперь качество фотографии сохраниться, а подписчик сможет рассмотреть детали и задуматься о покупке.

Оформление шапки сообщества

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

Обложка сообщества

Обложка – это первое, что видит подписчик. Горизонтальный или вертикальный блок (в зависимости от устройства) вверху страницы. Расположите на нем название и/или логотип. Чтобы клиент понимал, что кто вы и что он может у вас найти.

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

Пример обложки ВКонтакте

Не стоит добавлять всё сразу. Обилие текста на маленьком пространстве читается с трудом. Особенно с экрана мобильного, так как он меньше ПК в несколько раз. Мелкий шрифт начинает напоминать мошек, из которых нужно составить слова. Зачем портить зрение, если можно уйти к конкурентам?

Надписи располагайте ближе к центру – в мобильной версии обрезается по 200 пикселей слева и справа, а также 85 сверху.

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

Откройте управление сообществом Загрузите обложку в сообщество

Название сообщества

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

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

«Дизайнерские платья «Алиса» – хорошо. «Дизайнерские платья из авторского хлопка ед. экз» — плохо.

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

Основные настройки каждого сообщества ВКонтакте

Описание сообщества

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

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

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

Идеальная длина описания – 200 символов. Именно столько текста видит каждый посетитель ВКонтакте. Чтобы открыть полное описание, придется нажать на фразу «Показать полностью».

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

При оформлении используйте смайлы, списки, но не перебарщивайте. Максимальная длина описания: 3972 знака.

Готовое описание покажите 7-летнему ребенку. Если он поймет, чем занимается ваша фирма и почему стоит купить у вас, тест пройден. И да, мы знаем, что покупают не дети. Просто попробуйте.

Описание и название сообщества ВКонтакте

Адрес страницы

Адрес страницы сообщества. Он же ник. Выберите максимально простой и легкий для запоминания. Если ник переспрашивают, постарайтесь заменить. Используйте название фирмы, город, регион. @prodaji53 – хорошо. @optroznitsaexport – плохо.

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

Адрес Вашего сообщества ВКонтакте

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

Закрепленный пост сообщества. Ваше главное предложение или подводка к простому первому действию. 33 розы по цене одной или 10% скидка в обмен на подписку.

Оформляйте как обычный пост. Текст + прикрепленная информация (фото, видео, опрос или gif-ка). Если хотите выделиться, используйте формат «котопес».

Подробную инструкцию читайте ниже.

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

Пример закреплённого поста ВКонтакте

Меню сообщества

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

Доступно 7 ссылок на любые вложения группы: фото, видео, обсуждения, и 5 ссылок на приложения. Запрещено добавление ссылок на внешние сайты.

Меню ВКонтакте Добавление нового пункта меню

Кнопка действия

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

• позвонить по телефону
• написать на почту
• позвонить через ВКонтакте
• открыть сайт
• открыть мобильное приложение
• открыть приложение сообщества

Вы можете кнопку «Действия» настроить под свои нужды Настройки кнопки действия

Оформление историй ВКонтакте

Истории (Stories) набирают популярность не только в Instagram. Короткий срок жизни – 24 часа, стимулирует желание посмотреть материал, пока он не пропал.

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

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

Управление историями

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

Формат историй: вертикальные фото – 1080 × 1920 пикселей или 15-секундные видео. Чтобы записать видео, нажмите и удерживайте круглую кнопку.

Загрузка истории в сообщество через компьютер

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

Пример историй ВКонтакте

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

Загрузка истории с телефона

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

Кадрирование, цветовой баланс, изменение угла фото +/-45 градусов.

Варианты оформления:

• Надпись (доступно 24 цвета).
• Стикеры (для сториз или из вашей коллекции)
• Кисть/фломастер/карандаш (для надписей или закрашивания деталей)
• Маски и спецэффекты

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

Хештеги и упоминания не кликабельны.

Сюжеты для сториз:

• Прямые эфиры (до часа)
• История (фото, 3 секунды)
• Видеоистория (15 секунд)
• Пинг-понг (аналог бумеранг в Instagram, 3 секунды)

Просмотр историй с ПК

Оформление видео

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

Для загрузки видео во ВКонтакте, перейдите во вкладку видеозаписи и нажмите кнопку «добавить видео» (справа вверху).

Добавляем новое видео ВКонтакте

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

Если вы загружаете видео с другого сайта (например, youtube), воспроизведение начнется после нажатия на кнопку «play». Поэтому рекомендуем загружать напрямую и увеличивать охваты.

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

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

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

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

Описание и название видеоролика во ВКонтакте

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

Видео во ВКонтакте

Оформление статей

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

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

Список статей в группе ВКонтакте

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

Заголовок отобразится на обложке статьи после публикации.

Текстовый редактор для статей

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

Рекомендуем добавлять их каждые 500-1500 знаков. Вы можете опубликовать до 30 изображений в галерее.

Чтобы добавить медиафайл, перейдите на новую строку и нажмите «плюс». Вы увидите окно с иконками. Выберите тип вложения и загружайте его с ПК или сайта. Используйте место для подписи под файлом.2 ², (c) © и других.

После того как статья готова — загрузите обложку

Оформление подкастов

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

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

Более того, подкасты доступны не всем. Доступ к подкастам даст вам еще один балл в борьбе против конкурентов. Чтобы получить доступ, запишите первый эпизод, загрузите в аудиозаписи и пришлите его на рассмотрение в группу: https://vk.com/podcasters.

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

Правила ВКонтакте для утверждения подкастов:

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

Названия подкастов включает в себя до 40 символов. Называйте лаконично и понятно. «Интервью с Тимати о продвижении бренда» – хорошо. «Интервью с единственным и неповторимым Стасом Михайловым» — плохо.

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

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

Оформление постов

Классический

Посты – это индикатор жизни группы. Когда подписчик заходит в группу, в числе первых он смотрит на даты постов. Если это будет «поздравление с новым 2017г» то велик шанс, что он же окажется последним. Клиент пойдет искать группу, которая готова быть на связи здесь и сейчас. Учитывайте это, когда составляете план публикаций.

Частить тоже не следует.

Во-первых, вы не сможете каждый час выдавать качественный контент, если не наймете команду контентщиков.

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

Чтобы посты цепляли взгляд и вызывали интерес, сделайте их оформление привлекательным. Самый простой способ – текст + картинка.

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

Три основных варианта создания шаблонов/уникального стиля:

• Загляните на сайты canva.com и crello.com. На каждом из них вы найдете десятки готовых шаблонов для публикаций в соцсетях
• Найдите группы с бесплатными psd-шаблонами. Выбирайте готовый и вперед
• Обратитесь к услугам дизайнера

Пример оформленного поста ВКонтакте

Котопес. Формат изображения: картинка+статья (единое изображение из 2х частей).

Разделите нужное вам изображение на 2 части. Размер изображения статьи (низ) 1280 × 720 пикселей. Размер фото (верх) 1280 × «1280» Выделенное в кавычках число может быть практически любым!

Чтобы оформить формат котопес, опубликуйте статью. Добавьте изображение в пост. Напишите текст. Добавьте ссылку на статью. Готово.

Пример поста в стиле «Котопёс»

Котопес. Формат изображения: картинка+опрос (единое изображение из 2х частей).

Разделите нужное вам изображение на 2 части. Размер изображения опроса (низ) 510 × 200 пикселей. Размер картинки 510 × «510» пикселей. Выделенное в кавычках число может быть практически любым!

Обратите внимание, что низ картинки опроса затемняется и становится однотонным.

Пример поста в стиле «Котопёс»

Суперкотопес. Формат изображения: картинка+статья+опрос (единое изображение из 3х частей).

Разделите нужное вам изображение на 3 части. Размер изображения картинки (верх) 1023 × «720» пикселей. Размер опроса (середина) 1023 × 720 пикселей. Размер лонгрида 1023 × 720 (низ) пикселей. Выделенное в кавычках число может быть практически любым!

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

Пример поста в стиле «Суперкотопёс»

Виджеты

Хотите, чтобы клиент заметил отзывы или оставил контакт? Используйте виджеты. Дополнительный блок с персональным обращением к подписчику.

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

Виджет устанавливается для одного приложения и максимум 3х ссылок (в меню 7 ссылок и 3 приложения). Эффектная деталь оформления и навигация для клиентов.

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

Пример виджетов со специальными предложениями

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

Пример виджетов с участниками сообщества

Для установки виджета перейдите в блок управление -> приложения. Зайдите в настройку уже установленных приложений или выберите приложение «виджет в сообществе» или приложение, для которого вы хотите установить виджет.

Добавление виджетов в группу ВКонтакте

На время настройки виджетов поставьте режим видимости: «только для администраторов».

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

Минимальный размер изображений 160 × 240 пикселей. Формат картинки — jpg. Вы можете расположить индивидуальные картинки или сделать единую, состоящую из трех частей.

Пример виджета с подпиской на рассылку

После настройки поставьте видимость виджета «для всех пользователей», видимость кнопки приложения «для администраторов».

Приложения виджетов в сообществе Настройка виджета в сообществе ВКонтакте Настройте виджет перед публикацией

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

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

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

Аватар сообщества ВКонтакте

Размеры изображений

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

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

Круглая картинка, которая отображается слева от записи. Если вы создаете группу с 0, то увидите прямоугольник справа. Размер аватарки не менее 430 × 207 пикселей. Диаметр круглого аватара – 200 пикселей. Подбирайте изображения без текста, яркие и понятные.

Размеры аватара сообщества

Обложка сообщества

Сегодня во ВКонтакте два варианта обложек: главная (для ПК и мобильных) и живая (только для мобильных). Главная обложка имеет размер 1590 × 400 пикселей. При загрузке обложки система предлагает выделить допустимый разм с сохранением пропорций. При создании обложки учитывайте отступ сверху – 85 пикселей, и отступы по бокам по 200 пикселей. Именно эта часть обрезается в мобильном приложении.

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

Живая обложка

• Видео. Рекомендуемое разрешение 1080 × 1920. Длительность видео не более 30 секунд, размер файла до 30 МБ, видеокодек H.264, аудиокодек AAC. Чтобы появился звук, на обложку нужно кликнуть.
• Фото. 5 последовательно сменяющих друг друга изображений. Когда пользователь заходит в сообщество, он видит свернутый вариант. 850 × 912 пикселей. Развернутая обложка (после нажатия на нее) 1080 × 1920 пикселей.

Живая обложка ВКонтакте

Картинка к посту

Минимальный размер квадратных изображений: 510 × 510 пикселей. Если вы хотите четкое и яркое изображение, выбирайте размер от 800 × 800 пикселей. Оптимальное соотношение сторон горизонтальных постов: 3 к 2.

Популярный вариант: 700 × 500 пикселей. Максимальный: 1000 × 700 пикселей. Пропорции изображения при загрузке сохраняются.

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

Подборка изображений

Чтобы получить эффектный пост, используйте 6 изображений с одинаковыми сторонами. Например, 6 квадратов или 6 вертикальных картинок 682 × 1024/442 × 665 px.

ВАЖНО! Композиция будет соблюдаться только при просмотре с ПК. В мобильной версии подписчик увидит просто 6 изображений подряд.

Подборка изображений ВКонтакте Подборка изображений в мобильном формате

Сниппет

Появляется при публикации постов со ссылкой. Прямоугольник размером 537 × 240 пикселей. Чтобы получить 2 изображения в посте (фото к посту и сниппет), необходимо сначала добавить изображение, затем вставить ссылку и заменить изображение.

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

Изображение для публикаций с внешних источников. При публикации отображается картинка, указанная в метаданных сайта (поле og:image), либо берется просто картинка с сайта.

Исходный размер неважен — изображение будет сжато до размера 537 × 240 пикселей. Если картинка квадратная или вертикальная, большая часть изображения будет обрезана.

Меню

Блок прямоугольных кнопок со ссылками на вложения и приложения ВКонтакте. Доступно до 7 ссылок и 3 приложения. Минимальный размер изображений: 376 × 256 точек. В названии допускается до 20 символов.

Размеры меню ВКонтакте

Обложка статьи

Если статья содержит изображения, то автоматически ВКонтакте выберет одно из них. Чтобы заменить обложку, необходимо нажать крестик в правом верхнем углу и загрузить нужное вам изображение. Размер обложки составляет 510 × 286 пикселей. При выборе обложки учитывайте, что середину закроет название статьи и кнопка «читать».

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

Обложка фотоальбома

Рекомендуемый размер 1200 × 800 пикселей. В мобильной версии обрезаются нижние 200 пикселей. Максимум фотографий в одном альбоме: 10000.

Размер обложки фотоальбома ВКонтакте Обложки фотоальбомов ВКонтакте

Товары

Размер изображений 1000 × 1000 пикселей. Отображается обложка, можно добавить еще 4 файла. Горизонтальные изображения НЕ загружаются.

Размер изображений для товаров ВКонтакте Пример товаров ВКонтакте

Видеозаписи

Минимальный размер качественного видео 1280 × 720 пикселей. Максимальный вес – 5 Гб.

Пример видео во ВКонтакте

Обложки для видеозаписей. 1280 × 720 пикселей.

Размер обложки для видео ВКонтакте

Истории

Фото – 1080 × 1920 пикселей. Видео – 720 × 1280 пикселей. Максимальная длительность 15 секунд. До 10 Мб. Кодек h.264, звук AAC.

Размер историй ВКонтакте

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

Меню. Размер шапки: ширина 607 пикселей, высота произвольная.

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

Рекомендуемые форматы изображений:

Загружайте изображения в формате JPG, GIF или PNG.

Загружайте видео в форматах AVI, MP4, 3GP, MPEG, MOV, FLV, F4V, WMV, MKV, WEBM, VOB, RM, RMVB, M4V, MPG, OGV, TS, M2TS, MTS.

Теперь вы готовы к созданию продающего оформления группы ВКонтакте. Желаем вам успехов!

Размер шапки-обложки для группы Вконтакте

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

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

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

 

РАЗМЕР ШАПКИ (ОБЛОЖКИ) ДЛЯ ГРУППЫ ВК (ВКОНТАКТЕ)

1590x400px

 

 

КАК СДЕЛАТЬ ШАПКУ (ОБЛОЖКУ) ДЛЯ ГРУППЫ ВКОНТАКТЕ

Для того, чтобы сделать шапку (обложку) для группы Вконтакте, необходимо иметь две вещи: во-первых, какую-то графическую программу (Photoshop/Corel/Illustrator…), а, во-вторых, минимальные знания в дизайне. Если на Вашем компьютере установлена программа Photoshop, вот шаги для создания шапки Вконтакте самостоятельно:

1. Создайте новый файл размером 1590х440 с разрешением 300 и цветовым режимом RGB

 

2. Разместите необходимый текст и изображения. Помните: в приложениях Вконтакте процентов 15% срезается слева и справа. Поэтому не размещайте важную информацию близко к краю.

 

 

КАК СОХРАНИТЬ КАЧЕСТВО ОБЛОЖКИ

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

Для этого создайте слой из всех предыдущих и примените к нему фильтр «Цветовой контраст». 

 

А затем «Обычное наложение» слоя смените на «Перекрытие».

 

Сохраняйте в качестве 80 и «Бикубическая, четче», как показано на картинке:

 

КАК РАЗМЕСТИТЬ ШАПКУ В ГРУППЕ ВК

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

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

 

КАК ИЗМЕНИТЬ СТАРУЮ ОБЛОЖКУ В ГРУППЕ ВК

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

 

ПРИМЕР ОБЛОЖКИ ГРУППЫ ВКОНТАКТЕ

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

Мало того, что в мобильном приложении обложка обрезается слева и справа — она еще обрезается и сверху.

Плюс рекомендуем учесть, что на мобильной версии отступы для текста тоже не будут лишними. Например, на этой обложке необходимо было убедиться в том, что логотип «УЮТТА» не прилипает к левому краю экрана.

 

КАК ЕЩЕ ПРОДВИНУТЬ БИЗНЕС В ИНТЕРНЕТЕ, КРОМЕ ВКОНТАКТЕ

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

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

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

Если Вы еще сомневаетесь, какой вид продвижения выбрать, команда LESL.RU будет рада помочь с консультацией.

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

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

Что это такое

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

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

Ее преимущества в следующем:

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

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

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

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

Размеры обложки

1. Важное требование к живым обложкам – это вертикальная ориентация.
2. Если вы загружаете фотографии, то их высота должна составлять 1920 px, а ширина 1080 px. Также размер обложки может определяться соотношением девяти к шестнадцати, например, 720 на 1280, 270 на 480 пикселей.
3. Если вы решаете загрузить видео, то важно учитывать следующие требования:

• обязательный формат — MP4;
• стандарт сжатия — Н264;
• продолжительность — не более 30 секунд;
• кадровая частота — от 15 до 60 кадров в секунду;
• размер — максимум 30 Мб.

Как создать и загрузить

Давайте рассмотрим, как сделать живую обложку.

Заходим в свой аккаунт ВКонтакте. Выбираем сообщество, в которое нужно добавить живую обложку. В правой части экрана выбираем вкладку «Управление».

В появившемся окне напротив строки «Обложка сообщества» нажимаем на кнопку «Добавить».

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

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

Выбираем необходимые фотографии, нажимаем на кнопку «Открыть».

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

Крестиком закрываем это окно. Оказавшись в разделе «Основной информации», нажимаем на кнопку «Сохранить».

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

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

Нажимаем на фото, и оно увеличивается на весь размер экрана смартфона.

Нам демонстрируется слайд-шоу.

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

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

Обложка для группы ВКБ: как сделать и поставить шапку сообщества

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

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

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

Рекомендуемый размер обложки для группы ВКонтакте — 1590 × 400 пикселей. Однако владельцы сообщества могут использовать графику других размеров. Например, при просмотре страницы сообщества с компьютера обложка отображается в размере 795 × 200 пикселей.Для пользователей мобильных устройств заголовок сообщества подстраивается под размер экрана.

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

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

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

Что должно быть на обложке вашего сообщества

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

Используйте следующую памятку, если не знаете, какие элементы добавить на обложку сообщества:

Заголовок. Не переусердствуйте с творчеством. Потенциальные подписчики должны сразу понять из заголовка, откуда они взяли и какую полезную информацию они могут узнать от издателя.
Подзаголовок. Вы можете использовать его для расшифровки или дополнения названия. Постарайтесь быть краткими в формулировках.
Логотип. Если у вашей компании красивый и качественный логотип, разместите его в «шапке» группы. Этот элемент повысит узнаваемость вашего бренда.
Контактная информация. Номер телефона или адрес электронной почты также могут быть указаны на обложке группы. Например, если вы занимаетесь доставкой еды на дом и у вашей компании есть единый номер телефона для приема заказов, поместите его в «шапку».
CA фото. Еще один способ сообщить вашему будущему подписчику, что группа будет ему полезна. Однако перед тем, как разместить фотографию или изображение своего центра сертификации, не забудьте проанализировать и составить портреты потенциальных клиентов.
Фотография товара. Если вы собираетесь продавать товары через широкую публику, используйте качественные фотографии товаров в «шапке».

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

Примеры хороших обложек для шапки группы ВКонтакте

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

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

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

Как создать обложку ВК в Canva

Чтобы подписаться на услугу,

Чтобы создать обложку, перейдите на главную страницу сервиса: canva.com и активируйте 30-дневный бесплатный период (позже вы сможете отменить подписку и пользоваться сервисом бесплатно).Вы можете использовать свою учетную запись Google или профиль Facebook для входа в систему.

Шаг 1 . После входа в Canva приступайте к созданию обложки. Сделать это можно двумя способами — вручную, указав размер «заголовка». Когда вы нажимаете кнопку «Создать обложку для группы ВК», Canva откроет новый шаблон с рекомендуемыми размерами — 1590 × 400 пикселей — и вариантами макета.

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

Шаг 3: Чтобы изменить фон обложки, загрузите изображение в редактор, щелкнув значок «Загрузить» и нажав кнопку «Загрузить собственные изображения».

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

Шаг 4: Чтобы нанести текст на обложку, щелкните значок «Текст» и проверьте типы подписей и шрифтов.

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

Шаг 5. Когда обложка будет готова, сохраните изображение, нажав кнопку «Загрузить» вверху меню.

Сервис предложит выбрать формат — PNG, JPG и PDF (стандартный и для печати). Для ВКонтакте лучше использовать первые два формата.

Осталось только нажать на кнопку «Загрузить», и через несколько секунд обложка будет на вашем компьютере.

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

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

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

Не так давно представители ВКонтакте анонсировали еще один яркий способ оформления сообществ — живые обложки. Скорее всего, они со временем вытеснят привычный статичный дизайн. Живые обложки — это коллаж из меняющихся изображений (до 5 штук) или коротких видеороликов. Они отображаются в мобильных приложениях для iOS и Android.

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

Раскрутка группы ВК: раскручиваем себя

Взгляды: 2159 Соломоно

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

Планирование

Берем блокнот, лист бумаги или открываем EverNote в телефоне и «зарисовываем» контент-план. Чтобы определить характер контент-плана, нужно определить целевую аудиторию и понять, будет ли интересна информация этой категории людей.
Рекомендации к контент-плану:

• 20% реклама
• 40% развлекательный контент
• Полезное содержание 40%

Общинного типа

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

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

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

Как украсить группу в ВК

Это важный момент, который изначально определит, станет ли ваша группа популярной, поэтому мы делаем все аккуратно и правильно.
Размер изображения
1. На аватарку нужно загрузить картинку размером 200х200 пикселей, не меньше. Максимальный размер изображения — 200х500, соответственно соотношение сторон от 2 до 5.
2. Размер обложки для сообщества: 1590x400px.
3. Размер картинки для постов со ссылкой 537х240пикселей, можно и больше, если соблюдать пропорции.
4. Размер обложки для фотоальбома — 1200 x 800 пикселей
5. Размер изображения для видео — 1280 x 720 пикселей

Расскажи друзьям

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

Личные истории

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

Таймер для проводки

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

Как собирать идеи для контента

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

Взаимодействуйте со своей аудиторией

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

Несколько лайфхаков по генерации контента

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

Меню для группы Вконтакте Пошаговая инструкция.Основы оформления групп в ВКонтакте с использованием вики-разметки

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

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

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

А теперь подробнее по каждому пункту.

Размер аватара ВК

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

Максимальный размер аватара — 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера — до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их партий не превышало 2: 5.

Покажи на примере.

У меня есть образ. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке не возникает никаких ошибок. Однако я все еще не могу использовать это изображение, потому что «Контакт» не позволяет мне выделить его полностью.

Крышка

Размер обложки для полной версии сайта — 1590 на 400 пикселей.

Примечание: в мобильной версии А в приложениях отображается не полная версия обложки, а только ее 1196 часть размером 400 пикселей. Посмотрите, как он вырезан в мобильном приложении:

Чтобы этого не произошло, разместите основные элементы вашей обложки в пределах 1196 на 400 пикселей.

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

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

Звучит немного запутанно 🙂 Поэтому я покажу вам на примере.

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

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

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

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

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

Все эти данные взяты из кода разметки Open Graph:

Если Open Graph не зарегистрирован, заголовок берется из метагеги Title, а изображение — из статьи.При этом его легко изменить — либо выбрать другое изображение из статьи с помощью специальных стрелок:

Или загрузите свой:

Минимальный размер изображения, которое вы можете использовать в качестве анонса к своей статье — 537 на 240 пикселей. Однако при соблюдении пропорции можно загружать и изображения большего размера.

Картинка к статье, созданной в редакторе

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

Хороший пример:

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

Размер фото и видео для рассказов

Размер для фото — 1080 на 1920 пикселей. Размер для видео — 720 на 1280 пикселей.

Технические характеристики видео:

• до 15 секунд;
• не более 5 МБ;
• ч.264 кодек;
• звук aAC.

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

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

Размер обложки для фотоальбома

Размер картинки для видео

1280 при 720 пикселях.

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

Ширина области содержимого Wiki-страницы составляет 607 пикселей.Если вы загрузите изображение большего размера, оно автоматически загрузит 400 пикселей в ширину. Пример: у меня есть изображение размером 1366 для 768. Если я добавлю его на вики-страницу, то окажется, что:

Для изменения размера картинки нужно нажать и выставить нужные значения:

Как работать с вики-страницами, я подробно расскажу чуть ниже. Поэтому на этом они не остановятся.

Как сделать, чтобы картинки «ВКонтакте» не лазили? Влияние фона и размера на качество изображения.

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

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

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

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

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

Как сделать головной убор

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

Крышка

Не так давно ВКонтакте представило обновление — теперь на страницы можно загружать большие и красивые обложки (1590 на 400 пикселей). Для этого зайдите в настройки и нажмите кнопку Загрузить.

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

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

Примеры динамических крышек:

Обложка + Описание сообщества + Ссылка на сайт

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

Описание с хештегами

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

Исправлен пост, рассказывающий о какой странице

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

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

Открыто групповое меню

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

Вот какой фиксированный пост в шапке страницы Flatro:

Групповое меню закрыто

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

Но что мы видим, когда я нажимаю на него:

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

Меню переходов для группы

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

Гифка и Аватар в одном изображении

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

Кстати, я заметил этот пример у SMM-маркетолога Сергея Шмакова. Итак, за находку выражаю огромную благодарность 🙂

Скрытое меню

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

Видео с автоматическим воспроизведением

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

Как добавить такое видео в шапку своей страницы?

Для этого нужно выполнить три условия:

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

Запись, получившая много репостов

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

Анонсы новых клипов, альбомов, событий

Презентация новых товаров / услуг

Скидки и акции

Корпуса, отзывы покупателей

Рекламные приложения

Розыгрыши

Правила сообщества

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

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

Что должен Аватар

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

Миниатюрный аватар

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







2. Текст не должен выходить за рамки миниатюр.







3. Пользователи должны четко понимать, что изображено на аватаре.







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




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







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

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

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

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

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

Объявление о новом продукте / Услуги / События

Преимущества компании / Услуги / Страницы

Телефон предприятия

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

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

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

Акции

Соревнования

Вакансии

Какой должен быть Аватар?

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

1. Аватарка должна быть качественной. О том, как этого добиться, я писал чуть выше. Для тех, кто пропустил эту часть, скажу вкратце — размер аватара должен быть в 2-3 раза больше, чем вы планировали.
2. Желательно, чтобы аватарка была объединена из меню: была такая же цветовая гамма, были такие же шрифты, элементы и т.д. Благодаря этому ваши страницы будут выглядеть более аккуратно и профессионально. Пример:
3. Аватар и сам миниатюрный аватар могут быть разными.Например, можно нарисовать на аватаре круг, расположить его как угодно, выбрать эту область в качестве миниатюры, а остальная часть аватара выполнена в другом стиле.




Другой вариант — разделить аватар на две части. Один — для миниатюр, а второй — для всего остального аватара.




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




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

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

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

Домен сайта

Телефон / адрес / время работы

Конкурсы / Акции

Самые покупаемые товары / Новинка

информация о доставке

Рекламное мобильное приложение

Основные преимущества компании / страниц / товаров и др.

Обновить ассортимент / новое творчество и др.

Информация о том, что ваше сообщество является официальным

Информация о ближайших мероприятиях

Адреса аккаунтов в других социальных сетях

Расширенное описание страницы

Подсумок

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

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

Для того, чтобы объединить аватар и меню, вам понадобится программа Adobe Photoshop или ее аналог. Я объясню весь процесс на примере «Фотошопа». Итак, начнем.

1. Скачайте шаблон для «Фотошопа», который я специально подготовил для этой статьи.В обычном размере (меню — 510 пикселей по ширине, аватар — 200) или в увеличенном (меню — 1020 пикселей по ширине, аватар — 400).
2. Откройте изображение, которое хотите взять за основу.
3. Скопируйте его, вставьте в шаблон и разместите так, как хотите вырезать.

1. Добавить эффекты, текст, графику и т. Д.

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

1. Выберите инструмент «Вырезание» и нажмите кнопку «Фрагменты на направляющей».

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

1. Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».

1. Перейдите в то место, где вы сохранили картинки (рабочий стол или какую-то конкретную директорию), и найдите там папку с названием «Изображения».Именно там будут ваши изображения. Теперь осталось только вылить их на страницу.

П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но это значение может быть меньше. Например, как на странице «Wiki-разметка»:

Как использовать виджеты

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

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

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

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

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

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

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

А что делать тем, кто не умеет работать в «Фотошопе»?

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

1.Fotor.com.

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

Вставляем его в шаблон, выбираем левой кнопкой мыши, выбираем слой (значок Sandworm) и нажимаем на Move to Bottom. Таким образом, наша картинка вернется на задний план, а все надписи нанесены поверх нее.

После этого меняем текст, шрифт, размер шрифта, расположение надписи и т.д.

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

2. canva.com.

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

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

Выбираем шаблон (если в шаблоне стоит отметка «бесплатно», значит, он бесплатный), меняем текст.

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

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

В последнее время во «ВКонтакте» можно делать свои статьи в специальном редакторе. Для создания статьи необходимо нажать на букву «Т»:

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

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

Разметка

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

Точно так же и WordPress (или любая другая CMS) имеет редактор HTML, с помощью которого вы создаете статьи, а «контакт» имеет свой собственный редактор для создания и редактирования вики-страниц. Выглядит он так:

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

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

С чего начать?

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

После того, как скачали или нарисовали меню, нужно его вырезать. Для чего это? Это необходимо для создания отдельных ссылок, для того или иного изображения.Так как, если наше меню полностью в группе, то больше одной ссылки не работает, либо я чего-то не знаю. Кроме того, наше меню нужно настраивать по размеру, то есть необходимо учитывать, что максимальная видимая ширина составляет 388 пикселей (одно изображение), а остальные будут либо обрезаться, либо гонять в размерах, которые вы указываете при создании меню в группе, при этом изображение может растягиваться или наоборот сжиматься, что может испортить первоначальную задумку. Также стоит учесть, что, например, для горизонтального меню нам придется перемещаться по ширине 370 пикселей, иначе меню не строится по горизонтали.

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

Просто выберите этими инструментами необходимые области, например:

И за исключением веб-устройств.

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

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

После этого нам нужно скачать наши картинки, которые мы получили при нарезке меню.То есть нажмите «Добавить фото».

После загрузки картинок можно переходить к созданию меню. Для этого нажмите «Редактировать» рядом со свежими новостями.

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

[] [] []

Итак, разберемся подробнее что к чему:

… — Эти теги выравнивают наше меню по центру. Если их убрать, меню визжит к левому краю.

фото-48249652_297601976 — Путь к нашей картинке. Путь формируется следующим образом: Номер альбома_номер самой фотографии. Как найти путь к нашему имиджу? Все очень просто. Заходим в фотоальбом, в котором находятся наши картинки, и нажимаем на нужное изображение. Тогда в адресной строке мы увидим полный путь к нашему изображению.

130x46px; nopadding; — Параметры изображения: 130x46px; — Ширина и высота нашей картинки (может отличаться от размера самой стены) — для вертикального меню контакта CCC указывать не обязательно; nopadding; — Без пробелов — при использовании этой опции все пробелы (отступы) удаляются, а изображения объединяются в одно.

Вот что я сделал:

Горизонтальное меню ВКонтакте сделано по принципу. Единственное отличие состоит в том, что при написании кода новые пункты меню не нужно переносить в новую строку. А также не забывайте, что при таком расположении картинок мы можем использовать ширину всего 370 пикселей. Я почти не исправил приведенный выше код и получил:

[] [] []

А это выглядит так:

И еще хотелось бы добавить: Бывают ситуации, когда нам нужно вставить картинку в меню, но это не должна быть ссылка.Он должен выполнять роль украшения. Для этого достаточно использовать опцию «NOLINK». Наглядный пример: такое же горизонтальное меню, только первая кнопка не является активной ссылкой, а представляет собой простую картинку.

[] [] []

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

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

Удачных экспериментов!

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

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

Итак, вот три пути создания меню:

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

Кстати, для тех, кто предпочитает получать информацию через видео, а не читать длинные тексты, есть видео:

Путь №1. Заказать Создание меню от специалиста-дизайнера

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

Путь # 2. Использование онлайн-дизайнера

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

Путь № 3. Делай все сам

Преимущества этого пути очевидны: он бесплатный, и ты конвертируешь новые навыки. Минусы такие: нужны навыки и довольно долго (на первое время). Вот что вам потребуется:

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

Если вы думаете, что вам всем по плечу, то приступим.

Шаг №0. Общая информация о том, как устроено меню

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

Шаг 1. Подготовительный этап

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

Итак, вы создали новую группу. Давайте теперь узнаем идентификатор (ID) вашей группы. ID группы — это ее уникальный номер, с которым контактирует. Зайдите в свою группу и нажмите «записи сообщества» (если в группе нет записей, то вместо «записей сообщества» будет «нет записей»). Вы перейдете на новую страницу С этим типом типа:

https://vk.com/wall Xxx ? Собственное = 1

Вместо Ххх У вас будет набор цифр (и только цифр!).Это идентификатор вашего сообщества. Например, в нашей тестовой группе это 154457305.

Теперь давайте создадим новую вики-страницу в группе. Для этого сделайте ссылку такого типа:

http://vk.com/pages?Oid=- ID_Group & p =. Navigation_strant

http://vk.com/pages?Oid=- 154457305 & p =. Меню

Откройте полученную ссылку в браузере (скопируйте ее в адресную строку браузера и перейдите по адресу).Все, вы создали вики-страницу с заголовком «Меню» (если, конечно, не указали «Меню» в качестве имени страницы в ссылке). Вы должны увидеть такой текст: «Страница меню пуста. Заполните содержимое». В правом верхнем углу есть значок «карандаш» (). Щелкните по нему, чтобы перейти к редактированию страницы.

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

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

http://vk.com/page- ID_Group _ Xxx ? ACT = Edit & section = Edit

Часть адреса перед знаком «?» — Это адрес вашей вики-страницы. Запишите где-нибудь: В ВК нет возможности увидеть список своих вики и ссылки на них. Чтобы перейти к желаемой, вам необходимо знать ее адрес или снова воспользоваться ссылкой на Wiki-страницу.Использование последнего способа Имейте в виду, что страницы, если они уже существуют, не создаются заново.

Шаг №2. Делаем простое меню для группы ВКонтакте

Итак, у нас есть вики «Меню». Переключитесь в режим разметки редактора и добавьте следующий код:

Нажмите кнопку «Предварительный просмотр», расположенную под редактором. Вы должны увидеть список из трех ссылок. Первые два являются внешними и ведут на главные страницы «Яндекс» и Google соответственно. Третья ссылка внутренняя. Она ведет в Паблик ВК с ID «1» (это официальная группа ВК для разработчиков).Если у вас в превью отображается код, а не ссылки (которые можно нажимать) — значит вы ввели код в режиме визуального редактирования , а не в режиме разметки. Будь осторожен!

Обращаем ваше внимание, что внешние ссылки на код Viki-VC оформляются одинарными скобками, а внутренние — двойными. В этом случае внутренние ссылки ВК указываются не как обычный адрес сайта, а как указатель на конкретный объект ВК. Например, указатель на группу имеет такую ​​запись:

клуб. ID_Group

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

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

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

Шаг №3. Где можно разместить вики-страницы vkontakte

Основных мест два: вы можете создать сообщение со ссылкой на вики-страницу или разместить его в разделе «Материалы» вашего сообщества.

Начнем сначала. Начать добавлять новую запись На стене вашей группы. Сначала прикрепите к нему любую фотографию. Лучше сделать большую фотографию, ширина которой больше высоты.Затем вставьте ссылку на созданную запись на созданную вами вики-страницу с помощью простейшего меню. Именно ее мы попросили вас записать чуть раньше. Напомним, ссылка имеет такой вид ( у вас будут другие номера ):

http://vk.com/page-121237693_72827423.

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

Кликните по фото в фиксированном посте: появится ваша вики с простейшим меню группы.

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

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

Перейти к этой новинке. Нажмите на крик «Редактировать». В результате вы попадете в уже знакомый вам редактор Wiki-страницы. Единственное отличие — есть поле для ввода названия страницы.Измените его из «Свежих новостей» в «Меню2». IN mode режим редактирования изображения Введите следующий код:

«» «Версия меню для раздела» Материал «» «

[]

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

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

Мы узнали, что меню можно разместить в двух местах. Желательно сделать это и в виде фиксированной записи и в разделе «Материалы». Запомните два нюанса:

• Фиксированную запись увидят 98% ваших посетителей, а в раздел Материалы попадут только 25-40% самых любопытных, а также приверженцев старых пользователей вашей группы, знающих что там есть что-то полезное.
• Фиксированная запись с картинкой для вызова меню может быть дополнена текстом. Так вы не потеряете эту особенность закрепленной записи. Но и перебарщивать тоже не стоит: чем больше текста, тем ниже ссылка на открытие вашего меню.

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

Кстати. Вы можете делать ссылки с одних вики-страниц на другие. Это работает так: пользователь открывает (например, используя ссылку на изображение в сообщении) первую вики-страницу. И у него есть ссылки на другие вики-страницы. При нажатии на эти ссылки откроется соответствующая вики-страница. Таким образом можно создавать довольно сложные и многоуровневые меню и, например, инструкции.Однако мы не советуем вам слишком сильно заниматься этим без необходимости.

Шаг №4. Как сделать меню в группе ВКонтакте. Graphic

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

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

А во-вторых, как мы уже сказали, вики ВКонтакте появилась в те времена, когда о мобильных приложениях мало кто вообще слышал. Наше условно «простое» меню будет работать корректно и качественно везде: в браузерной версии ВК, в мобильных браузерах И, наконец, в приложении. Многие «сложные» меню этим похвастаться не могут. Более того, в большинстве случаев «простое» меню будет работать лучше «сложного», которое «разваливается» при просмотре в официальном приложении в контакте с.Чаще всего будет лучше остановиться на таком варианте меню. Да, есть вполне подходящие реализации меню. Вы можете поэкспериментировать с ними. Но наш опыт показывает, что они практически не добавляют реальной выгоды в виде конверсий, покупок и репутации. А проблемы — вполне могут.

Наше тестовое меню будет выглядеть так:

Всего две кнопки. Первый будет вести на главную страницу Яндекса, а второй — в группу VKontakte Team.

Вертикальное графическое меню в ВК — изображение, вырезанное на полосе.Эти бэнды размещаются друг в друге с помощью разметки на странице вики. На некоторых из этих «полосок» прописаны ссылки. При нажатии на такое изображение происходит переход по ссылке, по сути, с этой ссылки. Одна полоска — это одно звено. Некоторым полосам (например, промежуточным, которые расположены между элементами) наоборот назначается отсутствие референса. Такие полосы становятся «незапираемыми».

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

• Для начала нужно нарисовать меню.Его ширина должна быть строго , 600px, (пикселей). По высоте рекомендуется делать меню не более 900 пикселей. Лучше всего сохранять результат в формате PNG, в крайнем случае — в формате JPG. Воспользуйтесь знакомыми и удобными инструментами для рисования (например, Photoshop или GIMP). Результат здесь на 95% зависит от ваших творческих и технических навыков. Даже если вы совсем не умеете пользоваться графическими редакторами — не отчаивайтесь. Навыков хватит максимум на пару часов. В Интернете огромное количество справочной и обучающей информации.Кроме того, возможность хотя бы использовать графический редактор очень и очень полезна для публичных администраторов. Зря не потратишь.
• Далее рисунок из меню разрезается на горизонтальные полосы. Сделать это можно любым удобным для вас способом: от обычного множества фотошопов до различных онлайн-сервисов. Если у вас нет идей, как это делается — просто задайте вопрос любимой поисковой системе. Не будем подробно описывать техническую часть процесса резки: способов десятки, одни подходят для одних пользователей, а другим не подходят.При обрезке необходимо соблюдать одно простое правило: высота одной полосы не должна быть меньше 60px . В противном случае у вас могут возникнуть проблемы с отображением меню в приложении и в мобильных браузерах: т. Н. «Белые полосы» между изображениями.
• Нарезанные «полоски» загружаются в альбом группы или альбом на странице администратора группы. Мы рекомендуем второй вариант. В любом случае альбом с нарезанными частями меню должен быть в открытом доступе. .В противном случае те пользователи, для которых недоступны изображения из альбома, не увидят ваше меню!
• Компилируется код вики-разметки, который вставляется на нужную вики-страницу.
• Группа размещает фиксированный пост со ссылкой на вики-страницу с меню. О том, как делается такой пост. Подробно мы писали выше. Кроме того, код (с небольшими изменениями) можно добавить на корневую вики-страницу (пункт справа от пункта «Информация» появляется при разрешении раздела «Материалы».Подробнее — см. Выше).

А теперь подробнее займемся загрузкой частей меню и кода Wiki. Мы подготовили для вас. Имеет два каталога: «1» и «2». Первый содержит части самого примитивного и простого варианта слайсера для нашего меню — на две части. Скачайте архив, скачайте изображения (1.png и 2.png) из каталога «1» в новый альбом (дома или в группе).

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

«ССЫЛКА» — Это целевая ссылка. Например, https://yandex.ru/. Помимо обычного внешнего вида Эта ссылка может быть указанием на объект ВКонтакте: пост, страницу пользователя или группу. Например, после нажатия кнопки переход в Сообщество ВКонтакте можно указать как его адрес (https://vk.com/team) и указатель на него (Club22822305). В принципе разницы не будет.Внешние ссылки (те, которых нет на ресурсах ВК) мы рекомендуем вырезать через

Учитывая, что это меню находится не в группе, а на странице (Public) ВКонтакте, я решил показать вам, как все это делается! Давно уже колотили вопросами: как сделать меню в паблике, как сделать так, чтобы меню было открыто, как сделать клип и т.д .. вот инструкция!

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

Меню в публичном доступе? Проще простого!

Перечитайте еще раз Статьи: А, теперь мы воспользуемся этими знаниями!

3 шага к красивому публичному меню!

Вы, наверное, уже догадались, что в основе такого меню лежит … прикрученный пост с внутренней страницы! Лично мне такой способ очень нравится, даже в группе своего блога я отказался вставлять и использовать именно «Меню во взрыве».А теперь дам четкую инструкцию «как это сделать»!

Шаг № 1: Создайте внутреннюю страницу меню

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

Вариант 1: (Нормальный)

http: // vk.com / pages? Oid = Xxx & p =. Navigation_strant

, где xxx — идентификатор вашей публичной страницы,

и «Имя Савраиста» — любое слово на этой странице будет называться

Вариант 2: (облегченный, но)

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

Это меню вики-кода

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

А это готовая страница меню

Шаг 2: Создайте сообщение на стене

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

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

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

Картинка повторяет меню и привлекает внимание посетителей к странице

Шаг № 3: Исправить сообщение

Наконец-то мы все готовы и вывешиваем пост с картинкой и ссылкой на стену! Теперь нам нужно перенести это в шапку группы, закрепить пост по главному, что-то сделать… Для этого нажимаем на дату / время поста (для каждого поста есть дата публикации), попадаем на внутреннюю страницу поста, листаем ее вниз и ищем кнопку «Исправить» «Смотреть в картинку, которую нужно найти:

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

vk.com/frilkacom

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

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

У меня все есть! Делитесь статьей с друзьями, добавляйте в избранное и следите за обновлениями блога, чтобы не пропустить новые интересные статьи!

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

Что такое разметка вики?

Как сделать групповое меню ВК? Разметка Wika — хороший помощник! Это очень эффективный и удобный способ создания группы в социальной сети «ВКонтакте».Эта разметка по принципу действия очень напоминает код hTML. Но для людей, не имеющих отношения к программированию, это будет более понятно за счет простоты реализации. Свое название Wiki-разметка получила благодаря Википедии, где многие пользователи впервые смогли ознакомиться с основными особенностями ее функционирования. Разметка Wika позволяет людям без знаний в программировании быстро и легко составлять внешний вид Группы:

1. Создавать графические спойлеры и таблицы.
2. Форматирование текста и изображений.
3. Работа с якорами и ссылками.

Как сделать групповое меню ВК? Рекомендации так необходимы, но в целом это можно понять с помощью хорошего руководства. Если говорить о HTML, то для изучения и работы с ним нужно было сидеть несколько дней, а то и неделю. Разметка Wika с хорошей памятью требует совсем немного времени. Как его создать? Какие есть подходы? Итак, поговорим о технологиях, а кто это сделал? Разберемся, как сделать групповое меню ВК.Уорд Каннингем впервые ввел понятие «вики» (в переводе с гавайского означает «быстрый»).

Wikic Marking Methods

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

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

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

Работа с изображениями

Как сделать меню в группе в ВК, что было бы красиво? В социальной сети «Вконтакте» вставка фото или картинки с использованием вики-разметки предоставляется только в тех случаях, когда они загружены в фотоальбомы сайта. Итак, заходим в него, выбираем желаемое фото и копируем его адрес. Например, пусть это будет так: Photo12345_67890. Теперь надо разобрать его на дубль должен получиться такой результат: []. А что, если к тексту или ссылке нужно прикрепить фото или картинку? А может есть желание немного отредактировать внешний вид? Тогда в этом поможет следующее: необходимо, чтобы файл был такого типа — [[Photo12345_67890 | Опции | текст / ссылка]].Вместо последних трех слов подставляется то, что нужно. Текст — Пишем то, что нужно. В особых пояснениях вроде бы не надо. Ссылка с английского переводится как ссылка. Он указывается для того, чтобы машина пользователя знала, куда ей нужно идти. Параметры — здесь могут быть установлены следующие значения:

1. Обычный — Ссылка на изображение оформлена в виде текста, на ней нет изображения.
2. NOBORDER — рамка убрана возле фото.
3. Коробка — Изображение открывается в окне.
4. NOLINK — Ссылка на фото убрана.
5. Nopadding — пробелы между изображениями не отображаются.
6. NNNXYYYPX или NNNPX — укажите размер картинки в пикселях. Первый вариант обеспечивает ширину и высоту. При желании можно «сжать» картинку. А второй вариант предусматривает редактирование ширины.

Как создавать таблицы с помощью вики-разметки?

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

1. (| — Так обозначено начало таблицы. Без него невозможно обойтись при создании данного элемента невозможно, это обязательный атрибут.
2. | — Используется для придания ячейкам эффекта прозрачности.
3. | + — Используя этот набор символов, имя таблицы вызывается в центре.Это не обязательный атрибут, но ставить его следует сразу после знаков, обозначающих начало.
4. | — — Так указывайте новые строки (в том числе для ячеек).
5. ! — Придает темный цвет. В случае эго необходимо использовать знак из пункта №2.
6. |) — набор знаков, обозначающих конец таблицы. Это необязательный атрибут. Но все же рекомендуется использовать его, чтобы не допустить ошибки.

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

Создание группового меню в социальной сети «ВКонтакте» с использованием вики-разметки: Пример реализации

Здесь будут использоваться параметры NOBORDER и NOLINK. Они уберут рамку картинки и ссылку. Также изображения будут изменены в размере, а вторая строка ячеек будет иметь темную заливку из-за использования атрибута !.А вот и сам пример:

{|
| —
|

«‘Новое в науке»‘ ||
| —
! [] !!
| —
|
[[Новости науки | Новости]]

[[Открытия]]

|

[[Конференция]]

[[Разработка]]

[[Книги]]

[[Симпозиумы]]

|

Разделы:

[[Медицина | 1]] | [[Физика | 2]] | [[Математика | 3]] | [[Экономика | 4]]

[Химия | 5]] | [[Биология | 6]] | [[Программирование | 7]] | [[Электрооборудование | 8]]

| —
|}

Как видите, ответ на вопрос: «Как сделать меню в группе в ВК?» Очень просто.

Важность вики-разметки в продвижении вашего проекта

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

Заключение

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

D01 E14 16A V-K 3 полюса

Логистические данные

Товар

Код EAN для одного товара

38388950074409

Масса нетто изделия

0.193 кг

Таможенный тариф

85389099

Базовая упаковка

Кол-во в базовой упаковке

5

Код EAN для базовой упаковки

3838895007449

Вес базовой упаковки

0.925 кг

Объем базовой упаковки

1,987

Транспортная упаковка

Кол-во транспортной тары

40

EAN код транспортной упаковки

3838895716877

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

9 кг

Объем транспортной упаковки

26.1

Кол-во на поддоне

1200

Объем поддона

1044

Классификация ETIM

Классификация

EC001644

Название класса

Блок предохранителей системы D0

Приложение

Бытовая и промышленная установка

Строительный размер

D01

Материал

Фарфор

Максимум.номинальное рабочее напряжение Ue AC

400

Способ монтажа

Нижнее крепление

Номинальный ток

25А

Номинальное номинальное напряжение

400 В

Количество полюсов

3

Номинальное напряжение при постоянном токе

400

Версия с крышкой

да

Классификация ETIM — Версия 7.0

Документы

Изображения и схемы

Теги

002221020 Основание предохранителя, D01 E14 16A V-K 3pD0 Основания предохранителейКерамическое основание предохранителейКерамическое основание предохранителей3 p D03p D01 Разъединители и основания предохранителей Для предохранителей D0 D01 E14 16A V-K Номинальный ток 25AДля использования с плавкими вставками D0 Тип С защитной крышкой Номинальное напряжение D01N 400VРазмер.Количество полюсов 3 Группа продуктов Основание предохранителя низкого напряжения Номинальное переменное напряжение 400 В Номинальное напряжение постоянного тока 400 В Размеры E14 Монтаж Винтовой монтаж Группа каталогов Основание предохранителя низкого напряжения Стандарты IEC60269 Применение Основание плавкой вставки D01 D01 С защитной крышкой E14 3 25A 400V 400V

Таблетки пенициллина ВК 250 мг — Сводка характеристик продукта (SmPC)

Эта информация предназначена для медицинских работников

Пенициллин ВК Таблетки 250 мг

Феноксиметилпенициллин 250 мг таблетки, покрытые оболочкой

Каждая таблетка содержит 250 мг феноксиметилпенициллина (в виде феноксиметилпенициллина калия).

Полный список вспомогательных веществ см. В разделе 6.1.

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

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

Позология

Взрослых: Дозировка составляет 250-500 мг каждые шесть часов.

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

Профилактическое использование: Дозировка составляет 250 мг в день для длительной профилактики ревматизма.

Детское население

Дети 1-5 лет: 125 мг каждые шесть часов

6-12 лет: 250 мг каждые шесть часов

Чтобы избежать поздних осложнений (ревматическая лихорадка), инфекции, вызванные β-гемолитическими стрептококками, следует лечить в течение 10 дней.

Лечение острого среднего отита пенициллином V должно быть ограничено 5 днями. Однако пациентам с потенциальными осложнениями может быть рекомендовано лечение в течение 5-10 дней.

Способ применения

Пенициллин ВК таблетки 250 мг / феноксиметилпенициллин 250 мг таблетки с пленочным покрытием предназначены для перорального применения.

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

Феноксиметилпенициллин противопоказан пациентам с известной гиперчувствительностью к пенициллину.

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

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

С особой осторожностью следует назначать феноксиметилпенициллин пациентам с аллергическим диатезом или с бронхиальной астмой

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

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

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

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

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

Каждая таблетка Penicillin VK Tablets 250 мг / Феноксиметилпенициллин 250 мг таблеток с пленочным покрытием содержит 28 мг калия, который может быть вредным для людей, соблюдающих диету с низким содержанием калия, и может вызвать расстройство желудка, диарею и гиперкалиемию. Высокие дозы следует применять с осторожностью пациентам, получающим калийсодержащие препараты или калийсберегающие диуретики.

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

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

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

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

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

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

Гуаровая камедь может замедлять скорость абсорбции феноксиметилпенициллина.

Феноксиметилпенициллин имеет следующую информацию о взаимодействии:

Неомицин — неомицин снижает абсорбцию феноксиметилпенициллина.

Совместное применение феноксиметилпенициллина и пероральных антикоагулянтов (например, варфарина) может продлить протромбиновое время.

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

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

Thyphoid Vaccines — антибактериальные неактивные пероральные вакцины против брюшного тифа.

Беременность

Исследования на животных с феноксиметилпенициллином калия не показали тератогенных эффектов.

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

Лактация

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

— модификация флоры кишечника

— прямое воздействие на младенца, например аллергия / сенсибилизация

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

Повышенная чувствительность

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

Желудочно-кишечный тракт

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

Иногда наблюдаются тошнота, диарея, рвота, стоматит и глоссит.

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

Кровь

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

Центральная нервная система

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

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

Сообщение о предполагаемых побочных реакциях

Важно сообщать о предполагаемых побочных реакциях после получения разрешения на лекарственный препарат. Это позволяет непрерывно контролировать соотношение польза / риск лекарственного средства.Медицинских работников просят сообщать о любых предполагаемых побочных реакциях через схему желтых карточек (www.mhra.gov.uk/yellowcard).

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

Механизм действия

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

грамположительные аэробы и анаэробы, в том числе

Bacillus anthracis

Clostridium perfringens

Clostridium tetani

Corynebacterium diphtheriae

Erysipelothrix rhusiopathiae

Listeria monocytogenes

Peptostreptococcus spp.

Streptococcus agalactiae (Группа B)

Streptococcus pneumoniae

Streptococcus pyogenes (Группа A)

грамотрицательные, в т.ч.

Neisseria meningitidis

Neisseria gonorrhoeae

Феноксиметилпенициллин инактивируется пенициллиназой и другими бета-лактамазами.

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

Поглощение

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

Феноксиметилпенициллин быстро, но не полностью всасывается после перорального приема, и уровень абсорбции составляет около 60%. Одновременный прием пищи немного снижает пиковую концентрацию феноксиметилпенициллина в плазме, но не влияет на степень абсорбции.Пиковые концентрации в плазме достигаются примерно через 45 минут. Пиковая концентрация в плазме увеличивается примерно пропорционально увеличению доз. Пиковые концентрации в сыворотке 3-6 мкг на мл наблюдались после приема внутрь от 250 до 500 мг.

Распределение

Феноксиметилпенициллин широко распределяется в тканях и жидкостях организма (объем распределения около 0,2 1 кг-1 массы тела) и легче проникает в воспаленные ткани.Он также проникает через плаценту в кровообращение плода и в небольших количествах появляется в молоке кормящих матерей. Сообщается, что восемьдесят процентов связаны с белками.

Биотрансформация

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

Ликвидация

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

Экскреция осуществляется канальцевым секретом с мочой. Около 40% дозы выводится с мочой в неизмененном виде или в виде пеницилловой кислоты в первые 10 часов после перорального приема. Небольшое выделение происходит с желчью.

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

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

Ядро планшета

Стеарат магния

Тальк (E553b)

Макрогол 6000

Повидон (E1201)

Мальтодекстрин

Покрытие для таблеток

Диоксид титана (El 71)

Гипромеллоза (E464)

Тальк (E553b).

Нет известных несовместимостей.

Срок годности этого лекарственного препарата в упаковке для продажи составляет два года.

При хранении таблеток пенициллина ВК 250 мг / феноксиметилпенициллина 250 мг таблеток с пленочным покрытием действуют следующие условия:

— «Не хранить при температуре выше 25 ° C»

— «Хранить в оригинальной упаковке» (при фасовке в блистеры)

— «Держите контейнер плотно закрытым» (при упаковке в защитные контейнеры)

Таблетки, покрытые пленочной оболочкой 250 мг, представлены в следующих контейнерах

_ Бутылки из янтарного стекла с полиэтиленовыми откручивающимися крышками, содержащие 50 или 100 таблеток.

_ Полипропиленовые контейнеры с полиэтиленовыми защелками на крышках, содержащие 50, 500 или 1000 таблеток.

_ Блистеры по 10, 14, 20, 21, 28 или 30 таблеток.

Доступны не все размеры упаковок.

Sandoz GmbH

Biochemiestrasse 10

A-6250 Kundl

Тироль

Австрия.

26 ноября 1998 г. (последняя дата продления).

Roland — ВК-88 | Комбо-орган

Подлинный во всех отношениях

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

Advanced Virtual ToneWheel Sound

Звуки органа VK-88 основаны на том же усовершенствованном звуковом движке Virtual ToneWheel, который используется в знаменитом комбо-органе VK-8.Игроки могут выбрать один из четырех аутентичных типов тонального колеса — Vintage 1, Vintage 2, Solid и Clean — а затем дополнительно настроить звук с помощью гармонических полос. VK-88 даже позволяет игрокам регулировать уровень утечки и звук щелчка — прямо как органы прошлых лет!

Моделирование усилителя COSM и вращающегося динамика

Помимо способности точно моделировать звук винтажного вращающегося динамика, VK-88 поддерживает четыре типа моделей усилителей COSM. Теперь вы можете получить любой вообразимый тембр органа — от чистого звука евангельского органа до грубого звука рок-органа (благодаря недавно разработанному COSM Amp Type IV, который имеет невероятную ступень усиления для убийственного искажения вниз-вправо).

Создан для артистов

Поднимите свое выступление на новый уровень с помощью светочувствительного контроллера D Beam. Используя инфракрасный луч со светодиодом, который меняет цвет в зависимости от близости вашей руки, вы можете управлять различными предустановленными параметрами, такими как скорость вращения (медленно / быстро). А с Active Expression игроки могут медленно плавно переходить в один из оркестровых тонов VK-88 с помощью дополнительной педали экспрессии EV-7. Эти дополнительные тембры открывают новые возможности для исполнения на органе, а регистрация 64 пользователей позволяет быстро и легко вызывать их.

Увеличьте размер вашего комбо!

Добавив дополнительно PK-25, игроки получают 25-нотный педалборд, идеально подходящий для игры на басу. Разработанный, чтобы соответствовать отличительному внешнему виду VK-88, PK-25 также включает в себя съемную педаль экспрессии и два ножных переключателя. Соедините VK-88 со стереофоническим микшерным усилителем Roland KC-1000, и вы получите 310 ватт мощного звука с уникальными окружающими эффектами RSS, компрессией на разнесенных частотах и ​​ультра-реалистичной реверберацией корпуса.

Безопасность | Стеклянная дверь

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

Nous aider à garder Glassdoor sécurisée

Nous avons reçu des activités suspectes venant de quelqu’un utilisant votre réseau internet. Подвеска Veuillez Patient que nous vérifions que vous êtes une vraie personne. Вотре содержание apparaîtra bientôt. Si vous continuez à voir ce message, veuillez envoyer un электронная почта à pour nous informer du désagrément.

Unterstützen Sie uns beim Schutz von Glassdoor

Wir haben einige verdächtige Aktivitäten von Ihnen oder von jemandem, der in ihrem Интернет-Netzwerk angemeldet ist, festgestellt. Bitte warten Sie, während wir überprüfen, ob Sie ein Mensch und kein Bot sind. Ihr Inhalt wird в Kürze angezeigt. Wenn Sie weiterhin diese Meldung erhalten, informieren Sie uns darüber bitte по электронной почте: .

We hebben verdachte activiteiten waargenomen op Glassdoor van iemand of iemand die uw internet netwerk deelt.Een momentje geduld totdat, мы узнали, что u daadwerkelijk een persoon bent. Uw bijdrage zal spoedig te zien zijn. Als u deze melding blijft zien, электронная почта: om ons te laten weten dat uw проблема zich nog steeds voordoet.

Hemos estado detectando actividad sospechosa tuya o de alguien con quien compare tu red de Internet. Эспера mientras verificamos que eres una persona real. Tu contenido se mostrará en breve. Si Continúas recibiendo este mensaje, envía un correo electrónico a para informarnos de que tienes problemas.

Hemos estado percibiendo actividad sospechosa de ti o de alguien con quien compare tu red de Internet. Эспера mientras verificamos que eres una persona real. Tu contenido se mostrará en breve. Si Continúas recibiendo este mensaje, envía un correo electrónico a para hacernos saber que estás teniendo problemas.

Temos Recebido algumas atividades suspeitas de voiceê ou de alguém que esteja usando a mesma rede. Aguarde enquanto confirmamos que Você é Uma Pessoa de Verdade.Сеу контексто апаресера эм бреве. Caso продолжить Recebendo esta mensagem, envie um email para пункт нет informar sobre o проблема.

Abbiamo notato alcune attività sospette da parte tua o di una persona che condivide la tua rete Internet. Attendi mentre verifichiamo Che sei una persona reale. Il tuo contenuto verrà visualizzato a breve. Secontini visualizzare questo messaggio, invia un’e-mail all’indirizzo per informarci del проблема.

Пожалуйста, включите куки и перезагрузите страницу.

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