Содержание

Атрибут rel | htmlbook.ru

Internet Explorer Chrome Opera Safari Firefox Android iOS
10.50+ 4.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

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

Синтаксис

<a rel="строка">...</a>

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

Нет.

Значения

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

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
Ссылка на родительскую страницу.

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

Нет.

Пример 1

HTML 4.01IECrOpSaFx

<!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>Тег А, атрибут rel</title>
 </head>
 <body>
  <p><a href="http://ya.ru" rel="nofollow">Наш ответ Яндексу</a></p>
 </body>
</html>

Пример 2

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Добавить в избранное</title>
 </head>
 <body>
  <p><a href="http://htmlbook.ru" rel="sidebar">Добавить в избранное</a></p>
 </body>
</html>

Браузеры

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

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

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

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

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


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

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


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

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

rel=nofollow

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


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

rel=alternate

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


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

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


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

rel=canonical

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


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

rel=bookmark

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


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

rel=author

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


<a rel="author" 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 preload, preconnect, prefetch

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


<a rel="prefetch" href="license.html">Важная информация!</a> 

rel=tag

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


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

rel=search

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


<a rel="search" href="search.html">Поиск по сайту</a> 

rel=first, up, prev, next, last

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


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

rel=icon

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


<link rel="shortcut icon" href="/favicon.ico"></link>
Многие браузеры не учитывают это значение и автоматически связывают содержимое с основным логотипом ресурса. Размер иконки можно менять, для этого используется значение size:

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

rel=external

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


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

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

Атрибут 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

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

Как научиться разрабатывать сайты

Nofollow vs Follow ссылки — всё, что нужно знать

Атрибут rel=”nofollow” — один из самых простых в HTML, но его работу важно понимать, если вы занимаетесь SEO. В этом руководстве от Ahrefs мы разберём его влияние на ссылочную массу, поймём, важен ли он для поисковой оптимизации, и научимся защищаться от санкций Google.

Начнём с основ.

Что такое nofollow-ссылки?

Это гиперссылки с атрибутом rel=”nofollow”. Они не имеют прямого влияния на ранжирование целевого URL, потому что nofollow сообщает Google, что не нужно передавать PageRank и учитывать анкорный текст. В действительности, поисковые роботы даже не сканируют nofollow-ссылки.

Nofollow против Follow

Для пользователя обе ссылки будут выглядеть одинаково. Красный текст в этом предложении — nofollow-ссылка. А в этом предложении такой же красный текст — follow.

Но в HTML-коде они отличаются.

Followed:

<a href=»https://tools.pixelplus.ru»>красный текст</a>

Nofollowed:

<a href=»https://tools.pixelplus.ru» rel=»nofollow»>красный текст</a>

Можно одним движением сделать все ссылки на странице со значением nofollow, добавив в элемент <head></head> мета-тег <meta name=»robots» content=»noindex, nofollow» />. Но это запретит и сканирование, и индексацию документа — будьте аккуратнее.

На практике, для отдельных ссылок, которые не должны передавать вес, просто используется rel=”nofollow”.

Не знаете, зачем вообще это нужно? Давайте быстренько пробежимся по истории.

История rel=”nofollow”

Изначально Google представил атрибут как метод борьбы со спамом в комментариях:

Если вы блогер (или читатель блога), вам до боли знакомы люди, которые пытаются поднять позиции своего сайта за счёт тематически связанных комментариев в сторонних блогах типа «Посетите мой сайт, посвященный фармацевтическим препаратам со скидкой». Это спам в комментариях, нам он тоже не нравится, и мы тестируем новый атрибут, который его блокирует. Отныне, когда Google видит rel=”nofollow” на гиперссылках, они не получают никакой оценки в системе ранжирования сайтов.

Это лишило спам ссылками прямой SEO-выгоды. Вскоре атрибут стали учитывать Яндекс, Yahoo, Bing и некоторые другие поисковики.

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

  1. Найдите комментарий со ссылкой.

  2. Кликните по ссылке правой кнопкой мыши.

  3. Далее «изучить элемент» или «просмотреть код» в зависимости от браузера.

  4. Проверьте наличие атрибута в HTML-коде.

Как посмотреть HTML-код ссылки

Неудобно копаться в коде? Можно найти расширение для браузера, которое подсвечивает ссылки с nofollow. Например, для Chrome. А мы планируем реализовать множество полезных букмарклетов, и подсветку тоже предусмотрим. Следите за новостями, а пока отправляемся дальше.

