Атрибут rel

Атрибут rel (от relationship) — это HTML-атрибут, который описывает тип связи между текущей страницей и ресурсом, на который ведёт ссылка. Он размещается в тегах <a> и <link> и принимает разные значения (nofollow, sponsored, ugc, canonical, noopener и другие), каждое из которых даёт поисковику или браузеру отдельную инструкцию.

Простыми словами: rel — это «пояснительная записка» к ссылке. Она уточняет, какие именно отношения у вашей страницы с тем, куда ведёт линк.

Что такое rel и зачем он нужен

Одна ссылка может означать разное: чистая рекомендация, платная реклама, комментарий пользователя, указание на главную версию страницы. Атрибут rel позволяет это разграничить — и для поисковых систем (вопрос ранжирования и доверия), и для браузера (вопрос безопасности и производительности). Без него все ссылки выглядели бы одинаково, и Google не мог бы отличить оплаченный линк от искренней рекомендации.

Основные значения rel

• nofollow — не передавать вес ранжирования (подсказка с 2019 года).
• sponsored — рекламная или платная ссылка.
• ugc — user-generated content: комментарии, форумы, отзывы.
• canonical — в теге <link> указывает главную (каноническую) версию страницы.
• noopener / noreferrer — безопасность при открытии в новой вкладке (target="_blank").
• alternate, prev, next, author — другие служебные связи.

Синтаксис и примеры кода

Реклама: <a href="..." rel="sponsored">...</a>
Комментарий пользователя: <a href="..." rel="ugc nofollow">...</a>
Внешняя ссылка в новой вкладке: <a href="..." target="_blank" rel="noopener noreferrer">...</a>
Каноническая версия: <link rel="canonical" href="https://pro-fits.com.ua/seo/">

Пример

На странице есть и рекламный баннер с партнёрским линком, и ссылка на дружественный блог, и внешняя ссылка в новой вкладке. Правильно: рекламная — rel="sponsored", внешняя в новой вкладке — rel="noopener", а ссылка на каноническую версию — отдельным тегом <link rel="canonical">. Каждое значение выполняет свою роль.

Часто путают с…

• nofollow — это лишь одно из значений rel, а не отдельный атрибут.
• Атрибут href — задаёт адрес ссылки; rel описывает тип связи с ней.

Вопросы и ответы

Какие значения rel важны для SEO?

Прежде всего nofollow, sponsored и ugc — они управляют передачей веса ссылок. Ещё важен rel=»canonical» в теге link, указывающий главную версию страницы и предотвращающий дубли.

Можно ли комбинировать значения rel?

Да. Значения записывают через пробел, например rel=»sponsored nofollow» или rel=»ugc nofollow». Google корректно считывает комбинации.

Зачем нужен rel=»noopener»?

Это безопасность, а не SEO. При открытии ссылки в новой вкладке (target=»_blank») noopener не даёт странице-адресату получить доступ к вашей через JavaScript.

Хотите, чтобы ссылки на сайте были оформлены правильно и безопасно? Проверим это в рамках SEO-аудита и исправления ошибок на сайте.

Похожие термины: Атрибут nofollow, Canonical, Backlink, HTML.