Атрибут rel что это – Google изменил подход к обработке nofollow и представил 2 новых атрибута для ссылок

Содержание

Атрибут rel | HTML | WebReference

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

Синтаксис

<a rel="текст">...</a>

Значения

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

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

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>А, атрибут rel</title>
 </head>
 <body>
  <p><a href="http://ya.ru" rel="nofollow">Наш ответ Яндексу</a></p>
 </body>
</html>
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Добавить в избранное</title>
 </head>
 <body>
  <p><a href="http://webref.ru" rel="sidebar">Добавить в избранное</a></p>
 </body>
</html>

Примечание

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

Браузеры

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

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

Число указывает версию браузреа, начиная с которой элемент поддерживается.

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 24.05.2018

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

Атрибут rel | HTML | WebReference

Атрибут rel определяет отношения между текущим документом и файлом, на который делается ссылка. Это необходимо, чтобы браузер знал, как использовать подключаемый документ.

Значения

alternate
Альтернативный тип, используется, к примеру, для указания ссылки на файл в формате XML для описания ленты новостей, анонсов статей.
author
Указывает ссылку на автора текущего документа или статьи.
help
Указывает ссылку на контекстно-зависимую справку.
icon
Адрес картинки, которая символизирует текущий документ или сайт.
license
Сообщает, что основное содержание текущего документа распространяется по лицензии, описанной в указанном документе.
next
Сообщает, что текущий документ является частью связанных между собой документов, а ссылка указывает на следующий документ.
prev
Сообщает, что текущий документ является частью связанных между собой документов, а ссылка указывает на предыдущий документ.
search
Указывает ссылку на ресурс, который применяется для поиска по документу или сайту.
stylesheet
Определяет, что подключаемый файл хранит таблицу стилей (CSS).

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

Пример

<!DOCTYPE HTML>
<html>
  <head>
   <meta charset="utf-8">
   <title>LINK, атрибут rel</title> 
   <link rel="stylesheet" href="hb.css">
  </head> 
  <body>
   <p>...</p>
  </body>
</html>

Браузеры

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

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

Число указывает версию браузреа, начиная с которой элемент поддерживается.

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 24.05.2018

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

Атрибут rel что это

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

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

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

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

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

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

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

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

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

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

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

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

rel=nofollow

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

rel=canonical

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

rel=alternate

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

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

rel=author

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

rel=bookmark

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

rel=help

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

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

rel=license

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

rel=dns-prefetch, prefetch, preload preconnect

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

rel=search

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

rel=tag

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

rel=first, last, prev, next, up

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

rel=external

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

rel=icon

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

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

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

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

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

Когда определенная ссылка переводит нас на другой ресурс, атрибут rel используется для объяснения логики – почему именно на этот адрес. Ссылаться можно на страницу, содержание которой взаимосвязано с текущим документом, или на файл, который нужно использовать с этим документом. Еще ссылка может быть PDF или иноязычной версией документа. Ссылка, как взаимосвязь между текущим и иным документом используется часто в электронных книгах для переадресации на следующую (предыдущую) страницу.

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

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

Сегодня активно используют «nofollow». Это значение создает запрет на переход поисковой системы по определенной ссылке. Другими словами не передает им PR и тИЦ. Также используют и другие значения, такие как «canonical». Оно определяет, какой адрес является предпочтительным для поисковых машин. Использование rel может применяться более широко:

rel=nofollow

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

rel=alternate

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

Для этого типа можно задать hreflang, что позволит указать на то, что ссылка ведет на иноязычную версию:

rel=canonical

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

rel=bookmark

Указывает на то, что ссылка не меняется:

rel=author

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

rel=help

Говорит о том, что ссылка ведет на текст, являющийся справочной информацией.

Эти примеры показывают, что ссылка ведет на контент, раскрывающий информацию о самом тексте, который расположен в комментариях.

rel=license

Указывает на то, что по ссылке размещено лицензионное соглашение, которое относится к основному тексту страницы. Размещение ссылки должно быть ограничено тегом main. Это определяет контент, к которому ссылка привязана:

rel=dns-prefetch, preconnect preload, preconnect, prefetch

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

rel=tag

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

rel=search

Такая ссылка ведет к поиску на сайте:

rel=first, up, prev, next, last

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

rel=icon

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

Многие браузеры не учитывают это значение и автоматически связывают содержимое с основным логотипом ресурса. Размер иконки можно менять, для этого используется значение size:

rel=external

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

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