2009 — Google борется с проектированием PageRank структуры

PageRank передаётся по внутренним ссылкам (с одной страницы сайта на другую). В целом, чем выше значение PR, тем это лучше для ранжирования документа.

Вот классическая формула расчёта PageRank:

Формула расчёта PageRank

A — рассматриваемая страница.
d — коэффициент затухания, то есть, сколько веса может передать страница. Обычно берётся значение d=0,85.
Ti — ссылающаяся страница.
C — число внешних ссылок на ссылающейся странице.

Но вес передаётся только по follow-ссылкам. Так было всегда, но способы распределения веса с годами менялись.

До 2009 года это работало так: если на странице есть три ссылки и одна из них с rel=”nofollow”, то PR распределялся между двумя без запрещающего атрибута.

Как ранее работал PR

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

Google анонсировал изменения правил игры в 2009 году. Теперь «ссылочный сок» растекается равномерно по всем ссылкам. Разница проиллюстрирована ниже:

Пример работы PageRank раньше и сейчас

Замечание: PageRank — сложный зверь. Прошло 10 лет с внедрения этих изменений. Хотя публичных подтверждений о дальнейших работах Google не делал. Вполне возможно, что новые правки просто остались за кадром.

Хотя намеренное распределение веса теперь занятие довольно бессмысленное, nofollow помогает определить приоритеты сканирования страниц. Например, поисковый робот не может зарегистрироваться на сайте, заполнить форму или перейти в личный кабинет. Поэтому, такие ссылки можно смело помечать атрибутом rel=”nofollow”.

2013 — Google борется с покупкой ссылок

Google классифицирует покупку и продажу ссылок как нарушение их руководства для вебмастеров.

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

Проблема в том, что некоторые купленные ссылки ничем не отличаются от естественных. Например, можно заплатить за обзор, обменяться материалами или кто-то сам напишет о вас. Это сложная задачка для Google, поэтому они требуют помечать купленные ссылки атрибутом nofollow.

Можно взглянуть на это так — есть два способа получить Оскар:

  1. Постоянно оттачивай своё мастерство и много работай.

  2. Купи его на Amazon за 8.97$.

Nofollow на платных ссылках для Google как ценник 8.97$, приклеенный на фальшивом Оскаре. Такой вот сигнал, обесценивающий ссылку как фактор, влияющий на ранжирование.

Помогают ли nofollow-ссылки в SEO?

Напомним, Google не передаёт PR и не учитывает анкорный текст таких ссылок. Всё, казалось бы, ясно, но есть пометка «In general, we don’t follow them», то есть «в целом, мы не переходим по ним». И это «в целом» вносит некоторую неопределённость. Возможно, в некоторых случаях поисковый робот всё-таки по ним переходит.

Есть специалисты, которые уверяют, что часть PageRank передаётся и по nofollow-ссылкам. Другие говорят, что только по некоторым из них. Третьи, возможно, самые разумные, считают, что мы слишком много внимания уделяем старым формулировкам.

Ранее Ahrefs изучили 44,589 результатов поисковой выдачи, чтобы выяснить, существует ли какая-то корреляция между ранжированием и наличием/отсутствием атрибута rel=”nofollow”. Вот, что у них получилось:

Исследование Ahrefs

Здесь нас интересует два значения: «number of backlinks» (общее количество внешних ссылок) и «number of “dofollow” backlinks» (количество ссылок без атрибута nofollow).

Корреляция для вторых немного слабее, чем в случае общего количества бэклинков. Тим из Ahrefs считает, что это может указывать на то, что Google придаёт больше ценности nofollow-ссылкам с «сильных» страниц, чем dofollow-ссылкам со слабых. Кто знает?

Но даже если предположить, что нет никакого прямого влияния на SEO, то косвенное точно имеет место:

1. Nofollow-ссылки помогают разнообразить ваш ссылочный профиль, делая его более естественным. Кроме того, множество ссылок на ваш сайт, наверняка, именно с этим атрибутом:

  • Социальные сети (Facebook, VK, Twitter и так далее).

  • Форумы.

  • Пресс-релизы.

  • Wikipedia.

  • Каталоги и справочники.

Короче говоря, если бы ссылочный профиль состоял только из dofollow-ссылок, это было бы подозрительно для поисковых систем. Очень примерная норма — это от 60% до 90%.

2. По ссылкам приходит трафик. Именно поэтому не стоит пренебрегать размещением информации о своём сайте в тематических каталогах, делиться полезным контентом на форумах и даже попробовать получить ссылку с Википедии. Мы уже рассказывали о таком линкбилдинге.

3. Nofollow защищают от санкций. Иногда покупка ссылок имеет смысл. Если у сайта-донора тонны трафика, то это довольно простой способ обратить внимание на свой сайт.

SEO-лагерь снова разделился:

  1. Те, кто считает, что Google может идентифицировать купленные ссылки алгоритмически.

  2. Те, кто считает, что точно не может.

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

Сообщить о купле-продаже ссылок в Google

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

Как анализировать ссылочный профиль?

Для аудита у нас есть инструмент, который собирает ссылочную массу из Вебмастера и строит облако анкоров и графики:

  • Распределение анкоров по длинам в словах.

  • Распределение анкоров по длинам в символах.

  • ТОП-25 популярных анкоров.

  • ТОП-25 акцепторов, то есть страниц, на которые ведут ссылки.

  • ТОП-25 самых популярных слов в анкорах.

  • ТОП-25 самых частотных биграмм (словосочетаний из двух слов).

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

Также нужно помнить про Непот-фильтр, который исключает ссылки из учёта при ранжировании акцепторов. Для проверки наличия санкций также есть полезный бесплатный инструмент и подробное руководство по диагностике и устранению санкций.

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

что это такое и как использовать

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

nofollow1.png

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

В коде HTML nofollow является одним из множества значений, которые способен принимать атрибут rel. В исходном коде веб-страницы его можно найти после адреса ссылки, например <a href=»http://url.ru/» rel=»nofollow»>текст </a>. Если перевести значение атрибута на русский язык, то получим слово «не следовать». Вписывая атрибут rel со значением «не следовать», веб-мастер дает указание поисковому роботу не индексировать активную ссылку.

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

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

nofollow2.jpg

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

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

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

nofollow3.png

Ищем при помощи браузера 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. В настройках дополнения включите подсветку ссылок, закрытых для индексации при помощи соответствующих тегов и атрибутов.

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

nofollow4.jpg

Обработка значения 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 и выше
Поддержка:НетНетНетНетНет

продвижение сайтов, способы заработать в интернете

Продолжая изучать язык HTML версии №5, содержание этой статьи будет посвящено понятию «ссылочные отношения». Обозначается система ссылочных отношений так: link relations. Что это такое? Это расширенное понимание ссылки. Так, если обыкновенная ссылка указывает путь к адресу ресурса, картинки или почты, то применение атрибута rel расширяет понимание ссылки, объясняя, почему именно эта конкретная ссылка отсылает нас к определенному адресу. Система отношений довольно обширна, и сегодня будут рассмотрены все возможные ее варианты. Реконструкция новой версии HTML затронула как систему link relations, так и атрибут rel.

Для более упрощенного понимания отношений link relations можно обрисовать ситуацию следующим образом: ссылка ведет нас к ресурсу, а атрибут rel объясняет нам, почему ссылка ведет к этому адресу. Ссылаться можно потому, что на данном ресурсе находится, например, файл стилей, который нужно задействовать с документом. Следующая причина – сайт, на который ведет ссылка, является лентой новостей RSS (это объединение нескольких XML-форматов, которые необходимы для отображения новостных лент, статей и их анонсов), которая наполнена тем же содержанием, что и документ (страница), но отображается в стандартном формате для подписки на RSS-новости. Также адрес может представлять языковый перевод этой страницы или быть её версией PDF. Ссылочные отношения применяются также, если ссылка ведет на последующие страницы электронной книги.

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

Стандартный способ обращения к каскадным таблицам стилей CSS — <link rel=»stylesheet» href=»adress.css»/>, указывающий, что данная таблица стилей должна подключаться к документу для правильного его отображения.

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

1
2
<link rel=stylesheet/> или
<link rel=alternate type=application/atom+xml/>

<link rel=stylesheet/> или <link rel=alternate type=application/atom+xml/>

Первый вариант выполняет подключение файлов стилей, второй же – обнаруживает новостную ленту RSS, представленную в Atom формате. Некоторая часть таких ссылочных отношений создавалась еще в стандарте HTML4, а некоторые – в microformats community. Задача пятой версии HTML в том, чтобы объединить в одно понимание все созданные ранее значения атрибута rel и стандартизировать их для более простого понимания всеми существующими браузерами. Также возможны варианты новых определений ссылочных отношений.

