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

Содержание

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

Обновлено — 3 февраля 2020 в 13:33

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

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

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

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

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

1. Переходим на сервис bitly.com, где вставляем ссылку на внешний сайт/внутреннюю страницу Вконтакте и копируем сокращённую ссылку:

2. Создаём запись на странице/в группе и вставляем в неё сокращённую ссылку.

3. Нажимаем на иконку фотоаппарата «Выбрать свою иллюстрацию».

4. Загружаем изображение размером больше, чем 537×240:

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

6. Вносим свои коррективы в запись и отправляем её:

Теперь, если кто-то кликнет по картинке, то его перенесёт на указанную страницу:

Вот такой интересный секрет Вконтакте, о существовании которого Вы могли не знать.

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

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

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

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

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

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

Читайте также: Как сделать ссылку текстом ВК

Способ 1: Новая запись

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

Сначала вам необходимо подготовить ссылку для изображения, скопировав ее из адресной строки браузера. При этом вместо полного URL-адреса также подойдет сокращенный вариант. Но учтите, что картинка может быть прикреплена лишь к действительному адресу.
Читайте также: Как сокращать ссылки ВК
В случае этого метода и всех последующих допускается удаление префикса «http» и «www».
Создайте новую запись, но не спешите публиковать ее.
Подробнее: Как создать запись ВК
Заполните основное текстовое поле заранее скопированной ссылкой.
Адрес необходимо добавить именно из буфера обмена, а не ввести вручную!
Теперь в нижней части поста появится новый блок, содержащий автоматически подобранное изображение с текстовым описанием.
На этом моменте можно удалить текстовый вариант ссылки.
Превью можно менять, используя стандартный ассортимент вариаций.
Если вами был указан прямой URL-адрес иллюстрации, она будет добавлена к посту в качестве обычного прикрепления.
То же самое касается видеозаписей с поддерживаемых хостингов.
Чтобы перейти к добавлению своего превью, кликните по иконке «Выбрать свою иллюстрацию».
В появившемся окне нажмите кнопку «Выбрать файл» и укажите путь до прикрепляемой картинки.
Сайт VK не ставит перед вами каких-либо ограничений по размерам файла, но лучше всего использовать иллюстрацию с разрешением не ниже 537×240 пикселей.
Дождавшись завершения загрузки, с помощью инструментов выделения выберите нужную область снимка.
В качестве результата под текстовым блоком будет представлена ссылка с картинкой.
Опубликованный пост получит прикрепление, соответствующее добавленному URL-адресу и фотографии.

Помимо всего сказанного, стоит учитывать еще несколько нюансов.

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

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

Способ 2: Заметка

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

Читайте также: Создание и удаление заметок ВК

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

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

Способ 3: Вики-разметка

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

Читайте также: Как создать меню ВК

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

Подробнее: Создание вики-разметки ВК

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

Воспользуйтесь иконкой «Добавить фотографию» и добавьте изображение с URL-адресом по описанному выше методу, если вас не интересует углубленная настройка разметки.
Иначе же выберите на панели инструментов значок с подписью «Режим wiki-разметки».
Все содержимое в этом режиме необходимо добавлять с учетом синтаксиса языка вики-разметки.
Для удобной загрузки иллюстрации кликните по кнопке «Добавить фотографию».
Можно использовать картинки, загруженные на сайт ВК ранее и сохраненные в каком-либо альбоме.
После загрузки фото в рабочей области редактора появится автоматически сформированный код.
[[photoXXX_XXX|100x100px;noborder|]]
Без внесения пользовательских изменений картинка будет открывать сама себя в режиме полноэкранного просмотра.
Добавить свою ссылку можно после вертикальной черты, в соответствии с нашим примером.
|100x100px;noborder|ваша ссылка]]
Проверить работоспособность кода можно, кликнув по ссылке «Предпросмотр» и убедившись, что нужное изображение перенаправляет на ту страницу, которая была вами указана.
В дальнейшем каждый посетитель группы сможет использовать ссылки.

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

Спецификацией допускаются следующие варианты сокращений:

IdXXX – страница пользователя;
Page-XXX_XXX – раздел вики-разметки;
Topic-XXX_XXX – страница с обсуждением;
ClubXXX – группа;
PublicXXX – публичная страница;
Photo-XXX_XXX – фотография;
Video-XXX_XXX – видеоролик;
AppXXX – приложение.

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

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

Мы рады, что смогли помочь Вам в решении проблемы.

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

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

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

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

Давайте рассматривать все подробнее.

Делаем картинку ссылкой с помощью создания новой записи

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

Зайдите в свой аккаунт в вк и нажмите на поле «Что у Вас нового?».

