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

Как сделать красивую ссылку в ВК

Дата публикации: 02-04-2019       2825

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

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

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

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

 


 

Как сделать короткую ссылку ВК

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

По адресу для создания короткой ссылки Вк https://vk.cc/ доступна страница «сервиса коротких ссылок» ВК.

  • На странице присутствует окно для ввода ссылки, которая будет сокращена по нажатию на соответствующую кнопку.

создать короткую ссылку вк

  • Получившийся адрес всегда будет начинаться с «vk.cc», а при наведении на ссылку курсора во всплывающей подсказке будет указан полный адрес страницы.

создание коротких ссылок вк

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

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

Рассказать друзьям:

tobiz.net

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

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

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

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

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

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

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

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

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

    Копирование ссылки на сторонний сайт в браузере

    Читайте также: Как сокращать ссылки ВК

    В случае этого метода и всех последующих допускается удаление префикса «http» и «www».

  2. Создайте новую запись, но не спешите публиковать ее.

    Создание новой записи на стене ВКонтакте

    Подробнее: Как создать запись ВК

  3. Заполните основное текстовое поле заранее скопированной ссылкой.

    Добавление ссылки для новой записи ВКонтакте

    Адрес необходимо добавить именно из буфера обмена, а не ввести вручную!

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

    Успешно добавленная ссылка к записи ВКонтакте

    На этом моменте можно удалить текстовый вариант ссылки.

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

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

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

    То же самое касается видеозаписей с поддерживаемых хостингов.

  8. Чтобы перейти к добавлению своего превью, кликните по иконке «Выбрать свою иллюстрацию».
  9. Переход к выбору своей картинки для ссылки

  10. В появившемся окне нажмите кнопку «Выбрать файл» и укажите путь до прикрепляемой картинки.

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

    Сайт VK не ставит перед вами каких-либо ограничений по размерам файла, но лучше всего использовать иллюстрацию с разрешением не ниже 537×240 пикселей.

  11. Дождавшись завершения загрузки, с помощью инструментов выделения выберите нужную область снимка.
  12. Выбор области картинки для ссылки ВКонтакте

  13. В качестве результата под текстовым блоком будет представлена ссылка с картинкой.
  14. Успешно измененная картинка для ссылки ВКонтакте

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

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

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

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

    Читайте также: Как редактировать записи ВК

  2. Картинку с URL-адресом возможно опубликовать при создании новых сообщений и работе с комментариями.
  3. Добавление ссылки с картинкой в комментариях ВК

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

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

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

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

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

  1. Отталкиваясь от упомянутой инструкции, перейдите к форме создания новой записи и добавьте заметку.
  2. Добавление заметки к новой записи ВКонтакте

  3. После открытия окна «Создание заметки» подготовьте основное содержимое.
  4. Подготовка основного содержимого заметки ВКонтакте

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

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

  9. Щелкните по картинке, появившейся в рабочей области редактора.
  10. Открытие картинки для добавления ссылки к заметке

  11. Выставите основные параметры, касающиеся размеров картинки и альтернативного текста.
  12. Выставление основных параметров картинки у заметки

  13. В текстовое поле «Ссылка» вставьте полный URL-адрес нужной страницы сайта.
  14. Завершение добавления ссылки для картинки у заметки

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

  18. Выйдите из редактора, кликнув по блоку «Сохранить и прикрепить заметку».
  19. Успешно добавленная ссылка для картинки у заметки

  20. После публикации такой записи убедиться в работоспособности ссылки возможно путем щелчка по области с ранее обработанным изображением в окне просмотра заметки.
  21. Рабочая ссылка с изображением у заметки ВК

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

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

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

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

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

Включение материалов в настройках группы ВКонтакте

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

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

  1. Воспользуйтесь иконкой «Добавить фотографию» и добавьте изображение с URL-адресом по описанному выше методу, если вас не интересует углубленная настройка разметки.
  2. Переход к добавлению фотографии к визуальной вики-разметке

  3. Иначе же выберите на панели инструментов значок с подписью «Режим wiki-разметки».

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

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

  4. Для удобной загрузки иллюстрации кликните по кнопке «Добавить фотографию».

    Добавление фотографии для расширенной вики-разметки

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

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

    [[photoXXX_XXX|100x100px;noborder|]]

  6. Успешно добавленный код картинки ВКонтакте

  7. Без внесения пользовательских изменений картинка будет открывать сама себя в режиме полноэкранного просмотра.
  8. Исходная картинка в полноэкранном режиме

  9. Добавить свою ссылку можно после вертикальной черты, в соответствии с нашим примером.

    |100x100px;noborder|ваша ссылка]]

  10. Добавление ссылки для кода картинки

  11. Проверить работоспособность кода можно, кликнув по ссылке «Предпросмотр» и убедившись, что нужное изображение перенаправляет на ту страницу, которая была вами указана.
  12. Использование предпросмотра картинки с ссылкой ВКонтакте

  13. В дальнейшем каждый посетитель группы сможет использовать ссылки.
  14. Опубликованная вики-разметка с графической ссылкой

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

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

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

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

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

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

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

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

ДА НЕТ

lumpics.ru

Как кастомизировать блок ссылок в группе в VKontakte / Habr


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

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

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

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

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

Выход есть всегда


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

Подготовка


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

Браузер Chrome, можно и любой другой, но именно тут есть удобный встроенный инструмент для разработки. Кликаете правой кнопкой мыши и в контекстном меню выбираете «Inspect» ( или «Исследовать» в русской версии).

Альтернативный способ: Больше инструментов (More Tools) > Инструменты (Tools) > Инструменты разработчика (Developer Tools).

Шаг 1


Зайдите в группе на страницу редактирования блока ссылок и вызовите Инструменты разработчика, перейдите во вкладку Networks и выберите под вкладку All

Шаг 2


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

Шаг 3


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

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

Шаг 4


В программе Postman нужно ввести необходимые данные, полученные из запроса: это заголовок с сессией, который храниться в cookie, и сам Body запрос с данными. Делается это очень просто. Из шага 3 нужно скопировать: Request URL, Cookie, Body

и вставить их в Postman.

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

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

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

Шаг 5


Получив нужный идентификатор, мы должны теперь сформировать API запрос для добавления новой ссылки в группу. Для этого в браузере в режиме разработчика вместо share.php нужно написать groupsedit.php и произвести похожие действия как в шаге 4. Копируем Request URL, Method POST, Cookie, Body, создаем новую вкладку в Postman и вставляем данные.

После добавления в Postman в режиме Bulk

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

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

Например, я для Facebook, hh.ru и Instagram сделал тематические логотипы, залил их на Google Drive, открыл доступ по ссылке и добавил для каждого ресурса.

Удачи вам в кастомизации!

Update: Информация на 24 декабря 2018 года уже не актуальна, vk обновил алгоритм загрузки изображения. Позже, как будет время, я разберусь и обновлю статью.

habr.com

Как сделать прямую и внешнюю ссылку в вк (вконтакте) на сайт или стену

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

Что такое прямые ссылки?

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

Как их делать

Прямые ссылки Вконтакте могут быть внешние и внутренние. Для того чтобы сделать вконтакте внутреннюю ссылку словом, достаточно воспользоваться вики-разметкой. Для этого нужно написать [idПользователя|Имя пользователя]. Также idПользователя можно заменить на группы или встречи. Соответственно подписи изменятся на club и event. После публикации все лишние символы пропадут.

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

Останется лишь подпись, которая находится в правой части выражения.

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

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

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

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

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

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

Для удобства большую строку можно сократить. Сделается это встроенным сервисом Вконтакте. Достаточно перейти по адресу vk.com/cc  и вставить туда длинный адрес. После обработки адрес примет визуально удобный вид. Теперь, сделать ссылку на сайт в контакте – очень просто.

внешняя ссылка на стене вк

Для чего они нужны

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

Сделать ссылку на сайт в контакте – очень просто.

motovilovdmitry.ru

Leave a Reply