Что такое HTML атрибут «rel=»?

Что такое HTML атрибут «rel=»? - в языке разметки гипертекста HTML атрибут rel применяется в качестве дополнительного SEO-инструмента, с помощью которого задается описание взаимоотношений между текущим и цитируемым документами. Rel – это сокращение от английского слова Relationship, что означает «отношения».

Атрибуцию rel можно назвать некоторой аналогией семантической микроразметки Schema, описывающей свойства указанного контента на веб-страницах.

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

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

HTML-атрибуция rel, с одной стороны, является частью on-page SEO (внутренней оптимизации), а в расширенном смысле предназначена для улучшения взаимоотношений веб-страницы со всеми сторонними ресурсами – социальными сетями, онлайн-инструментами и сервисами.

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

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

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

В этой ситуации rel=“nofollow” говорит поисковой системе, что данная гиперссылка имеет служебные задачи и не является пользовательским цитированием контента (так называемым «расшариванием»), которое считается важным фактором поискового ранжирования.

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

Синтаксис атрибуции rel может быть в следующих форматах:

<a rel="значение" href="URL-адрес ссылки">текстовый анкор</a>

<link rel="значение" href="URL-адрес ссылки">текстовый анкор ссылки</a>

Ниже приведены некоторые часто применяемые значения атрибута rel.

rel=nofollow

Запрет на передачу PageRank по ссылке, указание для поискового робота. Ссылка индексируется, но не будет учтена при ранжировании сайта.

<a rel="nofollow" href="webpage.html">ссылочный вес не передается</a>

rel=canonical

Указывает поисковому роботу на одну значимую страницу из серии дублей, которая должна быть проиндексирована для участия в поиске. Размешается в части Head кода HTML.

<link rel="canonical" href="http://www.главная.ru/">

rel=alternate

Направление к адресу страницы, выполненному в ином формате. Это может быть форматирование для распечатки на принтере (документ PDF).

<a rel="alternate" type="application/pdf" href="page.pdf">PDF-документ</a>

Параметр rel-атрибута hreflang указывает на иноязычную версию веб-страницы.

<a rel="alternate" hreflang="en" href="english-version.html">Английский перевод</a>

rel=author

Указание на страницу со сведениями о создателе, разработчике контента, проекта.

<a rel="author" href="about-author.html">Авторская информация</a>

rel=bookmark

Указание на фиксированный, неизменный адрес файла.

<a rel="bookmark" href="about.html">Фиксированная ссылка</a>

rel=help

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

<a rel="help" href="comments.html">Помощь по работе с комментариями</a>…</form>

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

rel=license

Указание на лицензирующие документы относительно содержимого веб-страницы. Ссылка размещается внутри основного содержания документа в теге main и указанная лицензия относится только у контенту внутри этого раздела.

<a rel="license" href="license.html">Лицензия</a>

rel=dns-prefetch, prefetch, preload preconnect

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

<a rel="prefetch" href="license.html">Полезная информация</a>

rel=search

Атрибут обозначает ссылку на форму поиска по сайту.

<a rel="search" href="search.html">Поиск</a>

rel=tag

Указание на признаки, ключевики либо субразделы ресурса.

<a rel="tag" href="search.html">Поисковая страница</a>

rel=first, last, prev, next, up

Это пример модуля для последовательной навигации по страницам сайта. Параметр next указвает переход на последующую страницу, prev – на предшествующую.

<ul>
<li><a rel="prev" href="1-page.html">первая страница</a></li>
<li>Просматриваемый документ</li>
<li><a rel="next" href="3-page.html">третья страница</a></li>
</ul>

rel=external

Атрибут открытия ссылки в другом окне браузера. Часто применяется совместно с атрибутом nofollow. На платформе Wordpress задействуется в комментариях.

<a rel="external nofollow" href="page.html">Страница должна быть загружена в следующую вкладку браузера</a>

rel=icon

Атрибут помогает привязать и адаптировать фавикон проекта к его контенту, реализуется посредством тега link.

<link rel="shortcut icon" href="/favicon.ico"></link>

Свойства данного атрибута допускают фиксацию размеров фавикона за счет применения параметра size.

<link rel="icon" href="favicon.ico" sizes="17x17" type="image/ico"></link>

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

Расширенный список значений атрибута rel можно посмотреть в HTML-справочнике.

• ← Оптимизация текста СЕО оптимизация контента