Nofollow – тег, который используют веб-мастера при размещении ссылок на сторонние ресурсы, чтобы не превратить сетевой ресурс в бесплатную площадку для наращивания ссылочной массы, не упасть в поисковой выдаче и не быть заблокированным поисковыми системами. Ссылки с атрибутом nofollow играют важную роль в продвижении сайтов, несмотря на то, что они не индексируются поисковыми системами. Мнение о полезности использования атрибута rel =»nofollow» расходятся. Многие считают, что на ранжирование сетевого ресурса они не влияют и поэтому получать их бессмысленно. Давайте узнаем, чем могут быть полезны гиперссылки, закрытые от индексации.

Определение nofollow

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

Для чего запрещать индексацию ссылок

Есть множество причин. Перечислим самые известные и важные из них.

  1. Ссылки на некачественные, нетематические сайты могут негативно повлиять на ранжирование продвигаемого ресурса.
  2. Большое количество ссылок, ведущих на сторонние сайты, может стать причиной блокировки ресурса или выпадения из индекса определенных страниц.
  3. Защита от ссылок, оставляемых пользователями в комментариях.
  4. Сохранение и перераспределение веса страниц или разделов.
  5. Желание исключить из индексации страницы или разделы, которые не предназначены для попадания в поисковую выдачу, например страницы с формой регистрации или страницы входа на сайт.
  6. Потребность в создании естественного ссылочного профиля.

Как проверить наличие закрытых от индексации ссылок

В поисках площадок, подходящих для наращивания ссылочной массы, необходимо быстро и точно определять способ их установки веб-мастером: с тегом rel=»nofollow» или без него. Сделать это можно при помощи разных инструментов.

Ищем при помощи браузера Google Chrome:

  1. Открываем страницу в браузере.
  2. Выделяем проверяемую ссылку.
  3. При помощи правой кнопки мыши открываем контекстное меню.
  4. Выбираем в меню строку «Посмотреть код элемента».
  5. Проверяем HTML-код на наличие тега rel с атрибутом nofollow.

При выборе площадки для размещения обратной ссылки важно уметь определять не только атрибут rel=»nofollow», но и другие теги с похожими функциями. Например, redirect, noindex, dofollow, nofollow noopener. Ссылки с атрибутами и тегами, имеющими перечисленные значения, пользы в плане наращивания ссылочной массы и продвижения сайта в поисковых системах не принесут.

Ищем при помощи дополнения к браузеру:

  1. Зайдите в магазин Google Chrome.
  2. Найдите дополнение RDS Bar или аналогичное.
  3. Установите расширение.
  4. В настройках дополнения включите подсветку ссылок, закрытых для индексации при помощи соответствующих тегов и атрибутов.

После этого на всех страницах, отрываемых в браузере, будут автоматически зачеркнуты все зарытые для индексации ссылки.

Обработка значения nofollow атрибута rel поисковой системой Google

Из официального справочного материала Google можно узнать, что поисковый робот по таким ссылкам не переходит. Если добавить к ссылке атрибут с указанным значением, то ссылка не попадает в сеть Google. Но закрытые таким образом от индексации страницы все равно появляются в индексе, если на них ведут открытые ссылки с других ресурсов или их адреса находятся в карте сайта. В тексте справки вы увидите словосочетание «как правило», которое использовали в предложении о переходе по закрытым от индексации ссылкам. Оно может означать, что поисковая система сама решает, переходить или не переходить, индексировать или не индексировать. Учитывая это и то, что другие поисковые системы не обращают внимания на nofollow, можно сказать, что закрытые таким образом ссылки способны приносить пользу наравне с открытыми.

Как используют ссылки в бизнесе

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

  • повысить узнаваемость бренда, популярность продукции, востребованность услуги. Если ссылка ведет на интересный, полезный контент и по ней переходят целевые посетители, то она рано или поздно окажет положительное влияние и на СЕО. Возрастающий целевой трафик будет по достоинству оценен поисковыми системами и учтен в ранжировании;
  • увеличить объем продаж. Если продукт качественный, отвечает заявленным характеристикам, доступен по цене, то все заинтересованные посетители, перешедшие на сайт по закрытым ссылкам, оформят заказ;
  • стать причиной появления новых ссылок. Всем известно, что социальные сети являются огромным источником потребителей и все ссылки в любых публикациях закрыты от индексации. То есть для повышения СЕО-показателей размещать их нет смысла. Зато они привлекут внимание пользователей, которые поделятся интересной информацией на других сетевых ресурсах.

