В этой статье мы пошагово рассмотрим, как правильно создать, настроить и качественно оформить сообщество «ВКонтакте»

Создание сообщества

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

Вид сообщества и тематика

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

Оформление группы

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

На обложке можно разместить:

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

Обложка в сообществе «МТС»

Обложка в сообществе «Тинькофф Банк»

Обложка в сообществе «HeadShot»
Размеры изображений для оформления сообщества ВКонтакте.
Размер обложки для группы ВКонтакте 1590x400px
Размер миниатюры аватара — круг диаметром 200px

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

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

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

Лайфхак: Для того, чтобы сделать описание сообщества более подробно (с фото, ссылками и красивой версткой), необходимо поставить в закрепленную запись вики-пост, в котором будет яркая картинка и призыв к действию.

Примеры вики-постов:


Аватар группы

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

    1. Текст
      Если вы размещаете текст на миниатюре аватара, важно, чтобы он был крупным и не выходил за пределы аватара.
    2. Понимание
      На аватаре необходимо разместить изображение, на котором будет понятно, что изображено.
    3. Минимализм
      Для того, чтобы вашa аватаркa смотрелась актуально, можно сделать её в стиле минимализм: меньше слов и излишних элементов, не несущих практически никакой смысловой нагрузки. Миниатюра аватара обязана быть максимум простой и читабельной.
    4. Привлечь внимание
      Чтобы миниатюра аватарки привлекала внимание. Нужно оформить её так, чтобы она не была слишком белой и скучной, иначе она потеряется на фоне более красочных аватарок конкурентов.

Что разместить на миниатюре аватара?

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


Настройки сообщества

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

Далее во вкладке «ссылки» указать ссылки на вашу страницу в других соцсетях и ссылку на ваш сайт.

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

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

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

Вики-меню - красиво и информативно

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

Примеры вики-меню:



Подробное руководство по созданию вики-меню вы можете посмотреть тут —

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

Для чего мы это делаем

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

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


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

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

Socelin для накрутки качественных подписчиков в паблик

Подробная инструкция по созданию сообщества от А до Ю

Создаем группу вконтакте с нуля


Настраиваем группу

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


Раскрути страницы и паблики VK с помощью Brobot

