Тег А, атрибут rel

HTML rel Attribute

The rel attribute specifies the relationship between the current document and the linked document.

Only used if the href attribute is present.

Tip: Search engines can use this attribute to get more information about a link!

Browser Support

Syntax

Attribute Values

Value	Description
alternate	Provides a link to an alternate representation of the document (i.e. print page, translated or mirror)
author	Provides a link to the author of the document
bookmark	Permanent URL used for bookmarking
external	Indicates that the referenced document is not part of the same site as the current document
help	Provides a link to a help document
license	Provides a link to licensing information for the document
next	Provides a link to the next document in the series
nofollow	Links to an unendorsed document, like a paid link. («nofollow» is used by Google, to specify that the Google search spider should not follow that link)
noopener	Requires that any browsing context created by following the hyperlink must not have an opener browsing context
noreferrer	Makes the referrer unknown. No referer header will be included when the user clicks the hyperlink
prev	The previous document in a selection
search	Links to a search tool for the document
tag	A tag (keyword) for the current document

❮ HTML tag

COLOR PICKER

Report Error

If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:

Thank You For Helping Us!

Your message has been sent to W3Schools.

Top Tutorials

Top References

Top Examples

Get Certified

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Источник

Атрибут rel

Атрибут rel определяет отношения между текущим документом и документом, на который ведет ссылка, заданная атрибутом href . Несмотря на то, что браузеры в большинстве своем не поддерживают атрибут rel , на сайтах часто можно встретить код rel=»nofollow» , предназначенный для поисковых систем Google и Яндекс. Ссылки, помеченные таким образом, не передают PageRank и ТИЦ .

Синтаксис

Обязательный атрибут

Значения

Некоторые возможные значения перечислены ниже.

answer Ответ на вопрос. chapter Раздел или глава текущего документа. co-worker Ссылка на страницу коллеги по работе. colleague Ссылка на страницу коллеги (не по работе). contact Ссылка на страницу с контактной информацией. details Ссылка на страницу с подробностями. edit Редактируемая версия текущего документа. friend Ссылка на страницу друга. question Вопрос.

Весь список значений можно посмотреть по адресу http://wiki.whatwg.org/wiki/RelExtensions

В HTML5 поддерживается следующие значения.

archives Ссылка на архив сайта. author Ссылка на страницу об авторе на том же домене. bookmark Постоянная ссылка на раздел или запись. first Ссылка на первую страницу. help Ссылка на документ со справкой. index Ссылка на содержание. last Ссылка на последнюю страницу. license Ссылка на страницу с лицензионным соглашением или авторскими правами. me Ссылка на страницу автора на другом домене. next Ссылка на следующую страницу или раздел. nofollow Не передавать по ссылке ТИЦ и PR. noreferrer Не передавать по ссылке HTTP-заголовки. prefetch Указывает, что надо заранее кэшировать указанный ресурс. prev Ссылка на предыдущую страницу или раздел. search Ссылка на поиск. sidebar Добавить ссылку в избранное браузера. tag Указывает, что метка (тег) имеет отношение к текущему документу. up Ссылка на родительскую страницу.

Значение по умолчанию

      
Наш ответ Яндексу
  

      
Добавить в избранное
  

Браузеры

Firefox поддерживает значение prefetch и sidebar . Opera поддерживает значение sidebar .

Источник

Атрибут «rel=»: что он собой представляет и для чего нужен

Атрибут «rel=» активно используется разработчиками сайтов для взаимодействия с поисковыми системами. Он включает в себя несколько значений, например nofollow или canonical. Каждый из них предназначен для решения определенных задач.

В сегодняшней статье я подробно разберу атрибут «rel=» и покажу на примерах, в каких случаях его лучше всего использовать.

Атрибут «rel=»: определение и предназначение

Rel (от англ. «relationship» – отношение) – это атрибут HTML, описывающий ссылку. Он обозначает, что это за ссылка и на какой адрес она ведет. Работает это следующим образом: когда ссылка направляет пользователя на адрес, атрибут рассказывает поисковым системам, почему ссылка ведет на этот адрес. Например, ссылаться можно на файл стилей, который взаимодействует со страницей.

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

Современные браузеры чаще всего не обращают внимание на атрибут rel, но вот поисковые системы, напротив, уделяют этому пристальное внимание. Кроме того, социальные сети будут лучше взаимодействовать с веб-ресурсом, если его ссылки будут определены.

Атрибут rel может использовать вместе с тегом :

Также допустимо его появление и в теге :

Значения атрибута «rel=»

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

rel=nofollow

Используется, когда нужно, чтобы страница, на которую ссылается пользователь, не увеличила свой ссылочный вес благодаря этой ссылке. Другими словами, по этой ссылке не передается индекс цитирования, используемый Яндексом, и PageRank, используемый Google.

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

rel=alternate

Используется для указания того, что ссылка ведет на альтернативное изображение страницы:

Также есть еще одна вариация:

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

rel=canonical

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

rel=author

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

rel=bookmark

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

rel=help

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

Например, в форме на сайте это прописывается через тег :

rel=license

Указывает на то, что по ссылке размещено лицензионное соглашение, которое относится к основному тексту страницы.

rel=dns-prefetch, preconnect, prefetch, preload

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

rel=tag

Определяет категорию сайта или ключевой запрос:

rel=search

Этот тип сообщает, что ссылка ведет на интерфейс поиска:

rel=icon

Необходим для того, чтобы связать содержимое сайта с иконкой:

rel=external

Означает, что ссылка ведет на другой сайт, будет индексироваться и передавать вес. В WordPress этот атрибут часто используется в комментариях. Может функционировать совместно с nofollow, чтобы ссылка не передавала вес:

rel=first, up, prev, next, last

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

Заключение

Атрибут rel позволяет улучшить связь между страницами и сделать их более привлекательными для поисковых роботов. В результате это может заметно сказаться на посещаемости ресурса. Не бойтесь использовать данный атрибут – он может существенно улучшить показатели вашего сайта.

Источник