Какие площадки надо использовать для размещения ссылок

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

  • видеохостинговые сайты. Например, на Youtube ссылки, которые оставляют пользователи, не учитываются поисковой системой Google, но могут стать постоянным источником трафика с хорошими поведенческими факторами;
  • социальные сети. Ссылки в социальных сетях не индексируются. Несмотря на это, их постоянно оставляют в заметках и комментариях. Если опубликованный материал привлекает внимание, трафик по закрытой ссылке обеспечен;
  • форумы. Эти ресурсы обычно закрывают ссылки при помощи nofollow или noindex. Если поисковые системы эти ссылки не учитывают, то многомиллионная аудитория популярных форумов их видит, переходит по ним, создавая постоянный целевой трафик.

Как повысить эффективность закрытых ссылок

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

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

Ссылки, закрытые от индексации, могут быть полезнее, чем индексируемые. Все зависит от того, где установлена ссылка и куда приводит пользователя. Если для индексируемых ссылок это практически не имеет значения, то для nofollow-ссылок является основным фактором, определяющим ее полезность, так как цели для них преследуются разные. Наращивание массы индексируемых ссылок происходит преимущественно для поднятия показателей сайта, а неиндексируемых – исключительно для привлечения целевой аудитории. То есть открытые ссылки влияют на посещаемость продвигаемого сетевого ресурса косвенно, а закрытые напрямую.

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

seodon.ru | Теги HTML — Тег A

Опубликовано: 25.06.2010 Последняя правка: 10.12.2015

Атрибут rel, тега <A>, описывает прямую связь между текущим документом и документом открываемым по ссылке. Является противоположным атрибуту rev. На практике браузеры не поддерживают этот атрибут для тега <A>, поэтому использовать его можно только ради семантики HTML-кода.

Но все же одно значение rel может быть весьма полезно для поисковой оптимизации сайта. Это rel=»nofollow», которое понимают многие поисковики, например, Google. Для них оно значит то, что при индексировании такая ссылка не должна передавать «вес страницы» (у Google это PageRank), на которой она расположена. Значение nofollow не входит в спецификацию HTML 4.01 (но будет в HTML5).

Некоторые отечественные поисковики, например Яндекс, для поисковой оптимизации также поддерживают тег <NOINDEX>.

Значения

Значением атрибута rel является одно или несколько (через пробел) ключевых слов, указывающих тип ссылки по отношению к текущей HTML-странице:

  • alternate — альтернативная версия документа (например, на другом языке).
  • stylesheet — внешняя таблица стилей.
  • start — первый документ в серии.
  • next — следующий документ.
  • prev — предыдущий документ.
  • contents — документ с оглавлением.
  • index — документ по индексу (например, алфавитный указатель).
  • glossary — документ из словаря терминов.
  • copyright — документ с информацией об авторских правах.
  • chapter — глава в серии документов.
  • section — раздел в серии документов.
  • subsection — подраздел в серии документов.
  • appendix — дополнение в серии документов.
  • help — документ помощи.
  • bookmark — закладка в документе.

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

Синтаксис

<a href="URL" rel="тип ссылки">...</a>

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

Пример HTML: применение атрибута rel

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Тег A, применение атрибута rel</title>
 </head>
 <body>
  <p><a href="/html/primer/files/hello.html" rel="nofollow">Скрыть ссылку</a></p>
  <p><a href="http://seodon.ru/contact/" rel="copyright">Контакты и авторство</a></p>
  <p><a href="/html/a-name.php" rev="prev">Тег A, атрибут name</a></p>
  <p><a href="/html/a-rev.php" rel="next">Тег A, атрибут rev</a></p>
</body>
</html>

Результат примера

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:НетНетНетНетНет

Что такое «rel=»?

Объясняем поисковым роботам и веб-службам, почему конкретная ссылка ведет к определенному адресу.

В HTML атрибут rel (от англ. «relationship» ‒ «отношение, взаимосвязь») определяет взаимосвязь между текущим и связанным с ним ссылкой документом.

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

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

<a rel="..." href="...">...</a>

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

<link rel="..." href="...">

Сейчас чаще всего используют значение «nofollow», которое запрещает поисковой системе переходить по конкретной ссылке, то есть, не передает им тИЦ и PR, и «canonical», которая определяет предпочитаемый адрес для индексации поисковыми системами. Но использование атрибута rel не ограничивается только значениями «nofollow» и «canonical»:

rel=nofollow

Значение предназначено для поисковых систем: указывает им, что ссылка не передает свой вес той странице, на которую ссылается. Пример:

