8 800 301-96-65

Вт-Сб. 10-18 ч. по МСК

Главная Блог компании «Евробайт» Как сделать активную ссылку на сайте

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

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

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

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

Как создать текстовую ссылку в HTML: инструкция

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

  1. Откройте в редакторе контента веб-страницу, с которой будет осуществляться переход.
  2. Найдите текст, к которому вы хотите привязать ссылку. После встраивания ссылки он станет анкором и будет выделяться другим цветом.
  3. Вставьте код, в котором укажите URL, который должен открыться в браузере после перехода по ссылке:
    <a href="eurobyte.ru">слово, которое будет пояснять ссылку</a>

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

Как сделать активную ссылку на сайте. Изображение от rawpixel.com на Freepik.

Атрибуты ссылок

Если вы хотите сделать навигацию сайта удобной, используйте атрибуты.

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

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

<a href="eurobyte.ru" target="_blank">анкор</a>

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

Описание к ссылке

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

<a href="eurobyte.ru" title="описание">нужный URL</a>

Дополнительные атрибуты

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

<h2 id="absolut">Абсолютный URL-адрес</h2>

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

<a href="html_images.html" target="_blank"><img src="улыбка.gif" alt="Изображения"></a>.

Заключение

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

Автор: Евробайт

Поделиться

Похожие статьи

Юзабилити сайта: что это

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

Что такое крауд-маркетинг

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

Что такое MySQL

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

Как создать текстовую ссылку в HTML: инструкция Атрибуты ссылок Ссылка открывается в новом окне Описание к ссылке Дополнительные атрибуты Заключение