Дальше откройте в браузере нужную страницу в Интернете и скопируйте из адресной строки урл.

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

Откроется вот такое окошко. В нем нажмите на кнопку «Выбрать файл», чтобы добавить изображение. Обратите внимание, что его размер должен быть больше чем 537х240 px, иначе появится сообщение с предупреждением.

Через Проводник найдите нужную картинку на компьютере, выделите ее мышкой и нажмите «Открыть».

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

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

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

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

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

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

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

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

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

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

https://vk.com/share.php?url=Ссылка&title=Заголовок&image=Ссылка на картинку&noparse=true&description=Описание

Ее нужно вставить в адресную строку браузера (как показано на картинке ниже), заменив слова «Ссылка», «Заголовок», «Ссылка на картинку», «Описание» своими данными.

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

Для примера, сошлюсь на поисковую страницу Яндекса. Открываю ее в браузере, копирую все из адресной строки и вставляю вместо слова «Ссылка».

Дальше идет «Заголовок». Это подпись, которая будет отображаться непосредственно возле картинки или под ней. Я так и напишу: Стартовая страница поиска Яндекс. Если хотите, можете сделать картинку без заголовка – удалите слово «Заголовок» и ничего вместо него не пишите.

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

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

Слово «Описание» можете или заменить, добавив свой текст, или ничего не писать, как и в случае с заголовком. Я добавлю текст: Нажмите на картинку.

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

https://vk.com/share.php?url=https://yandex.ua/&title=Стартовая страница поиска Яндекс&image=https://yandex.ua/images/search?text=яндекс&img_url=https%3A%2F%2Fchelovek-zakon.ru%2Fwp-content%2Fuploads%2F2016%2F04%2FDochka_yandeksa_v_SHvejtsarii.gif&pos=0&rpt=simage&noparse=true&description=Нажмите на картинку.

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

О том, что запись будет добавлена, свидетельствует следующее окно.

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

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

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

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

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

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

Итак, что нам понадобится? А понадобится нам вот такая ссылка:

https://vk.com/share.php?url=Ссылка&title=Заголовок&image=Ссылка на картинку&noparse=true&description=Описание

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

