Как сделать иконку для вконтакте
Как создать ярлык социальной сети ВКонтакте
Телеграм-канал Программист и бизнес.
Каждый день интересные истории, как программист строит бизнес.
Всемирная сеть устойчиво вошла в нашу повседневную жизнь. Ежедневно каждый пользователь ПК открывает большое количество web-ресурсов, при этом некоторые из таких сайтов используются многократно. В связи с этим возникает желание, чтобы такие ресурсы всегда были под рукой и не приходилось постоянно прописывать вручную адрес в поисковую строку браузера. Конечно, его можно занести в закладки Интернет-обозревателя, однако если данный перечень достаточно велик, то необходимый источник может затеряться. Эту проблему разработчики предлагают решить достаточно нехитрым способом, они продумали возможность копирования ссылки личной страницы на рабочий стол посредством создания ярлыка ВК.
Руководство по созданию ярлыка
Ярлык – это файл, являющийся указателем на определенный объект, программу либо команду, а также располагающий дополнительной информацией о нем. Создание значка социальной сети «ВКонтакте» в операционной системе Windows требует выполнения следующего алгоритма действий:
Шаг 1: Добавляем ссылку
После завершения приведенного выше алгоритма на рабочем столе операционной системы Windows появится ярлык, который отвечает на двойной клик мышки, либо на клавишу «Enter».
Иконка ярлыка при этом будет иметь вид логотипа Интернет-обозревателя, используемого по умолчанию на Вашем персональном компьютере. Однако, некоторым пользователям не нравится изображение ярлыка, который устанавливается по умолчанию самой системой. Таким пользователям следует воспользоваться шагом 2.
Шаг 2: Добавляем иконку
Для того, чтобы иконка выделялась среди других ссылок, расположенных на рабочем столе, рекомендуется изменить иконку по умолчанию на логотип сайта или другую картинку. Это можно сделать, выполнив следующий набор действий, приведенный ниже в инструкции:
Выполнив эту инструкцию, Вы получите сохраненную ссылку на экране монитора, которая не потеряется среди других, что существенно облегчит вход на личную страницу во «ВКонтакте».
С целью удобства на операционной системе Windows юзер может разместить значок социальной сети на панели задач. Такое размещение позволит ещё более упростить поиск необходимой иконки для входа на свою личную страницу. Переместить его достаточно просто, Вам нужно зажать левую кнопку мыши на значке ссылки и перетащить ее на панель, затем отпустить кнопку мыши. Вы также можете отрегулировать расположение ярлыка «ВКонтакте» на этой панели.
Как оформить меню Вконтакте: 24 примера для сообществ разных тематик
Новое меню Вконтакте появилось в конце мая. Жалоб тогда было много: и функционал ограниченный, и убрать из группы меню нельзя, и виджеты надо из-за этого скрывать. Мы даже написали статью по этому поводу.
Но сейчас разработчики всё поправили. Теперь можно скрывать приложения и виджеты, либо вовсе убрать меню.
Но почему-то во многих сообществах до сих вот так:
Она из причин – непонимание, как использовать этот инструмент, что туда помещать, куда вести клиента. Прежде, чем копировать меню у других сообществ, советуем много раз подумать, будет ли от этого смысл. А заодно посмотреть меню групп с похожей целевой аудиторией.
Строительная тематика
Что важно:
– показывать варианты квартир и домов, их преимущества;
– вызывать доверие к застройщику, компании.
Вот пример оформления меню строительной компании «Баренц». С помощью него можно посмотреть не только варианты квартир, но и отдельные ЖК.
При клике на иконку «Подобрать квартиру» попадаем на конструктор квизов Marquiz.
Вы собираете базу клиентов, а посетители вашей группы радуются удобству выбора.
Окошко «Выбрать квартиру» ведет на оформленные товары группы, где сразу можно посмотреть планировки.
Ещё один пример оформления меню у строительной компании «Брусина»:
Кликаем на «Отзывы» и попадаем в раздел «Видео». Это отличный способ вызвать доверие к компании, так как мы можем не почитать, а посмотреть отзывы клиентов.
Компания по изготовлению металлоконструкций (заборов, ворот, лестниц) тоже выбрала конструктор квизов Marquiz, чтобы рассчитать стоимость конструкции.
А для удобной навигации по группе компания использует хештеги. Нажимаем на «Портфолио» и попадаем на страницу со всеми постами этой категории.
Захотели почитать полезные статьи о ремонте – пожалуйста.
А тест не хотите ли?
Что сказать, ребята постарались.
Общепит (кафе, рестораны)
Что важно:
– показывать атмосферу заведения;
– рассказывать о меню;
– анонсировать акции и скидки;
– делиться настроением и отзывами посетителей.
Сеть ресторанов и кафе SUN Project предлагает не только широкий ассортимент напитков и блюд, но и шоу-программы.
Меню яркое, «солнечное». Сочетает в себе сразу два формата: меню старое и новое.
Кликаем на «Меню», выбираем ресторан:
И вот перед нами вся необходимая информация:
А ещё SUN Project мотивирует оставить отзыв в форме «Анкеты»:
Сеть городских кафе под названием «Самурай» сразу привлекает внимание своим ярким красным цветом:
Меню «Самурай» расположил в альбоме:
Кафе «Розмарин» выбрал другой подход. Он решили отказаться от обложек с иконками. Ставку сделали на живые сочные фото.
Кликаем на «Винную карту» и в браузере открывается pdf-файл. Не уверены, что это удобно с телефона, но с компьютера более чем.
Салоны красоты, парикмахерские
Что важно:
– продемонстрировать спектр услуг;
– показать качество сервиса;
– дать возможность записаться онлайн;
– показать атмосферу салона.
Меню салона красоты «Версайс» выглядит просто и аккуратно.
Интересная деталь: можно посмотреть интерьер салона. Ведь многие посещают такие заведения не только из-за качества услуг. Поход в салон красоты – это ещё и повышение своей самооценки.
Мужская парикмахерская Cutlers использует для меню живые фото с затемнением.
Запись к мастеру осуществляется через приложение YCLIENTS:
Сеть парикмахерских «Стрижка за Стрижкой» использует иконки на ярком оранжевом фоне с градиентом.
Иконка «Примеры работ» ведет на альбомы сообщества, где все услуги собраны по категориям:
Мужская парикмахерская «УСЫ» сделала крупные надписи с изображениями:
Свою аудиторию они собирают с помощью сервиса рассылок Senler:
Автосервисы, автомойки
Что важно:
– показать спектр услуг;
– убедить клиента в качестве сервиса.
Интересная «фишка»: при клике на «Задать вопрос» мы сразу попадаем в диалог:
Автотехцентр «Хоккайдо» выбирает приглушенный красный цвет с крупными иконками:
«Фишка»: в меню есть «Поисковик запчастей» (так называется и само приложение):
Приложение позволяет разместить запрос на необходимые запчасти, посмотреть магазины с ними или авто в разобранном состоянии.
Записаться на СTO можно через приложение YCLIENTS:
А в этой группе мы видим разделение на категории запчастей. Сразу выбираем то, что интересует нас, и узнаем всю информацию.
Студии творчества
Что важно:
– показать разнообразие занятий;
– снять возражения («не получится», «у меня нет опыта» и т.д.);
– продемонстрировать атмосферу в студии.
Гончарная студия №1 из Санкт-Петербурга использует для обложек меню одинаковую подложку, сверху – помещает иконки.
При клике на «Мастер-классы» мы попадаем в товары:
Студия «Колибри» использует только живые фото:
Вкладка «Вы у нас» – это переход на альбомы группы со всеми видами занятий и мастер-классов студии.
Студия творчества «Сделано с душой» предлагает записаться на бесплатные мастер-классы прямо в меню:
Для этого использует специальный сервис для детских центров «Мой класс»:
Услуги по оформлению, дизайну, декору
Что важно:
– показать красоту, эстетичность, вкус, необычный взгляд на вещи;
– сделать заказ онлайн удобным.
Компания Ga-den изготавливает интерьерные карты мира и стран. Отсюда такое меню:
При клике на иконку «О нас» открывается лонгрид (статья Вконтакте), где компания представляет свою команду:
DECORANTOS занимается оформлением свадеб. Меню выполнено в нежных пастельных тонах:
Молодая пара, которая ищет студию свадебного декора, может сразу же в группе заполнить заявку на оформление свадьбы. Очень удобно.
PR-реклама – клиент нашего агентства. Занимается размещением наружной рекламы в Иваново.
Это меню мы оформили буквально недавно. Решили разделить весь контент по категориям с помощью навигационных хештегов.
При клике на категорию читатель сможет прочитать ее последние новости:
Удобство такой навигации в том, что все посты автоматически подставляются в категории. Не нужно каждый раз обновлять категорию меню, чтобы информация в нем была актуальной.
Сообщества маркетинговой тематики, интернет-агентства
Что важно:
– показать, что вы круто упакованы, и готовы предложить свои услуги «на уровне»;
– продемонстрировать свою экспертность (с помощью кейсов, полезных статей).
Сервис анализа и автоматизации поиска целевой аудитории для таргетированной рекламы ВКонтакте TargetHunter использует благородный темно-синий цвет:
Раздел «Поддержка» ведет на другое сообщество, где пользователи могут задать вопросы по теме и получить обратную связь. Таким образом, сервис собирает свою ЦА.
Совсем недавно иконки появились и у Spark, которые ведут на их Instagram и Telegram.
В своей группе Вконтакте мы делимся полезными материалами для застройщиков, интернет-магазинов, компаний в сфере B2B, собственников, которые предоставляют услуги для населения.
Материалы разделили по категориям и поместили в меню. Так целевая аудитория сразу видит, что эта группа может быть им полезна.
При клике на нужный раздел вы попадаете в лонгрид (статью Вконтакте), где можете посмотреть различные материалы по теме:
Так мы показываем свою экспертность, увеличиваем трафик на сайте и одновременно обучаем.
Выводы
– у вас не оформлены другие элементы группы;
– нет понимания, зачем необходимо меню;
– меню скопировано с другой группы просто для того, чтобы было;
– меню не адаптировано под вашу тематику и вашу целевую аудиторию.
Ярлык ВКонтакте на рабочий стол
Очень часто нас просят рассказать о том, как сделать доступ к соц сети ВКонтакте более комфортабельным. Сегодня мы расскажем о том, как создать на рабочем столе своего компьютера ярлык с помощью которого можно быстро попасть на свою страницу в vk.com.
Ярлыки создаются при установке программ и чаще всего отображают иконку утилиты. К примеру, ярлык браузера Google Chrome отображает значок своего логотипа.
Мы же рассмотрим создание такого значка только для «ВКонтакте», с установкой изображения их логотипа.
Создаем ярлык ВКонтакте
На рабочем столе нажав правой кнопкой и из появившегося меня выберите пункт «Создать», «Ярлык»:
В строку, где нужно указать расположение объекта вводим ссылку на социальную сеть: https://vk.com или https://vk.com/feed — обязательно с «https» и кликаем на кнопку «Далее». Вставить ссылку можно на любой раздел соц сети, для этого скопируйте адрес и вставьте его в соответствующее поле. Далее вводим имя которое будет отображаться под ярлыком, например «контакт» и подтверждаем введенные данные.
Значок ярлыка будет в виде логотипа браузера который используется по умолчанию на вашем компьютере. К примеру, вот ярлык с компьютера где установлен браузер Google Chrome:
Изменить картинку на ярлыке для ВК
Для того чтобы ярлык отличался от всех, уже имеющихся, установим на него уникальное изображение в виде логотипа сайта vk.com.
Далее, нажимаем правой кнопкой мыши на ярлык и жмем на кнопку «Сменить значок». Вам будет предложено установить один из существующих, из стандартного набора. Если ни один из них не нравится — жмем кнопку «Обзор» и выбираем изображение которое было переделано в формат описанный выше.
Подтвердив свое действие, вы получаете красивый ярлык который уже не затеряется среди других и значительно облегчит вход на свою страницу в Контакте.
Созданный ярлык можно поместить в панели задач и тогда находить его станет еще проще. Для этого перетащите его на панель и отпустите. Иконка останется там навсегда и вы сможете сами отрегулировать где именно она будет находиться.
Оформление группы в ВКонтакте: меню, анимированные обложки, размеры изображений и прочие тонкости
Содержание
Зачем группе оформление
Функциональность социальных сетей позволяет оформлять группы изображениями. Оно может быть не только красивым, но и полезным, это хороший способ решить сразу несколько задач. Оно может:
В соцсетях есть разные возможности оформить группу, разберемся с функциональностью во Вконтакте.
Возможности Вконтакте
В этой соцсети для оформления группы или публичной страницы можно использовать аватарку, обложку, ленту меню, меню в формате вики, просто вики-записи, иконки к товарам и иллюстрации к постам. Если подобрать неправильный размер, качество картинки может портиться или быть слишком мелким. Внешний вид группы влияет на то, как ее воспринимают пользователи, а также есть версии, что размер влияет на охват постов. Далее разберем подробнее каждый элемент оформления.
Обложка
Размеры: 1590×400 px, видимая зона для мобильной версии 1196×400 px.
Это вытянутая горизонтальная картинка в шапке сообщества, она некликабельна.
Обложка нашей группы vk.com/prcyru
Обложка не обязательна для сообщества, если ее не установить, аватар группы откроется в полном формате справа.
Группа без обложки
Общие рекомендации к обложке
Чтобы качество обложки не портилось, администрация Вконтакте советует загружать изображение размером 1590×400 px. Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезается на 197рх, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне, это 1196×400 px. А сверху примерно 83 рх занимает полоска с индикаторами связи, уровня заряда и прочих.
Схема обложки с разметкой
Чтобы вам не размечать области самостоятельно, мы сделали шаблон в формате psd с направляющими, разграничивающими области. Его можно скачать.
Надписи уместились в видимой зоне, значок настроек перекрывает текст только у администраторов сообщества
Обрезалось часть названия на обложке
Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение.
Стрелка указывает на кнопку подачи заявки
Стрелка показывает на кнопку с сообщением
Мы советуем сначала посмотреть, преимущественно с каких устройств аудитория смотрит группу. Такая информация есть в статистике сообщества:
Скриншот статистики группы PR-CY
Если аудитория чаще смотрит группу с мобильных, то в таком значке нет смысла, потому что в мобильном приложении он смещается и указывает на миниатюру аватарки, а не на кнопку подписки или сообщения.
Стрелка указывает на аватарку
Стрелка указывает на пустое поле
Динамическая обложка
Размеры: такие же, как у обычной обложки.
Вконтакте внедрили функцию динамических обложек, это значит, что обложка будет иметь изменяющиеся данные и обновляться через определенный промежуток времени. Такая обложка удобна тем, что на нее можно вывести практически все, что угодно: городским порталам может пригодиться время, курс валют, пробки или погода, группам, которые проводят акции или организовывают мероприятия, будет полезен таймер с обратным отсчетом, а вывод аватарок самых активных пользователей может стимулировать оставлять комментарии или лайкать записи.
Пример с выводом аватарок активных участников на обложку
Аватарка нового подписчика на обложке
Для динамической обложки нужна обычная картинка, на которую будут крепиться вставки с аватарками, погодой и прочим, скрипт с привязкой к группе и хостинг с поддержкой CronTAB, где будет установлен скрипт. Если поставить слишком частое обновление обложки, каждую секунду, к примеру, то может понадобиться антикапча.
О том, как самостоятельно написать скрипт, на ХабраХабре рассказывал Петр Самохин. Если не хочется разбираться в этом самостоятельно, есть платные сервисы-конструкторы, к которым можно подключить группу и настроить обложку с нужными приложениями за небольшую абонентскую плату.
Функциональность может быть разной, к примеру, оформление сообщества может полностью меняться после клика на подписку. Дополнительные функции разрабатывают отдельно, можно написать что-то самостоятельно, можно можно найти группы в поиске самого Вконтакте, где занимаются разработкой и продажей таких приложений.
Анимационная обложка на мобильных
Размеры: вертикальные фото и видео 1080×1920 px или другие в пропорции 9:16.
В январе 2019 всем группам открылась возможность оформить отдельную обложку для мобильного просмотра. В нее можно включить до пяти крупных фотографий или видео без звука, которые будут работать как слайд-шоу. Выглядит это так:
Обложка группы в мобильном просмотре
Обложка группы по клику в мобильном просмотре
Включается эта возможность в Настройках сообщества:
Настройки группы
Дальше появится окно с добавлением фотографий в слайд-шоу для анимированной мобильной обложки:
Добавление фотографий
Какой размер материалов выбрать:
Для фото рекомендуем разрешение 1080×1920 или другое в пропорции 9:16 вертикальной ориентации. Размер видео такой же, длительность до 30 с, размер до 30 Мб, MP4, видеокодек H.264, аудиокодек AAC.
Аватарка
Размеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5.
Аватар группы рекомендуем поставить обязательно, без него она тоже может функционировать, но пользователи могут подумать, что она закрытая и не рабочая.
Если в группе установлена обложка, аватар будет представлен только как миниатюра, полную версию можно будет посмотреть по клику. Если обложки нет, будет выводиться полностью. Для сравнения группа PR-CY с обложкой и аватаркой и вариант той же группы без обложки:
С обложкой и аватаркой
Только с аватаркой
Аватар может быть любого размера не меньше 200х500 px и не больше 7000 px с каждой стороны, но максимальное соотношение сторон — 2 к 5. То есть сильно вытянутую картинку установить не получится, мы пробовали:
Редактор не дает выделить более вытянутое поле.
Меню с кнопками
Размеры: картинка для кнопки от 376х266 точек.
У групп недавно появилась возможность добавить ленту меню. Оно выглядит как горизонтальный блок с кнопками, максимум семь кнопок. На них администратор может закрепить ссылку, но только внутри соцсети — на статью, пост, товары, приложение, что-то другое. Внешние ссылки не допускаются, так что кнопку «Перейти на сайт» сделать нельзя.
Лента меню в группе
Управлять меню можно в настройках группы — отрегулировать количество кнопок, добавить название, обложку и ссылку.
Настройка кнопок меню
Название кнопки не может быть больше 20 символов, но на смартфоне и эти символы не помещаются, так что дополнительно проверьте, чтобы название было понятным:
Меню на смартфоне
Минимальный размер обложки кнопки — 376х266 точек, но лучше сделать в тех же пропорциях крупнее. Кнопки для меню — это прямоугольник довольно маленького размера, особенно на смартфонах, так что используйте все пространство для дизайна и не добавляйте надписи.
Вики-меню
Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.
Вики-формат ВКонтакте подразумевает страницу с возможностью форматировать текст, делать списки и подзаголовки, вставлять кликабельные изображения с переходами на разделы ВКонтакте и сторонние сайты.
В формате вики часто делают меню и закрепляют его в шапке группы, чтобы упростить навигацию по сообществу и дать всю важную информацию в одном месте. Навигация в группе будет привлекать внимание, но вы не сможете закреплять в шапке другие важные посты.
С появлением кнопок в меню необходимость в закрепленном вики-меню отпала, но его все равно можно сделать, если вам нужно поместить в меню больше семи ссылок.
Для вики-меню понадобится обложка, которая будет иллюстрацией к ссылке на страницу меню, и внутренние разделы.
Обложка меню
Фрагмент разделов внутри меню
Ширина поля у вики-страниц — 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px.
Редактор изображений в вики
Вики-страничка с разделами меню настраивается в редакторе. Далее ссылка на страницу вставляется в пост на стене, ему не обязательно, но желательно изображение. Оно подбирается как обычная иллюстрация к посту. Прикрепляем и сохраняем пост, теперь вики-страничка будет открываться по клику на «Посмотреть» или на иллюстрацию.
Тестовый пост с вики-меню
Посты
Размеры: не менее 700 px в ширину для обычных постов, не меньее 510х288 px для статьи в редакторе.
Посты в ленте поддерживают любое изображение, но у разных постов есть свои ограничения. В интернете встречается мнение о том, что размер картинки влияет на ранжирование в умной ленте, поэтому она должна быть не меньше 1024 px. Мы спросили у поддержки и выяснили, что размер не влияет, главное содержимое.
Ответ поддержки о влиянии размера картинки на позицию в выдаче
Основатель Церебро Таргет Феликс Зинатуллин утерждает, что картинка должна быть не менее 700 пикселей в ширину. Как показывает его опыт, у постов с картинками шириной в 700 пикселей и с шириной в 699 может быть разница охватов в два раза.
Параметры картинки могут быть любыми, но лучше остановиться на квадратных и горизонтальных прямоугольных изображениях. Для примера мы взяли три варианта: квадратную картинку, изображения в вертикальной и в горизонтальной ориентации в 1000 px по ширине.
Изображения выравниваются по ширине экрана, больше всего места занимает квадратная картинка, хорошо смотрится изображение в горизонтальной ориентации. В вертикальной ориентации в десктопном варианте смещается вбок и не выравнивается по центру, а в мобильном стоит по центру, но по бокам образуются белые поля.
Есть другой формат поста — статья в редакторе. Обложка для нее должна быть горизонтальной, картинка сожмется до размера 510х288 px. Какие-либо изображения лучше помещать дальше от центра, заголовок тоже писать не нужно, он автоматически встанет посередине. Заголовок пишется белым шрифтом, но подсвечивается тенью, так что темные иллюстрации смотрятся лучше, но и на светлом текст не теряется.
Иллюстрация для статьи со светлым фоном 
Иллюстрация для статьи с темным фоном
Еще одна рекомендация для картинок — не пишите на них слова «лайк», «репосты» и прочее, что теоретически можно отнести к накруткам. Алгоритмы ВКонтакте борются с лайко-попрошайками и занижают охват таких постов. Об этом говорит эксперимент Церебро Таргет: два одинаковых поста получили разный охват подписчиков, на одном из них был замазан «лайк»:
Охваты у одинаковых постов
Товары
Размеры: не меньше 600 px.
Товары обязательны к иллюстрированию, без картинки они не опубликуются. Загружать картинки можно в любой ориентации, но в качестве миниатюры для товарного ряда обязательно выбрать квадрат:
Редактор не позволяет растягивать область выбора миниатюры
Установленный квадрат будет показан в товарном ряду, при клике карточка товара откроется с исходной картинкой.
Миниатюра товара из товарного ряда
Открытая карточка товара
Чтобы качество не портилось, рекомендуем брать размер не менее 600 px. Как видно, с горизонтальной иллюстрацией образуются пустые поля, так что выгодным решением мы считаем квадратные иконки. Для своего товарного ряда мы их и выбрали:
Ряд с товарами в группе PR-CY
Открытая карточка товара
Размер самого изображения должен быть не меньше 400 и не больше 6000 px по каждой из сторон. И мы рекомендуем оформлять изображения карточек товара в одном стиле, чтобы они выгодно смотрелись в списке плиткой.
Это не вся функциональность социальной сети Вконтакте по оформлению группы, есть еще множество вариантов виджетов, каруселей и приложений, что-то особенно разработчики могут написать отдельно специально под группу компании или бренда.
Для оформления своей группы в социальной сети Вконтакте есть много возможностей. Лучше использовать то, что подойдет по специфике бренда, оформлять группу качественным и красивым дизайном, попутно решая задачи повышения активности и лояльности.
Если вы хотите знать больше о ведении групп в социальных сетях, вам может быть интересны другие наши статьи из цикла SMM: