Активная ссылка: что это и как сделать в Ворде, Инстаграме, ВК и других сервисах и документах

Что такое активная ссылка?

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

Если в ссылке используется текст (слово или фраза), то такая ссылка называется анкорной, а само слово или фраза — анкором.

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

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

Почему активная ссылка лучше неактивной?

Использование активных ссылок обладает большими преимуществами, чем неактивные. К основным следует отнести:

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

Как сделать активную ссылку в HTML

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

<a href="адрес_сайта.ру">слово, которое будет ссылкой или фраза</a>

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

Внутри веб-страницы

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

<a href="адрес_сайта.ру" target="»_blank»">анкорная фраза, адрес УРЛ</a>

В таком варианте прописывания кода, атрибуту target приписывается значение blank. Оно говорит о необходимости открывать ссылку в новом окне (вкладке браузера). Этот вариант кода самый простой и популярный, но есть другие разновидности написания кода. Ими пользуются реже. Например:

[url=ссылка, которая ранее была скопирована из адресной строки браузера[/url]

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

На Ватсап

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

Чтобы создать активную ссылку, необходимо прописать код:

https://wa.me/, в котором — это номер телефона, записываемый в международном формате без дополнительных знаков («+»).

Если необходимо сделать текстовую ссылку на чат, то используют следующий вид кода:

https://api.whatsapp.com/send?phone=(указывается номер телефона в международном формате – 7ххххххххх)&text= Нажми%20на%20ссылку%20перейдешь%20в%20Ватсап.

В этом варианте кода, после каждого слова вместо пробела используется код вида «%20». Текст может быть любым.

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

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

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

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

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

На форуме

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

Некоторые форумы поддерживают вставку ссылок только при нажатии на кнопку {http://}. Чтобы сделать активную ссылку, нужно кликнуть по указанной кнопке, заполнить открывшееся окошко.

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

В CMS (на примере WordPress)

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

В CMS есть возможность использовать разные виды кодов. Для этого необходимо переключить визуальный редактор в HTML (работает только если используется классический визуальный редактор). В открывшемся окне вставляется код. Он может быть разного типа: простой или задающий параметры открывания страниц в новом окне браузера (_blank).

Добавление ссылки в различных соцсетях

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

В Instagram

В шапке профиля

Для размещения ссылки в шапке профиля, необходимо перейти в «Редактировать профиль». В появившемся окне в колонке «web –сайт» указывается адрес сайта. Это может быть адрес на профиль в другой социальной сети, адрес интернет-магазина, компании.

Эта ссылка будет отображаться в разделе информации «О себе».

В Сториз

Сейчас активные ссылки в Сториз доступны всем пользователям, а не только тем, у кого больше 10 000 подписчиков. Для этого нужно открыть стикеры и выбрать наклейку «Ссылка». Затем введите нужный URL-адрес и разместите стикер в истории.

Можно добавить активную ссылку на профиль в Instagram (запрещенная на территории Российской Федерации организация) — отметить пользователя. Вместо текста с URL-адресом укажите логин другой учетной записи в формате @login.

В Вконтакте

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

• в квадратных скобках указать ID страницы, на которую должна вести ссылка;
• анкор прописывается через вертикальную черту;
• закрыть квадратные скобки.

По этому же принципу вносятся ссылки на паблики, сообщества. Чтобы осуществлялся переход, указываются атрибуты club, public.

Пример оформления ссылки на человека:

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

[id60606060|Иван Сидоров]

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

В Facebook

Поделиться активной ссылкой в Facebook (запрещенная на территории Российской Федерации организация), просто. Для этого на интересном ресурсе, рядом с понравившимся контентом, выбирается кнопка «Поделиться» или значок соцсети, который позволит поделиться интересной новостью с другими пользователями.

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

В Telegram

Ссылка на пост

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

1. Зайти в Telegramс компьютера;
2. Выбрать группу или канал;
3. Нажать на пост правой кнопкой мыши. В выпадающем меню выбрать «Копировать ссылку на сообщение».

Ссылка на пользователя/бота

Для создания ссылки:

• скопируйте имя пользователя (оно находится в информации о профиле и выглядит как @like);
• подставьте имя в конец ссылки t.me/.

Внешняя ссылка

Для того чтобы поделиться внешней ссылкой, нужно использовать сервис t.me. Есть несколько способов:

• Внешняя ссылка генерируется автоматически в том случае, если перейти из мессенджера на нужную нам страницу и выбрать пункт «Скопировать ссылку» из выпадающего меню (многоточие в верхнем правом углу).
• Можно воспользоваться одним из сторонних сервисов для создания рабочих telegram-ссылок. Полезно в том случае, если адрес нужно скрыть/сократить.

В Viber

У Вайбера существует 2 разных варианта ссылок — для компьютера и телефона.
Ссылка для ПК имеет вид: 

viber://chat?number=+79235678910

Ссылка для телефона: 

viber://add?number=79235678910

Необходимо просто заменить в ссылках выше номер телефона на ваш.

Важно! В одном варианте есть «+», в другом — нет.

Добавление активной ссылки в тексте

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

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

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

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

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

В Google Docs

В документе Google Docs активные ссылки создаются по аналогии с Вордом. Чтобы фрагмент текста стал кликабельным, необходимо использовать пункт Вставка, выбрать «Закладка». Затем выбирается место, откуда будет идти перенаправление. В этом месте создается гиперссылка. Чтобы она стала активной, выбирается ранее созданная закладка. Теперь при клике по выделенной фразе, пользователь будет перенаправляться в заданное место.

В Эксель

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

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

1. Выделяется часть текста, которая должна стать активной.
2. Кликается по нему правой кнопкой мыши. В выпавшем окне выбирается связь с веб-страницей, файлом.
3. В строке «адрес» прописывается (вставляется скопированный) УРЛ.

В pdf

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

В презентации

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

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

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

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

К закладке

Чтобы создать перенаправление к закладке, необходимо выделить фрагмент текста или выбрать изображение, затем открыть «Вставка», выбрать «Закладка». Здесь создается закладка. Обязательно указывается название закладки.

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

В начало документа

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

К подзаголовку

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

Свойства ссылок

У каждой ссылки есть свое значение. Одни перенаправляют на какие-либо сайты, другие открывают возможность звонить пользователям (с этим вариантом каждый сталкивается на досках объявлений). Есть кликабельные ссылки, открывающие форму создания e-mail.

Открытие в новом окне

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

<a href="site.com" target="»_blank»">анкорная фраза, адрес УРЛ</a>

В таком варианте, атрибуту target приписывается значение blank. Оно говорит о необходимости открывать ссылку в новом окне (вкладке браузера).

Открытие звонка

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

<a href="tel:+7902222222">+7(902)-222-22-22 или прописывается другой текст, например, позвоните нам</a>

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

<a href="skype:2222">любой текст, например, Skype</a>

Открытие создания e-mail

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

Чтобы сделать такую ссылку с помощью кода используйте:

<a href="mailto:ящик@почта.ру">любой текст, например, адрес почты</a>

Какие ссылки еще бывают?

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