Пример. Допустим, мы захотели добавить ссылку в картинке на Яндекс. Первое, что мы делаем, это находим подходящую ссылку (в нашем случае — https://www.yandex.ru/), затем придумываем заголовок, вставляем ссылку на картинку (кстати, картинка необязательно должна быть загружена в ВКонтакте, можно воспользоваться изображением с другого ресурса) и придумываем описание. Что касается описания и заголовка, то они не обязательны.

Вот что у нас получилось:

https://vk.com/share.php?url=https://www.yandex.ru/&title=ЯНДЕКС&image=https://pp.vk.me/с6102/v629852/с30sdb/uGw.jpg&noparse=true&description=Яндекс%20поиск

А что значит %20, спросите вы? Таким образом отражается пробел в ссылке. Если у вас название или описание состоит из нескольких слов, вам необходимо поставить пробел с помощью символов %20 между каждым из слов.

Переносим ссылку в браузерную строку и нажимаем клавишу Enter. Открывается такая страница:

Нажимаем на кнопку «Отправить». Получаем такое сообщение:

Ждать не обязательно, просто зайдите на страницу и вы увидите картинку с ссылкой:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

https://vk.com/share.php?url=Ссылка_на_ресурс&title=Заголовок&image=Ссылка_на_картинку&noparse=true&description=Описание

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

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

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

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

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

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

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

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

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

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

Готово.

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

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

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

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

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

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

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

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

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

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

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

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

До новых встреч.

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

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

Обновлено – 29 августа 2018 в 20:29

p, blockquote 1,0,0,0,0 –>

p, blockquote 2,0,0,0,0 –>

p, blockquote 3,0,0,0,0 –>

p, blockquote 4,0,0,0,0 –>

p, blockquote 5,0,1,0,0 –>

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

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

p, blockquote 7,0,0,0,0 –>

p, blockquote 8,0,0,0,0 –>

p, blockquote 9,0,0,0,0 –>

2. Создаём запись на странице/в группе и вставляем в неё сокращённую ссылку.

p, blockquote 10,0,0,0,0 –>

3. Нажимаем на иконку фотоаппарата “Выбрать свою иллюстрацию” .

p, blockquote 11,1,0,0,0 –> adsp-pro-2 –>

4. Загружаем изображение размером больше, чем 537×240:

p, blockquote 12,0,0,0,0 –>

p, blockquote 13,0,0,0,0 –>

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

p, blockquote 14,0,0,0,0 –>

p, blockquote 15,0,0,0,0 –>

6. Вносим свои коррективы в запись и отправляем её:

p, blockquote 16,0,0,0,0 –>

p, blockquote 17,0,0,1,0 –>

Теперь, если кто-то кликнет по картинке, то его перенесёт на указанную страницу:

p, blockquote 18,0,0,0,0 –>

p, blockquote 19,0,0,0,0 –>

Вот такой интересный секрет Вконтакте, о существовании которого Вы могли не знать.

p, blockquote 20,0,0,0,0 –> adsp-pro-3 –>

p, blockquote 21,0,0,0,0 –>

p, blockquote 22,0,0,0,0 –> p, blockquote 23,0,0,0,1 –>

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

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

Давайте рассматривать все подробнее.

Делаем картинку ссылкой с помощью создания новой записи

Зайдите в свой аккаунт в вк и нажмите на поле «Что у Вас нового?».

Дальше откройте в браузере нужную страницу в Интернете и скопируйте из адресной строки урл.

Через Проводник найдите нужную картинку на компьютере, выделите ее мышкой и нажмите «Открыть».

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

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

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

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

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

https://vk.com/share.php?url=Ссылка&title=Заголовок&image=Ссылка на картинку&noparse=true&description=Описание

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

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

О том, что запись будет добавлена, свидетельствует следующее окно.

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

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

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

Подробная инструкция для полной версии:

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

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

Нажимаем на иконку фотоаппарата.

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

Выбираем область отображения картинки

Нажимаем сохранить.

Удаляем первоначальную ссылку как показано на скриншоте.

Удаляем ссылку из поста ВК

Сохраняем и отправляем это себе на стену.

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

Яркие картинки в постах помогают раскручивать группу Вконтакте.

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

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

Для этого мы возьмём специальный шаблон гиперссылки :

https://vk.com/share.php?url= Ссылка &title= Вашзаголовок &image= Ссылка на вашукартинку &noparse=true&description= Вашеописание

Сейчас разберёмся, зачем это нужно.

Берём ссылку на любое изображение из яндекса или гугла и вставляем в этот шаблон.

Копируем ссылку на картинку из яндекса

Вместо русских букв в шаблоне вписываем свои данные, это поможет друзьям быстрее сориентироваться в вашей гиперссылке. Но можно и не вписывать. https://vk.com/share.php?url= https://yandex.ru/collections/card/58d7fe84b47883c91ffbca7c/&title= ВашЗаголовок &image= Ссылка на вашукартинку &noparse=true&description= ВашеОписание

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

Готовый сниппет ВК из шаблона

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

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

Если вам очень нужно сделать эту операцию на телефоне тогда делайте так:

Зайдите в мобильную версию ВК на телефоне по ссылке m.vk.com
Под меню внизу нажмите на ссылку Версия для компьютера

Версия для компьютера Вконтакте

Дальше действия как для компьютера, которые я описывала выше.

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

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

Добавление фотографии ссылкой в публикации

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

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

Кликнуть по кнопке «Выбрать файл». Изображение должно быть больше 537х240 px, а также иметь формат jpg, png, gif.

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

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

Осталось опубликовать запись. По желанию можно добавить описание в верхней части.

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

Добавление фотографии ссылкой на wiki-странице

При формировании wiki-страниц также можно воспользоваться указанной функцией. Хотя в этом случае алгоритм будет отличаться:

Перейти в группу, где требуется создать wiki-статью.
Открыть вкладку «Свежие новости».
Кликнуть по кнопке «Редактировать».

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

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

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

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

Задача выполнена. Осталось добавить текст на страницу, если это требуется и провести ее сохранение.

Справка. Создать wiki-страницу напрямую можно только в группах. На публичных страницах доступа к этому разделу нет. Чтобы обойти запрет, необходимо воспользоваться ссылкой вида: https://vk.com/pages?act=edit&o >

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

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

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

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

Содержание: (навигация)

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

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

Зачем это делать?

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

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

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

1. В одной вкладке страницу Вконтакте, на которой нам нужно сделать запись.
2. В другой вкладке открываем сайт, у которого нам нужно скопировать ссылку
3. Возвращаемся на вкладку Вконтакте и в запись вставляем ссылку

Если ссылка слишком длинная и сложная, ее можно превратить в короткую и простую и сократить прямо во Вконтакте:

Откройте новую вкладку
Введите в адресной строке vk.com/cc или vk.cc
Вставьте ссылку
Нажмите «Сократить»

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

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

Наводим курсор на окошко и нажимаем на «Выбрать фотографию» в левом верхнем углу окошка.

Загружаем фотографию с компьютера.

К изображению присутствуют некоторые требования:

Рекомендованный размер — 537х240 пикселей
Допустимы форматы JPG, GIF и PNG.

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

Удаляем текстовую ссылку из записи. При этом изображение с прикрепленной ссылкой останется.

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

Наводим курсор на стрелку в правом верхнем углу публикации
Нажимаем «Редактировать»

Далее пишем нужный текст.

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

Он сложнее, чем первый. Для него нам понадобится специальный url:

https://vk.com/share.php?url=Ссылка&title=Заголовок&image=Ссылка
https://vk.com/share.php?url=Ссылка&title=Заголовок&image=Ссылка на картинку&noparse=true&description=Описание

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

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

https://vk.com/share.php?url=https://yandex.ru/&title=Найдется &image=vk.cc/axCKV9
https://vk.com/share.php?url=https://yandex.ru/&title=Найдется все&image=vk.cc/axCKV9&noparse=true&description=Лучший поисковик

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

Результат выглядит так:

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

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

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

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

Зачем превращать картинку в ссылку?

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

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

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

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

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

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

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

Если вы решили превратить картинку в ссылку, возникает очевидный следующий вопрос: как?

Вот пошаговое руководство по превращению изображения в ссылку с помощью HTML:

Шаг 1: Выберите изображение.

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

Шаг 2: Оптимизируйте размер и масштаб.

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

Шаг 3. Загрузите изображение и получите URL.

Затем вам необходимо загрузить изображение на ваш хостинг-провайдер. Это может быть платформа CMS или служба хостинга веб-сайтов, но независимо от того, как размещено ваше изображение, оно должно быть загружено в Интернет, чтобы вы могли получить URL-адрес его местоположения — место, где ваш HTML-код будет «искать» ваше изображение для отображения. это правильно.

Шаг 4. Укажите целевой URL.

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

Шаг 5: Создайте свой код HMTL.

Пришло время создать ваш HTML-код. Вот основная структура:

Теги «a» и «/ a» указывают на наличие ссылки, а тег «img» ссылается на ваше конкретное изображение. В приведенном выше примере целевой URL-адрес заменяет текст LandingPageURL в кавычках, а URL-адрес местоположения заменяет текст ImageURL.

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

Шаг 6: При необходимости вставьте код.

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

Sight Unseen: передовые методы связывания изображений

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

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

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

Сохраняйте простоту

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

Предложить резервную копию

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

Ограничьте количество ссылок

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

Регулярно проверяйте

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

Отсутствуют недостающие звенья

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

Создание изображения как ссылки

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

Когда вы добавляете изображение на страницу, Сайты Google автоматически превращают изображение в ссылку на само изображение, поэтому выберите (или щелкните) изображение
Вы увидите диалоговое окно Image Option (оно содержит как информацию о ссылке, так и параметры выравнивания, размера и переноса): используйте верхнюю ссылку Remove — это удаляет автоматически добавленную ссылку на само изображение.

Используйте меню Insert и Image , чтобы добавить свое изображение на страницу
Выберите (или щелкните) изображение, и вы увидите диалоговое окно Image Option : используйте Изменить ссылку
Либо выберите страницу, на которую вы хотите создать ссылку, либо перейдите на вкладку Веб-адрес и добавьте URL-адрес, на который вы хотите создать ссылку
Используйте кнопку OK , и ваше изображение теперь будет ссылку на выбранную страницу или веб-адрес.

Удаление ссылки из изображения

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

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

Используйте эти инструкции только в том случае, если вы хотите вручную закодировать ссылку в HTML

Используйте меню Insert и Image , чтобы добавить свое изображение на страницу
После добавления на страницу Google Сайты автоматически делают изображение ссылкой на само изображение, поэтому вам нужно изменить эту ссылку, чтобы указать на нужный веб-сайт: для этого вам нужно использовать кнопку HTML для редактирования HTML-кода вокруг изображения.
В HTML найдите
1. вокруг изображения и измените содержимое
2. href =» … «
3. на нужный веб-адрес.
Если вы хотите добавить альтернативный текстовый тег к своему изображению, чтобы, если изображение не загружается или кто-то с нарушениями зрения, использующий программу чтения с экрана, может получить информацию, передаваемую изображениями, добавьте
1. alt = «Альтернативный текст «
2. внутри тега
4. .
5. Примечание : пытайтесь описать не изображение, а то, для чего оно там, например если это ссылка на Сайты Google, сделайте альтернативный текст «Сайты Google».
Если вы хотите предоставить дополнительную информацию о том, куда приведет ссылка на изображение, добавьте к ссылке атрибут title: для этого добавьте
1. title = «descriptive text»
2. на номер
Если вы хотите, чтобы ссылка открывалась в новом окне, добавьте целевой атрибут к ссылке: для этого добавьте
target =» _ blank «
1. на номер