Как применяется rel-атрибут на практике? Зачастую этот атрибут работает вместе с тегом в боксе head. Некоторая часть атрибутов отношений может быть применена к обыкновенным гиперссылкам с употреблением тега <а>. Возможности языка HTML5 расширили возможности атрибута до использования его в элементе <area>.

Такое определение в языке HTML5 также претерпело некоторые изменения. К примеру, если применять определение rel=alternate вместе с атрибутом type, то это будет будет обозначать другой формат того же содержания документа.

rel=alternate плюс type=application/rss+xml или rel=alternate плюс type=application/atom+xml обозначает новостную ленту формата Atom или RSS. Перевод страницы на другой язык также указывается при помощи rel=alternate. В HTML5 для осуществления этого варианта применяется пара hreflang плюс rel=alternate.

При помощи атрибута rel=archives документ определяется, как представляющий архивный, или временной интерес. То есть, такая ссылка ведет к, например, архивным статьям с атрибутом rel=archives или каким-либо старым записям на сайте, которые в силу объективных причин визуально уже не отображаются на странице, но имеются в архивных документах. Этот атрибут также был разработан специально для HTML5.

Для того, чтобы обозначить авторство конкретной статьи, применяется атрибут rel=author. Направленное применение имеет в адресации на форму контактов на сайте или форму обратной связи. В HTML3 вместо этого атрибута использовался rev=made, который был более ограничен в возможностях.

Применение атрибута rel=external указывает на то, что документ, на который адресует нас ссылка, является частью другого ресурса. В WordPress данный атрибут весьма широко применяется в комментариях. Также разработан специально для HTML5.

Такие атрибуты, как rel=first, next, up, last, prev, появились только в языке версии 4. Предназначение этих атрибутов – связывать в одно целое части документов – несколько страниц или разбитую на несколько частей одну страницу. Для пятой версии HTML добавили атрибут rel=first, указывающий на начальную страницу документа, а также по-прежнему поддерживаются атрибуты rel=prev и rel=next, и добавлен rel=previous. На последнюю страницу документа указывает атрибут rel=last.

Для ассоциации иконки сайта с его содержимым используется атрибут rel=icon. Вы замечали, что рядом с адресной строкой высвечивается иконка сайта? Это работа следующей строчки:

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

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

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

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

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

Данная ссылка – коммерческого характера – говорит атрибут rel=nofollow. Также он применяется для того, чтобы показать игнорирование данной ссылки автором документа. Это нововведение было применено компанией Google и приведено к стандартам microformats community. Разработан этот атрибут был для того, чтобы противостоять ссылкам спамеров в комментариях. То есть, данный атрибут не передавал PR страницы, и пользоваться такими ссылками было бессмысленно. В настоящее время многие блоггеры используют атрибут rel=nofollow для проставления комментаторских ссылок.

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

Оцените статью по 5-бальной шкале:

Загрузка…

Вконтакте

Facebook

Twitter

Google+

Понравилась запись? Подпишитесь на обновления по почте:

TwitterFacebook

HTML Атрибут rel

❮ HTML-тег

Пример

Ссылка с атрибутом rel:

Дешевые авиабилеты

Попробуй сам »

Определение и использование

Атрибут rel определяет связь между текущим документом и связанным документом.

Используется только при наличии атрибута href.


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

Атрибут
отн. Есть Есть Есть Есть Есть

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


Синтаксис

Значения атрибутов

Значение Описание
альтернативный Предоставляет ссылку на альтернативное представление документа (например, страницу для печати, переведенную или зеркальную).
автор Дает ссылку на автора документа
закладка Постоянный URL-адрес, используемый для создания закладок
внешний Указывает, что указанный документ не является частью того же сайта, что и текущий документ.
справка Предоставляет ссылку на справочный документ.
лицензия Предоставляет ссылку на лицензионную информацию для документа
следующий Дает ссылку на следующий документ в серии.
nofollow Ссылки на неподтвержденный документ, например, на платную ссылку.
(«nofollow» используется Google, чтобы указать, что поисковой паук Google не должен переходить по этой ссылке)
Noreferrer Требует, чтобы браузер не отправлял заголовок реферера HTTP, если пользователь переходит по гиперссылке.
Ноопенер Требует, чтобы любой контекст просмотра, созданный при переходе по гиперссылке, не имел контекста просмотра открывающего элемента.
предыдущая Предыдущий документ в выборке
поиск Ссылки на средство поиска документа
тег Тег (ключевое слово) для текущего документа

❮ HTML тег ,

Справочник по атрибутам HTML — Веб-технологии для разработчиков

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