<a rel="nofollow" href="page.html">Робот, не переходи на эту страницу</a>

rel=canonical

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

<link rel="canonical" href="http://www.example.com/"><span></span>

Подробнее об использовании rel=canonical в нашей статье о комплексном аудите сайта.

rel=alternate

Указывает на то, что по этой ссылкой располагается альтернативный вид отображения страницы. Например, это может быть PDF-версия, или версия для печати:

<a rel="alternate" type="application/pdf" href="page.pdf">PDF версия страницы</a>

Также у этого типа можно задать hreflang, который указывает на то, что по этой ссылке находится страница другой языковой версии:

<a rel="alternate" hreflang="en" href="english-version.html">English version</a>

rel=author

Сообщает, что за ссылкой находится информация об авторе сайта или страницы:

<a rel="author" href="about.html">Об авторе</a>

rel=bookmark

Говорит, что ссылка является постоянной и адрес этой страницы не меняется никогда:

<a rel="bookmark" href="about.html">Постоянная ссылка на страницу</a>

rel=help

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

<form>        
<label for="comment">Ваш комментарий:</label>    
<textarea></textarea>        
<input type="submit" value="Оставить комментарий">        
<a rel="help" href="comments.html">Помощь по комментариям</a>    
</form>

В этом примере ссылка ведет на справочную информацию о контенте, который расположен в родительском элементе ссылки, а именно в форме комментария.

rel=license

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

<a rel="license" href="license.html">Лицензионное соглашение</a>

rel=dns-prefetch, preconnect, prefetch, preload

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

<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, next, up, last, prev

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

<ul>
<li><a rel="prev" href="page-1.html">1 страница</a></li>
<li>Текущая страница</li>
<li><a rel="next" href="page-3.html">3 страница</a></li>
</ul>

rel=external

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

<a rel="external nofollow" href="page.html">Открыть в новой вкладке</a>

rel=icon

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

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

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

<link rel="icon" href="favicon.png" type="image/png">

Это далеко не все возможные значения атрибута rel, подробнее читайте в справочнике HTML.

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

Атрибут rel | SEO блог KEY-SEO

Содержание страницы

HTML атрибут rel часто применяется вебмастерами для влияния на поисковые системы. Наиболее известное применение атрибута рел — это rel=»nofollow», rel=»canonical».

Итак, давайте же разберём, что это за зверь и где он применяется.

Атрибут Rel («relate» с английского языка — «относиться», «связывать») определяет отношение между текущим документом и документом, на который идет ссылка атрибута href. Он является необязательным атрибутом и у него нет значения по умолчанию, если не вписать его вручную.

Синтаксис атрибута link rel

Схематично синтаксис можно показать так:

<a href="URL" rel="значение">...</a>

Пример, как выглядит атрибут ссылки rel в коде страницы:

<link rel="canonical" href="https://key-seo.com/dictionary-seo/" />

Значения

Наиболее полное описание всех значений атрибута рел можно найти на странице официального источника — http://microformats.org/wiki/existing-rel-values.

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

Также часто для избежания дублей контента используется link rel=»canonical», означающий, что указанная ссылка каноническая (основная).

Какие браузеры поддерживают атрибут rel?

Большая часть браузеров не поддерживает атрибут ссылки rel, но он благополучно используется seo оптимизаторами для воздействия на ПС (Яндекс, Google, Bing и прочие).

Нельзя сказать, что последние 2 браузера полностью поддерживают все значения атрибута: Firefox понимает значения sidebar и prefetch, Opera — sidebar.

Какие версии html поддерживают

Версия:

HTML 4.01 HTML 5 XHTML 1.0 XHTML 1.1

Поддержка:

yes yes yes yes

Ещё интересные статьи

Как атрибуты rel sponsored, ugc и nofollow влияют на SEO

На днях Google объявил о больших изменениях в атрибутах ссылок, теперь веб мастера могут сообщить поисковой системе о характере той или инной ссылки на своем сайте. Изменения хоть и полезные, тем не менее вызвали путаницу и подняли ряд вопросов.

атрибуты nofollow, sponsored, ugcНовые rel атрибуты nofollow, sponsored, ugc

Давайте подробнее разберемся:

Как атрибуты ссылок rel Sponsored, UGC, Nofollow влияют на SEO

Раньше

rel=»nofollow» — для всех платных, спонсорских, UGC и ненадежных ссылок.

  • не учитываются при обходе или индексации
  • не учитываются при ранжировании

