Тег A (гиперссылка)

Атрибут Href

Тег <a> применяется для HTML-разметки ссылок в сочетании с атрибутом href (от Hyper REFerence - гиперссылка), в котором указывается URL-адрес. Между открывающим и закрывающим тегами <a> размещается анкор ссылки:

<a href="/[URL]">[Анкор]</a>

Атрибут Rel

В качестве значения атрибута rel (от relationship — отношение) тега <a> можно указывать семантическое значение ссылки, которое может приниматься во внимание поисковыми алгоритмами. В таблице ниже представлены самые распространённые значения атрибута rel.

Атрибут Target

Атрибут target (цель) тега <a> указывает браузеру, как обрабатывать действие по ссылке. Может принимать следующие значения:

_self

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

<a href="/page" target="_self">Страница откроется в текущей вкладке</a>

_blank

Страница загружается в новой вкладке браузера (принято применять для внешних исходящих ссылок):

<a href="/page" target="_blank">Страница откроется в новой вкладке</a>

Абсолютные и относительные ссылки

В зависимости от представления URL в атрибуте href ссылки делятся на:.

Абсолютная ссылка

В атрибуте href указывается абсолютный URL акцептора:

<a href="https://seoportal.net">SEO-портал</a>

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

Относительная ссылка

В атрибуте href указывается относительный URL акцептора:

<a href="/>SEO-портал</a>

Относительные ссылки могут ссылаться только на страницы домена, на которых они указаны.

Внешние и внутренние

Относительно сайта, на котором указаны ссылки, они делятся на:

Внутренние

Ссылки между внутренними страницами сайта.

Внешние

Ссылки между страницами разных сайтов.

Входящие и исходящие ссылки

Относительно рассматриваемой веб-страницы ссылки делятся на:

Входящие

Ссылются на текущую страницу (акцептор).

Исходящие

Размещаются на текущей странице (доноре).

Анкорные и безанкорные ссылки

В зависимости от текста в анкоре ссылки делятся на:

Анкорные

Когда анкор описывает контент акцептора:

<a href="https://seoportal.net">SEO-портал</a>

Безанкорные

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

<a href="https://seoportal.net">seoportal.net</a>

Анкоры ссылок учитываются алгоритмами ранжирования:

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

Навигационные, контекстные и рекламные ссылки

В зависимости от назначения ссылки делятся на:

Навигационные

Размещаются в элементах навигации сайта (меню, карте сайта, оглавлениях страниц и т. д.).

Контекстные

Размещаются в контексте контента. Имеют наибольшую значимость в алгоритмах ранжирования.

Рекламные

Размещаются в рекламных блоках. Имеют наименьшую значимость в алгоритмах ранжирования.

Якорные ссылки

Якорная ссылка ссылается на элемент внутри страницы через указание идентификатора этого элемента (якорь ссылки) в атрибуте href после символа #:

<!-- Вариации якорных ссылок: -->
<a href="#zakladka">Якорная ссылка внутри страницы </a>
<a href="/page#zakladka">Относительная якорная ссылка</a>
<a href="http://site.ru/page#zakladka">Абсолютная якорная ссылка</a>
<!-- Элемент с якорем: -->
<section id="zakladka">[Контент элемента]</section>

Сквозные ссылки

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

Циклические ссылки

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