Атрибут rel

Атрибут rel — это параметр HTML-тегов, определяющий семантическую связь между текущим документом и ресурсом, на который ведёт Ссылка. В интернет-маркетинге он служит главным инструментом управления индексацией, передачи ссылочного веса (PageRank) и обеспечения безопасности при открытии внешних ресурсов.

Главное

Параметр rel сообщает поисковым роботам, нужно ли передавать Вес страницы по ссылке или игнорировать её для ранжирования.
Комбинация Nofollow noopener обязательна для внешних ссылок в новой вкладке: первая запрещает индексацию, вторая защищает от XSS-атак.
Значение canonical решает проблему дублей контента, указывая поисковику основную версию URL для индексации.
Специфичные атрибуты sponsored и ugc маркируют платные ссылки и Контент пользователей, заменяя устаревший Nofollow в этих случаях.
Параметр используется не только в тегах <a>, но и в <link> для подключения стилей, фавиконок и предзагрузки критических ресурсов.

Как работает Атрибут rel

Атрибут rel функционирует как инструкция для парсеров браузера и поисковых систем, интерпретируя характер перехода. Когда Краулер встречает ссылку, он анализирует значение этого параметра, чтобы решить, стоит ли «проходить» по ней и передавать накопленный вес. Например, значение Nofollow сигнализирует роботу о том, что Страница не рекомендует целевой ресурс, поэтому вес не передаётся, хотя сам Переход остаётся доступным для пользователя.

В отличие от href, который задаёт технический адрес, rel определяет бизнес-логику связи. Браузер использует его для оптимизации загрузки: значения prefetch или preload заставляют движок загружать ресурсы заранее, улучшая Core Web Vitals. Поисковые системы используют эти сигналы для формирования Карты сайта и понимания структуры домена, влияя на Скорость индексации новых страниц.

Зачем нужен Атрибут rel

Этот инструмент необходим для защиты репутации сайта и контроля SEO-бюджета. Без правильной разметки Сайт может передать вес сомнительным ресурсам, что приведёт к санкциям со стороны Google или Яндекс. Использование Nofollow для рекламных интеграций и комментариев сохраняет чистоту ссылочного профиля, предотвращая попадание под Фильтры за искусственное наращивание ссылок.

Кроме того, параметр критичен для безопасности Веб-приложений. Значение noopener разрывает связь между новой вкладкой и родительским окном через объект window.opener, блокируя возможность перенаправления на фишинговые сайты. Это делает использование атрибута обязательным стандартом безопасности при работе с внешними источниками данных.

Какие бывают виды атрибута rel

Существует множество значений, но в SEO-практике выделяются ключевые группы. Значение canonical указывает основную страницу при наличии дублей, консолидируя вес в одном URL. Nofollow полностью отключает передачу веса и индексацию. Noopener и noreferrer обеспечивают безопасность, скрывая Источник перехода и блокируя доступ к DOM родительского окна.

Для контентных площадок важны новые типы: sponsored обозначает коммерческие ссылки (Реклама, бартер), а ugc — пользовательский Контент (комментарии, форумы). Эти значения позволяют поисковикам точнее оценивать естественность ссылочной массы. Также используются prev и next для навигации по пагинации, помогая роботам понимать структуру длинных списков товаров или статей.

Где используется Атрибут rel

Основная область применения — теги <a> для гиперссылок в тексте и меню. Здесь он управляет поведением переходов для роботов и пользователей. Во второй зоне использования находятся теги <link> в секции <head>. Там он подключает CSS-стилиheets, фавиконки, шрифты и задает канонические адреса страниц.

Также параметр встречается в теге <form> для указания типа действия формы, например, rel="noopener" для безопасной отправки данных во внешние сервисы. В современных PWA-приложениях он используется для связывания манифеста и иконок разных разрешений, обеспечивая корректную установку Веб-приложения на домашний экран устройства.

Пример: установка и чтение атрибута rel

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

HTML

<head>
  <link rel="canonical" href="https://example.com/main-page" />
  <link rel="preload" href="/styles.css" as="style" />
</head>

<body>
  <a href="https://partner.com" target="_blank" rel="nofollow noopener sponsored">
    Партнерская ссылка
  </a>
</body>

Ошибка: использование только rel="Nofollow" для внешних ссылок в новой вкладке. Это создает уязвимость XSS, так как Целевая страница получает доступ к объекту window.opener родителя. Всегда добавляйте noopener.

Часто задаваемые вопросы атрибута rel

Часто задаваемые вопросы

Можно ли использовать несколько значений rel одновременно?

Да, значения разделяются пробелами. Например, rel="Nofollow noopener" одновременно запрещает передачу веса и обеспечивает безопасность. Порядок перечисления не имеет значения для поисковых систем и браузеров.

Влияет ли Nofollow на индексацию целевой страницы?

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

В чем разница между noreferrer и noopener?

Noopener блокирует доступ к JavaScript-объекту родительского окна. Noreferrer дополнительно скрывает заголовок Referer, не передавая информацию о том, с какой страницы пришел Пользователь.

Когда нужно использовать canonical вместо 301 редиректа?

Canonical используется, когда дубли контента легитимны или технически сложны для удаления (например, параметры сортировки). Если дубль ненужен полностью, лучше использовать 301 Редирект, а canonical — как страховку.

Итоги

Атрибут rel является фундаментальным элементом HTML, позволяющим управлять поведением ссылок, безопасностью и SEO-весом в рамках одной страницы.

Правильная Разметка защищает Сайт от санкций и утечки ссылочного веса на сомнительные ресурсы.
Комбинация Nofollow и noopener стала стандартом де-факто для всех внешних партнерских ссылок.
Значения sponsored и ugc помогают поисковикам дифференцировать коммерческий и пользовательский Контент.
Тег link с rel="canonical" критически важен для борьбы с дублированием контента и консолидации трафика.
Использование атрибута выходит за рамки SEO, включая оптимизацию производительности загрузки страниц.
Отсутствие proper-rel атрибутов может привести к снижению безопасности и ухудшению технических показателей сайта.
Регулярный Аудит ссылок на сайте с проверкой rel-атрибутов является обязательной частью поддержки проекта.