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