Оформление

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

  1. Загрузите фото (аватарку) в свое сообщество . Примите во внимание, что параметры фото должны быть 200*500 . Отредактируйте фото и миниатюру, а затем сохраните результат.
  2. Загрузите ссылки , ведущие на ваш сайт или другое тематическое сообщество. Не забудьте оставить своим подписчикам свой скайп, ссылку на чат в телеграмме, на страницу в инстаграмме и ютуб-канале. Отредактируйте все названия и сохраните.
  3. Если вы действительно заинтересованы в том, как создать популярную группу в контакте, то не игнорируйте такой важный момент как «Свежие новости ». Регулярно редактируйте этот блок, не пренебрегайте важностью шрифтов. Прежде, чем сохранить полученный результат, делайте предпросмотр страницы.
  4. В разделе «Обсуждения » добавляйте новые темы, которые будут полезны вашим читателям.
  5. Добавляйте в свой проект видеозаписи . Очень здорово, если видео будут сняты вами и размещены на ютубе. Таким образом вы увеличите трафик на канале.
  6. Выполняя , помните о том, что продажа товаров в ней будет эффективной лишь при условии добротного ведения «Альбомов фотографии» . Загружайте фото высокого качества, делайте детальное описание продаваемого продукта, под каждым фото указывайте цену на товар и ссылку на продавца (администратора или менеджера).
  7. В раздел «Документы » вы можете загрузить полезные инструкции и мануалы . Владельцы интернет-магазинов могут держать в этом разделе прайсы или перечни предоставляемых услуг, например.
  8. Не забывайте о регулярных интерактивах со своими подписчиками . Проводите несколько раз в неделю опросы, призывайте народ высказывать свои мнения в комментариях. Очень хорошо при расширении аудитории группы использовать акции и конкурсы . Их можно проводить раз в месяц, например.
  9. Для тех, кто планирует заняться коммерцией в своей группе, нужно позаботиться о добавлении в нее товаров с четким названием и детальным описанием . Помните о том, что спрос на товар будет зависеть от того, насколько привлекательным будет фото этого продукта. У каждого товара должна быть адекватная цена , которую так же необходимо указывать. Не забывайте и том, чтобы указать кому/куда платить за заказ, в какой форме происходит оплата, как и куда осуществляется доставка, а также какие гарантии вы даете своим клиентам (доставка наложенным платежом, возможность обмена).
  10. По желанию вы можете изменить группу и сделать из нее публичную страницу. Если вы не знаете, в чем разница между пабликом и группой, советую вам прочесть отдельную статью, посвященную данному вопросу.
  11. Создайте в группе удобное меню , упростите навигацию. Чтобы сделать баннер и вики меню в сообществе я обратился к спецам в этой теме, если она понадобится, спрашивайте в комментариях или пишите в личку - скину парочку ребят, которые этим занимаются. Я решил не тратить время, делая ее самостоятельно, но мануалов и статей на тему, как сделать эти действия самому в интернете много. Можете воспользоваться поисковиком и проверить.
  12. Ну и, конечно же, позаботьтесь о качестве контента . Учтите, что в группе коммерческие посты должны быть с фотографиями и составлять не более 50% от всего публикуемого вами материала. Чтобы число подписчиков росло, уделите внимание постам с увлекательной информацией, не забывайте, что людей влечет веселье и хорошее чувство юмора. Более привлекательной является информация, которая представлена в виде изображений .
  13. Чтобы клиенты больше вам доверяли и, как следствие, советовали своим друзьям и знакомым, предоставьте им возможность оставлять свои отзывы о вашей работе . Для этого можно создать соответствующую тему в разделе «Обсуждения». Постоянным клиентам предлагайте скидки и делайте небольшие подарки и бонусы .

Собери целевую аудиторию для бизнеса с Pepper.ninja

Как управлять группой?

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

  1. «Информация », где в любой момент сможете отредактировать описание название и другие поля;
  2. «Участники », в которой содержится полный список всех подписчиков группы;
  3. «Руководители ». Здесь вы можете добавлять новых или изменить права доступа имеющимся администраторам и редакторам сообщества;
  4. «Черный список » — место, где можно заблокировать ненужных подписчиков или злостных нарушителей правил вашей группы;
  5. «Ссылки »;
  6. «Статистика сообщества ». Эта категория одна из самых важных и содержит данные о:
  • Посещаемости группы – количестве уникальных посетителей, просмотрах, особенностях (возраст, географическое расположение, пол) аудитории, которая интересуется вашей группой;
  • Охвате аудитории , которая просматривает записи вашего сообщества в разделе «Мои Новости», и данные о ваших подписчиках;
  • Активности – действиях подписчиков, репостах ваших записей и реакциях прочих пользователей социальной сети на эти данные.

Итоги

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

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

Как вы уже наверняка знаете, VK предоставляет 3 варианта создания групп [ сообществ ]:

  • Группа
  • Публичная страница
  • Мероприятие

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

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

Создайте паблик, а не группу.

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

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


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

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


Заголовок сообщества

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

Зайдя в Яндекс вы сможете увидеть, что…


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

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

В идеале формат названия выглядит вот так:

Интернет-магазин женской одежды | Lovandzzoo

где, «Интернет-магазин женской одежды» — ключевой запрос

Lovandzzoo — название вашего бренда

Аватар и обложка

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

Аватар сообщества – это лицо вашей компании и на нём должно отражаться и позиционирование компании, и контактные данные.Указать необходимо:

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

Пример хорошей авы:

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





Обратите внимание на последнюю обложку и указывающие стрелки на:

  • логотип
  • бренд
  • о чём паблик
  • чем полезен контент для подписчиков
  • и что получит пользователь, если подпишется

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

Wiki-меню

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

Пример хорошей и привлекательной менюшки.