Сейчас

1. rel=»sponsored» — для рекламных и спонсорских ссылок
2. rel=»ugc» — для пользовательского контента. UGC расшифровывается как user-generated content
3. rel=»nofollow» — для всех ненадежных ссылок, по которым мы не хотим передавать вес

  • не учитываются при обходе или индексации
  • может учитываться в качестве подсказки при ранжировании

С 1 марта 2020

1. rel=»sponsored» — для рекламных и спонсорских ссылок
2. rel=»ugc» — для пользовательского контента. UGC расшифровывается как user-generated content
3. rel=»nofollow» — для всех ненадежных ссылок, по которым мы не хотим передавать вес

  • может учитываться в качестве подсказки при обходе или индексации
  • может учитываться в качестве подсказки при ранжировании
  • Вы можете использовать новые атрибуты в комбинации друг с другом. К примеру допускается такой синтаксис rel=»nofollow sponsored».
  • Чтобы избежать штрафов, у рекламных ссылок нужно проставить либо атрибут rel=»nofollow», либо атрибут rel=»sponsored».
  • Веб мастера не обязаны вносить изменения в старый код. Google не подразумевает наказание за это и никак не стимулирует изменения.

Примеры кода

1. Обычные ссылки

<a href=»https://active-vision.ru»> Ссылка, которую можно рекомендовать </a>

2. Рекламные ссылки

<a href=»https://active-vision.ru» rel=»sponsored»> Рекламная ссылка </a>

3. Пользовательский контент

<a href=»https://active-vision.ru» rel=»ugc»> Ссылка пользователя </a>

4. Не передавать вес ссылке

<a href=»https://active-vision.ru» rel=»nofollow»> Ненадежная ссылка </a>

Теперь у нас есть три варианта атрибута ссылок: «nofollow», «sponsored» и «ugc» — у все трех разные случаи использования (четвертый вариант, по умолчанию — значение отсутствует). Для целей ранжирования Google теперь рассматривает каждый из атрибутов nofollow как «подсказки» — это означает, что они, скорее всего, не повлияют на ранжирование. Но Google теперь может игнорировать директиву nofollow и использовать такие ссылки для ранжирования.

Google продолжает игнорировать ссылки nofollow для целей обхода и индексирования. Но с 1 марта 2020 года это изменится и rel=»nofollow» будет подсказкой для поисковой системы при обходе.

10 советов как ускорить загрузку страниц сайта10 советов как ускорить загрузку страниц сайта

Вы можете использовать новые атрибуты в сочетании друг с другом. Например, допустимо писать rel=»nofollow sponsored ugc».

Рекламные ссылки теперь должны использовать атрибут nofollow или sponsored (или по отдельности, или два атрибута сразу). Использование «ugc» на платных ссылках, по-видимому, может привести к штрафу.

Веб мастера не обязаны подстраиваться под эти изменения, Google не предполагает ни стимулов, ни штрафов за это. А тем, кто использует nofollow для контроля обхода контента, возможно, придется пересмотреть свою стратегию.

Почему Google меняет атрибут rel nofollow?

Google представила атрибут nofollow в 2005 году как способ для устранения спама в комментариях и плохих ссылок из пользовательского контента (UGC). Ссылки на спам или некачественные сайты могут повредить сайту, и nofollow был хорошим способом защитить себя.

Google представил новые атрибуты rel для ссылок: sponsored, ugc, nofollow

Твитнуть

Google также требовал указывать nofollow для рекламных или спонсорских ссылок. Если вас ловили, на размещении платных ссылок без атрибута nofollow, Google могла наложить на вас санкции.

Система в целом работала, но многие сайты, например Wikipedia, применяли nofollow по всему сайту, опасаясь штрафов, потому что не могли в полной мере контролировать пользовательский контент.

По этой причине у Google была не точная статистика по ссылкам. Должны ли учитываться ссылки Википедии? Возможно, Google сможет лучше понять интернет, когда будет анализировать новые атрибуты.

Рассматривая атрибуты nofollow как «подсказки», Google сможет улучшить свой алгоритм.

Короче говоря, теперь на ваш выбор 3 значения атрибута rel:

  • rel=»sponsored» — для рекламных или спонсорских ссылок. Также сюда будут входить партнерские ссылки, хотя Google явно не сказал.
  • rel=»ugc» — ссылки внутри всего пользовательского контента.
  • rel=»nofollow» — эти ссылки обычно не используются для ранжирования, обхода или индексирования.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *