Как добавить фото на ссылку в вк

Как сделать картинку ссылкой в ВК

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

Для чего это нужно

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

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

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

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

Новая запись

Кликабельная картинка в посте на вашей странице или в паблике — самый простой способ привести на свой сайт или в блог посетителей.

1. Откройте в новой вкладке браузера нужный сайт.
2. Поставьте в адресную строку курсор мыши и выполните правый клик мыши.
3. В открывшемся контекстном меню выберите «Копировать» или нажмите Ctrl + С (это нужно чтобы скопировать ссылку в буфер обмена).
4. Отправляйтесь на сервис сокращения ссылок https://goo-gl.su/, если ссылка длинная или некрасивая.
5. Вставьте в поле свою ссылку и нажмите «Сохранить».
6. После конвертации ссылка изменится, чтобы её взять нажмите на кнопку «Копировать» в конце поля.
7. Подготовьте картинку. Сделайте сами или закажите у дизайнера. Здесь все зависит от конечной цели.
8. Откройте свою страницу или группу и в поле для новой записи поставьте курсор и выполните правый клик мыши, и здесь выберите «Вставить». Или воспользуйтесь комбинацией клавиш Ctrl + V .
9. Дождитесь, чтобы под ссылкой подгрузилось превью сайта. Ссылку теперь можно удалить.
10. Наведите курсор на изображение, которое подгрузилось автоматически, и нажмите на иконку фотоаппарата.
11. Во всплывающем окне нажмите на «Выбрать файл».
12. Через Проводник выберите заранее подготовленное и сохраненное фото на ПК. Фото должно быть размером 537 х 240 пикселей или больше. Вы можете загрузить фото в формате JPG, GIF или PNG. Если фото будет больше, вы можете выбрать в редакторе отображаемую область.
13. Нажмите «Сохранить изменения».
14. Фото отобразится на месте предыдущего превью. Под картинкой вы можете отредактировать описание. На месте ссылки над картинкой вы можете написать любой текст и отформатировать его смайлами и эмодзи.
15. При необходимости добавьте аудио, файл, опрос, запланируйте публикацию на определенное время и дату. Укажите источник, если вы копируете какую-то статью с чужого сайта, а также отметьте, от вашего имени будет публикация или от имени сообщества. Отметьте тематику.
16. После того как вы настроите публикацию нажмите «Опубликовать».

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

Вики-разметка

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

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

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

Теперь все пользователи при открытии раздела «Свежие новости» будут видеть вашу картинку, а при клике на неё будут попадать на требуемый сайт.

Графическое меню ВКонтакте

В ВК есть группа с подробным описанием, как делать красивые меню для привлечения более целевой аудитории и быстрого доступа пользователей в различные разделы сайтов https://vk.com/wiki.

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

Заключение

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

Как оформить меню ВКонтакте в виде картинок со ссылкой на страницу с заданным результатом поиска

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

Новое меню ВКонтакте

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

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

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

Обратите внимание, что Меню ВКонтакте включает в себя 3 категории:

• Новая ссылка;
• Подписаться;
• Открыть приложение.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как быстро сделать картинку Вконтакте ссылкой на внешний сайт

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

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

Ссылка на меню группы (вики-страницы)

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

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

При нажатии на нее нас должно переносить вот в это меню. Оно тоже уже существует.

Связать стену с этим постом очень просто. Достаточно вставить ссылку на вики-страницу в текст записи, как ее узнать я уже рассказывал в первом уроке. Сделать это можно через приложение Vkopt , которое позволяет работать Вконтакте в разы быстрее и не путаться в созданных страницах.

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

Осталось только «Отправить».

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

В открывшемся меню выберите «Закрепить».

Готово, можете посмотреть.

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

Просто ссылка под фото

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

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

Готово, осталось только отправить.

Вот и все, теперь картинка кликабельна.

Свой заголовок и описание к любому изображению

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

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

Итак, смотрите, для начала вы берете ссылку на свой ресурс и вставляете ее вместо слов «Ссылка_на ресурс». Если она слишком длинная, то воспользуйтесь сервисом сокращений: https://vk.com/cc . Сверху вставляете свой URL, кликаете «Получить короткий вариант» и копируете появившуюся ссылку из третьей ячейки.

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

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

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

Выбор сделан? Жмем на отправить.

Картинка с вашим заголовком и описанием готова.

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

Избавиться от этой надписи не проблема. Жмете на «Редактирование».

Удаляете ненужный текст.

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

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

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

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

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

Чтобы разобраться в постах и научиться делать их популярными я рекомендую вам курс «Эффективное рекламное сообщение» .

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

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

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

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

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

Я искренне желаю вам удачи в начинаниях. Будьте настойчивы в своих мечтах.

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

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

Картинка ссылкой Вконтакте

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

Зайдите на свою личную страницу или в сообщество.

На стене группы

Напишите ПОСТ СО ССЫЛКОЙ на внешний сайт, на статью Вконтакте. Лучше всего это делать в Ворде или в Блокноте (в вк проблема с форматированием).

Как только вы вставите пост в окошко из буфера обмена, ниже появится блок с ГИПЕРССЫЛКОЙ и автоматически подобранным изображением.

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

Если вк выводит не то, что требуется, прикрепите к записи нужную картинку. Загрузите ее в ВК с компьютера (формат png, gif, jpeg, размер 537х240 пикселей).

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

После этого ССЫЛКУ В ТЕЛЕ ПОСТА оставьте, а можете даже удалить .

Опубликуйте запись.

Теперь к тестовому блоку прикреплено фото и привязана гиперссылка.

Публикуйте в ленте вк кликабельные картинки без текста. Яркие иллюстрации в постах помогут раскрутить сообщество.

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

На вики странице Вк

Второй способ использовать фото в качестве ссылки – размещать изображения на ВИКИ-СТРАНИЦАХ.

Создайте внутреннюю вики-страницу. Для этого:

Откройте в браузере новую вкладку;

В верхнюю строчку браузера вставьте шаблон

Первые 3 звездочки замените id своего сообщества, вместо второй группы звезд вставьте название новой вики страницы.

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

Фото можете вставить в вики режиме, прописав следующую конструкцию [[photo169726997_391114603|537x240px|http://ВАША ССЫЛКА ]].

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

В визуальном режиме нажмите на привязанное изображение. Отредактируйте: его размеры, сделайте описание с ключевыми словами и ПРОПИШИТЕ ССЫЛКУ.

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

После редактирования посмотрите получившийся пост в ПРЕДПРОСМОТРЕ, а затем СОХРАНИТЕ. Картинка стала гиперссылкой.

Заключение

Привлекайте на wiki страничку посетителей из записей в сообществе, с помощью рекламных объявлений Вконтакте (таргет).