В зависимости от ниши вики-меню может содержать в себе следующие разделы

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

Ещё пример хорошей меню:


Ссылки

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

Читайте также>>>>

Content is King

Content is King

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

Но как правильно оформлять посты, чтобы их лайкали и расшаривали?

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

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

ЧПС (ЧеловоекоПонятныеСсылки) в постах

Старайтесь не указывать оригинальные ссылки, или ссылки с UTM-метками, а сокращать их с помощью сервиса vk.com/cc в заголовке, под заголовком поста. Пользователи ВК игнорят посты с длинными ссылками (особенно вначале). Их интересует контент. Ужать ссылки в постах с помощью vk . com / cc

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

Старайтесь также не использовать очевидные и банальные заголовки. Цель заголовков — привлечь внимание подписчиков сообщества в новостной ленте. Например, заголовок «16+1 Эффективных и Лечебных Свойств Тыквенного Масла, о Которых Не Догадываются 95% Людей на Планете» сработает лучше на внимание аудитории, чем невзрачное «Свойства тыквенного масла». Старайтесь добавлять цифр и конкретики в заголовок. Тогда пост притянет внимание.

Готовы бросить вызов своей мечте и реализовать свои идеи и задумки в интернет, начать зарабатывать серьёзные деньги онлайн?

Разнообразьте контент

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

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

Добавить эмодзи в посты, чтобы сделать их более красочными и привлекательными. Но не переспамьте.


Узнайте,

Видео

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

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


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

Внедряйте!

Товары

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


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


Добиваем сообщество

Наполняем раздел обсуждения и создаём в нём подразделы — «Ваши вопросы», «Как заказать», «Вакансии». Также для разнообразия можете создать опросник.


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

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

Самое главное, чуть не забыл 🙂 — наполняем описание группы нужной информацией со всеми исходящими ссылками. Обязательно разделяйте описание блоками текста по 3-4 строчки, чтобы текст был читаемым — копирайтинговые правила читабельности текста ещё никто не отменял.

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


P.S.

Ну что скажете? Полезен ли был контент?

Поняли, как необходимо оформить группу в Вконтакте?

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

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

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

Вопрос 1: Первый и самый распространенный: «где код в меню?» или «если нет закладки при редактировании «Исходный код» как добавить внутреннюю страницу?» или «Я все равно не понимаю, что сделать, если не появляется код!»

Ответ 1: ВК изменил редактор, теперь для переключения между визуальным редактором и кодом всего один клик (правый верхний угол редактора):

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

Вопрос 2: Второй, реально проблематичный: «а как убрать пробелы между картинками?? »

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

Добавь тег nopadding; и все станет на свои места!

Между картинками вкрадывается пространство и меню выглядит битым. Для несведущих, может это и не нормально, а для , это как минимум не профессионально. Так в чем же тут дело? А, все очень просто! В ВК постоянно происходят какие-то обновления, вводятся новые алгоритмы… да еще и редактор кривоват… бывает ни с того, ни с сего из кода выпадают важные теги и тогда мы видим такую картину. Что бы исправить это, нужно заглянуть в код и внести необходимые коррективы. Формат кода, должен быть вот таким:

Шаблон: [] Пример: []

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

Вопрос 3: Новость. В октябре 2012г., в принудительном порядке, Вконтакте обрезал автары групп и пабликов. Теперь их размер имеет общий стандарт 200х500 пикселей. Так, что если у вас в группе аватар был больше, то сделайте апдейт (обновите аватар).

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

Та-а-ак, с вопросами закончили… теперь переходим к самому созданию меню!

Шаг 1. Как создать меню в контакте и сделать вложенные страницы:

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

Как вам моя шпаргалка?

Вот такая шпаргалка у меня получилась! Для большей ясности, распишу каждую цифру:

Проделайте, эту операцию со всеми вложенными страницами и ваше меню будет готово.

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

Шаг 2. Как создать красивое графическое меню в контакте и поставить его:

Всю теорию о том, как устроена wiki разметка в контакте, я вам давать не буду, у нас сейчас другие цели. Для создания визуального меню в группе ВК, всей вики-разметки знать не нужно. Перейдем к созданию визуального меню!

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

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

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

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

370 px – если в строке у вас будет два и более объектов, как у меня кнопочки соц сетей

И max 388 px – если разрезаем картинку по-простому, только на строки, не разделяя на мелкие объекты. Вот это та особенность, которую нужно знать, при нарезании меню на кнопки. У меня размер картинки всего меню получился 370х456 px.

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

Технический альбом ВК

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

[]

где, photo7632142_296911699 – это адрес картинки! Его мы смотрим в адресной строке картинки:

С первой картинки, начнем вставлять меню в группу вконтакте

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

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

…и начиная с первой картинки, переносите их в меню группы.

Добавляем размер картинки в код меню!

Итак, адрес картинки добавили, размер указали, теперь ставим, тег nopadding; - он нужен для того, что бы наши картинки плотно прилегали друг к другу. И последним этапом ставим ссылочку на страницу, куда будет попадать посетитель, после того как кликнет на картинку.

Здесь небольшое уточнение! Внешние ссылки, ссылки на альбомы ВК и обсуждения пишем полностью, а ссылки на внутренние страницы в формате page-32734125_44298120 . В начале и конце строки, не забываем ставить по две квадратные кавычки и без пробелов.

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

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

После того как вы перенесли все картинки в меню и оформили их (размер, ссылка), сохраняем результат и любуемся своей работой! Все! Готово!

1 голос

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

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

К концу этой статьи у вас получится эффектная и единая картинка.

Метод для ленивых

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

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

Для тех, кто хочет научиться

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

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

Вам понадобится…

  1. Фотошоп.
  2. Базовая картинка.

Фотография должна быть большой и качественной, если вы ищете в поисковых системах, то обращайте внимание на обои для рабочего стола. Если же работаете для крутого сообщества, в особенности связанного с бизнесом, то рекомендую использовать сервис https://ru.depositphotos.com . Там вы найдете именно рекламные изображения.

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

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

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

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

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

Делаем шаблон будущей красивой группы

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

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

С картинкой на аву все так, она действительно 200х500.

С постом все иначе.

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

Мой вариант подходит только для закрепленных постов. Самый простой и популярный метод оформления.

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

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

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

Нажмите на Ctrl+V, тем самым вы вставите свой скрин в рабочее поле программы. Теперь берете инструмент «Прямоугольное выделение» и работаете с левым блоком.

Ведите прямо по краю изображения. У вас не должно получиться на рисунке внизу. Это неправильно.

Двигайтесь строго по краю.

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

Теперь нажмите на Ctrl+J. Тем самым вы перенесете выделенный фрагмент на новый слой, он появится над фоном.

То же самое нужно проделать и с аватаркой. Выделяем и переносим на новый слой (Ctrl+J)

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

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

Перетаскиваем слой в корзину, как обычный файл с рабочего стола.

С этим закончили. Шаблон создан.

Уникальное изображение для группы

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

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

Он отражается неправильно.

Если у вас произошла такая же ерунда, просто сделайте его самым верхним. Затем при нажатой кнопке Alt кликните по слою 1 и слою 2. Чтобы оба они подсветились.

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

Если вы нажмете на Ctrl, а затем на эскиз только что созданного слоя. По краям объектов с нового слоя забегают муравьи, которые подскажут как выставлять нижнюю картинку. Убрать их можно нажав Ctrl+D. То, что сейчас находится во внутренней части, впоследствии будет вставлено в вк.

Если вы начнете перемещать фотографию, то вместе с ней «поедут» и бегающие муравьи. Могу посоветовать вам выставить направляющие. Не умеете работать с ними? Посмотрите вот это видео.

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

Но я люблю второй. Он быстрее. Нажмите на Alt и наведите курсор между двумя слоями, он визуально изменится. Затем кликните левой мышкой.

В результате получилось вот такое фото.

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

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

Понравилась статья? Поделись с друзьями: