342170
Что такое активная ссылка?
Активная ссылка (кликабельная ссылка) — это ссылка, при нажатии на которую происходит перенаправление на другую страницу, веб-сайт. Это может быть изображение, любое слово, ключевая фраза. Перенаправление осуществляется одним кликом.
Если в ссылке используется текст (слово или словосочетание), такая ссылка называется анкором, а само слово или словосочетание — анкором.
По активным ссылкам можно бесконечно переходить на другие страницы сайтов, просматривать документы.
В этой подробной инструкции мы расскажем, как это сделать в любом сервисе и документе.
Почему активная ссылка лучше неактивной?
использование активных ссылок имеет ряд преимуществ перед неактивными. К наиболее важным из них следует отнести:
- Простота использования. Вам не нужно копировать неактивные ссылки, вставьте их в адресную строку браузера. Чтобы совершить переход, нажмите ссылку один раз и перейдите на другую страницу.
- Рост посещаемости за счет простоты использования. Простота перехода приводит к улучшению поведенческих факторов и увеличению посещаемости веб-сайта.
- Рост посещаемости за счет повышения позиций в поисковых системах. Использование анкоров (ключевых фраз) в ссылках повышает позиции сайта.
Как сделать активную ссылку в HTML
Чтобы создать активную ссылку в HTML, вам нужно написать код на странице перенаправления. Это выглядит так:
слово, которое должно быть ссылкой или фразой
Между тегами может быть не только анкорная фраза или отдельное слово, но и URL.
Внутри веб-страницы
Для удобства пользователя ссылки на веб-страницах размещены таким образом, что при переходе по ним они открываются в новом окне. Для этого используйте специальный целевой атрибут. При включении код активной ссылки имеет вид:
якорная фраза, URL
В этом варианте написания кода целевому атрибуту присваивается значение пробела. Указывает на необходимость открытия ссылки в новом окне (вкладка браузера). Этот вариант кода самый простой и популярный, но есть и другие способы написания кода. Они используются реже. Например:
[url]=ссылка, которая ранее была скопирована из адресной строки браузера[/url]
При таком варианте также будет выполняться редирект на другую страницу, но этот тип редко используется из-за особенностей при открытии в некоторых браузерах — не везде ссылка будет активной. По этой причине этот вариант не распространяется на размещение активной ссылки.
На Ватсап
WhatsApp предлагает функцию прямого контакта с человеком, чей номер отсутствует в адресной книге телефона. Эту возможность открывает «прямое подключение». Он также позволяет создавать активные ссылки для размещения на веб-сайтах. Они помогают перейти в мессенджер и общаться напрямую.
Для создания активной ссылки нужно написать код:
https://wa.me/, который представляет собой номер телефона, написанный в международном формате без знака плюс («+»).
Если вам нужно создать текстовую ссылку на чат, используйте следующий тип кода:
https://api.whatsapp.com/send?phone=(введите номер телефона в международном формате — 7ххххххххх)&text= Нажмите %20on%20link%20чтобы перейти%20to%20Whatsapp.
В этой версии кода после каждого слова вместо пробела используется код типа «%20». Текст может быть любым.
При переходе по ссылке человек будет перенаправлен прямо в чат. Ему просто нужно написать текст и нажать кнопку «отправить».
Как сделать активную ссылку в визуальном редакторе
Визуальный редактор WordPress (классический)
В визуальном редакторе активные ссылки создавать проще, чем в HTML. Чтобы ссылка в нем стала активной, нужно сделать следующее:
- Выделите текст, который вы хотите сделать кликабельным.
- На панели инструментов вы найдете значок, позволяющий вставить ссылку (выглядит как цепочка). Вы должны нажать на нее.
- В появившемся окне вставляется адрес страницы, куда должна вести ссылка.
После сохранения изменений введенная фраза становится кликабельной. В тексте он выделяется другим цветом, а при удержании указателя мыши стиль оформления меняется. Нажав на предложение, вы будете перенаправлены на другую страницу.
На форуме
Если вам нужно создать кликабельную ссылку на форуме, используйте метод вставки при работе с визуальным редактором. Если в нем нет возможности добавить ссылку, ее можно вставить в виде готового HTML-кода, как было показано выше.
Некоторые форумы поддерживают вставку ссылок только при нажатии кнопки {http://}. Для создания активной ссылки необходимо нажать на указанную кнопку, заполнить открывшееся окно.
Когда вы размещаете активные ссылки на форумах, они часто воспринимаются как реклама и не допускаются к публикации. Чтобы этого не произошло, рекомендуется использовать на форумах неактивные ссылки.
В CMS (на примере WordPress)
Вставка ссылки в WordPress (редактор Gutenberg)
При работе с любой хорошей CMS активные ссылки создаются по тому же принципу, что и в визуальном редакторе (см выше). После сохранения изменений выбранная фраза становится активной.
CMS имеет возможность использовать различные типы кодов. Для этого вам нужно переключить визуальный редактор на HTML (работает только если вы используете классический визуальный редактор). Код вставляется в открывшееся окно. Он может быть разного типа: простой или установка параметров для открытия страниц в новом окне браузера (_blank).
Добавление ссылки в различных соцсетях
В социальных сетях есть свои нюансы при использовании активных ссылок. В некоторых из них можно размещать ссылки, ведущие только на внутренние страницы. Они будут перенаправлять пользователей на другие профили, сообщества.
В Instagram
В шапке профиля
Чтобы разместить ссылку в шапке профиля, перейдите в «Редактировать профиль». В появившемся окне в графе «сайт» указан адрес сайта. Это может быть адрес на профиле в другой социальной сети, адрес интернет-магазина, компании.
Эта ссылка будет отображаться в информационном разделе «Обо мне».
В Сториз
Теперь активные ссылки в Stories доступны всем пользователям, а не только тем, у кого больше 10 000 подписчиков. Для этого откройте стикеры и выберите стикер «Ссылка». Затем введите нужный URL и разместите наклейку в сторис.
Вы можете добавить активную ссылку на профиль Instagram (запрещенная в России организация) — отметить пользователя. Вместо текста URL введите логин другого аккаунта в формате @login.
В Вконтакте
В социальной сети Вконтакте анкорные ссылки бывают только внутренними. Они переводят пользователей между сообществами, пабликами и дают возможность попасть в другие профили. Чтобы создать кликабельную ссылку, необходимо:
- в квадратных скобках введите ID страницы, на которую должна вести ссылка;
- якорь пишется через вертикальную черту;
- закрыть квадратные скобки.
По такому же принципу осуществляются связи с пабликом и обществом. Для осуществления перехода указываются атрибуты club, public.
Пример ссылки на человека:
Есть человек, у которого ID60606060. Его зовут Сидоров Иван. Чтобы пользователи переходили сразу на его страницу, нужно написать следующий код:
[id60606060|Иван Сидоров]
Если вам нужно перенаправить пользователей на внешнюю ссылку, скопируйте адрес из панели браузера, вставьте в комментарий или в другое выбранное место, дождитесь загрузки изображения со стороннего сайта. Этот вариант ссылки считается неактивным.
В Facebook
Поделиться активной ссылкой в Facebook (организация, запрещенная в России) несложно. Для этого на интересном ресурсе рядом с понравившимся контентом выбирается кнопка «Поделиться» или значок социальной сети, что позволяет поделиться интересными новостями с другими пользователями.
Если таких значков нет, можно просто скопировать адрес ссылки. Вносится в пост и публикуется. При таком варианте подтягивает изображение со стороннего ресурса, привлекая внимание пользователей.
В Telegram
Ссылка на пост
Скопировать ссылку на пост можно, но только в десктопной версии. Для этого вам нужно:
- Войдите в Telegram с компьютера;
- Выберите группу или канал;
- Нажмите на пост правой кнопкой мыши. В выпадающем меню выберите «Копировать ссылку в сообщение».
Ссылка на пользователя/бота
Чтобы создать ссылку:
- скопируйте имя пользователя (оно находится в информации профиля и выглядит как @like);
- замените имя в конце t.me/link/.
Внешняя ссылка
Чтобы поделиться внешней ссылкой, необходимо использовать сервис t.me. Есть несколько способов:
- Внешняя ссылка генерируется автоматически, если вы зайдете на нужную нам страницу из мессенджера и в выпадающем меню выберите «Копировать ссылку» (многоточие в правом верхнем углу).
- Вы можете использовать один из сторонних сервисов для создания рабочих ссылок Telegram. Полезно, если адрес нужно скрыть/сокращить.
В Viber
В Viber есть 2 разных варианта ссылок — для компьютера и телефона.
Ссылка на ПК выглядит так:
вайбер://чат?номер=+79235678910
Телефонная ссылка:
вайбер://добавить?номер=79235678910
Вам просто нужно заменить номер телефона в ссылках выше на свой.
Важно! В одной версии есть «+», в другой нет.
Добавление активной ссылки в тексте
Различные текстовые редакторы предоставляют возможность создавать активные ссылки. Каждое приложение имеет свой собственный способ создания кликабельного фрагмента текста.
Как сделать ссылку активной в Ворде
В текстовом редакторе Word, создав активную ссылку, можно перенести пользователя на другой документ, диск, в Интернет.
Если вы планируете создать ссылку на фрагмент текущего документа, вам необходимо найти вкладку «Вставка», выбрать в ней «Закладки». Откроется диалоговое окно. Его необходимо заполнить, добавив имя. Закладка будет создана.
Затем выбирается текстовый объект, который становится активным. Щелкается правой кнопкой мыши. Выберите «Гиперссылка» в окне. В открывшемся окне укажите ссылку, куда должен вести выделенный фрагмент. Это может быть место в документе или адрес веб-страницы, ссылка на новый документ, электронное письмо.
В Google Docs
В документе Google Docs активные ссылки создаются аналогично Word. Чтобы сделать фрагмент текста кликабельным, используйте элемент «Вставка», выберите «Закладка». Затем выберите место, с которого будет начинаться перенаправление. В этом месте создается гиперссылка. Чтобы сделать его активным, выберите ранее созданную закладку. Теперь при нажатии на выбранную фразу пользователь будет перенаправлен в указанное место.
В Эксель
создание активных ссылок в Excel считается самым простым. Самый простой способ — скопировать ссылку из адресной строки браузера и вставить в нужное место документа. Адрес по умолчанию становится активным.
Если вам нужно сделать фрагмент текста активным, используйте метод, как в Word.
- Выделена часть текста, которая должна стать активной.
- Щелкните по нему правой кнопкой мыши. В выпадающем окне выбирается ссылка на веб-страницу, файл.
- В строке «адрес» пишется URL (вставил скопировано.
В pdf
Для максимального удобства навигации по документу PDF используются активные ссылки. Для их добавления выберите инструмент «Текст», «Изменить атрибут», «Ссылка» в текстовом редакторе. Затем открывается свойство Connection. Он выполняет все необходимые действия для редактирования окончательного варианта отображения.
В презентации
В презентации используется несколько вариантов создания активных ссылок. Самый простой способ — скопировать ссылку из адресной строки браузера. Он вставлен в нужное место, затем нажмите Enter. Ссылка автоматически станет активной.
Другой способ позволяет создавать не только ссылки, но и выделять текстовые фрагменты и делать их активными. Создание кликабельного предложения происходит по тому же принципу, что и создание активных ссылок в Word.
Как сделать активную ссылку в пределах одного документа
В Word есть возможность создавать гиперссылки внутри одного документа. Они могут вести в начало текста, в любые подзаголовки, в закладки.
К закладке
Чтобы создать редирект на закладку, нужно выделить фрагмент текста или выбрать изображение, затем открыть «Вставка», выбрать «Закладка». Здесь создается закладка. Имя закладки обязательно.
Для перехода из одного места в заданное нужно выделить фрагмент текста или поставить курсор в нужное место документа, которое будет кликабельно, перейти в режим создания гиперссылок, щелкнув правой кнопкой мыши. В появившемся окне выберите пункт «ссылка на место в документе». В окно вводится текст ссылки, выбирается созданная закладка. Теперь, когда вы нажимаете на предложение, вы будете перенаправлены в нужное место в документе. Даже если закладка пойдет дальше, скажем с третьей страницы на десятую, переадресация сработает.
В начало документа
По принципу перенаправления на закладку оформление ведется в начало документа. При этом типе активной ссылки точка перенаправления выбирается в начало документа. При нажатии на выделенный фрагмент текста происходит перенаправление.
К подзаголовку
Перенаправление на подзаголовок сделано по принципу создания ссылки на закладку.
Свойства ссылок
Каждая ссылка имеет свое значение. Одни перенаправляют на какие-то сайты, другие открывают возможность звонить пользователям (с этой опцией на досках объявлений сталкиваются все). Есть интерактивные ссылки, которые открывают форму создания электронной почты.
Открытие в новом окне
Для того, чтобы ссылка открывалась в новом окне, прописывается определенный тип кода:
якорная фраза, URL
В этом случае целевой атрибут устанавливается пустым. Указывает на необходимость открытия ссылки в новом окне (вкладка браузера).
Открытие звонка
Кликать можно не только простые ссылки, фрагменты текста, но и номера телефонов. Чтобы пользователи могли обращаться напрямую, без лишних действий, разумно сделать их кликабельными. Для этого используйте следующий код:
+7(902)-222-22-22 или прописывается другой текст, например позвоните нам
Нажав на номер телефона, пользователь сможет сразу позвонить. По такому же принципу добавляются и другие способы связи, например Skype. В этом случае код выглядит так:
любой текст, например скайп
Открытие создания e-mail
Когда вы создаете ссылку на адрес электронной почты из Word, вы должны изменить ссылку в окне «Создать гиперссылки». Для этого выбирается соединение с электронной почтой. В главном окне введите адрес ссылки.
Чтобы создать такую ссылку с помощью кода, используйте:
любой текст, например адрес электронной почты
Какие ссылки еще бывают?
Мы рассмотрели множество вариантов активных кликабельных гиперссылок с анкорами и без них для различных сервисов и документов. Если вы не нашли нужный вариант, напишите в комментариях и мы ответим на ваш вопрос.