Noreferrer (rel=”noreferrer”) — це значення атрибута rel, яке наказує браузеру не передавати заголовок Referer під час переходу за посиланням. У результаті сайт-одержувач не бачить, з якої сторінки прийшов користувач, а сам перехід у його аналітиці потрапляє в категорію прямого або невизначеного трафіку.
Простими словами: noreferrer — це перехід «інкогніто». Ви приходите на чужий сайт, але не лишаєте на порозі візитівки з написом, звідки саме прийшли.
Що таке noreferrer і навіщо він потрібен
Коли користувач клікає посилання, браузер зазвичай передає цільовому сайту заголовок Referer — адресу сторінки, з якої відбувся перехід. Атрибут rel="noreferrer" цю передачу вимикає. Причини бувають різні: приховати внутрішні URL (наприклад, адмін-адреси чи параметри), не «світити» партнерам джерело трафіку або просто дотриматися приватності.
Є важливий побічний ефект: noreferrer автоматично вмикає й поведінку noopener — тобто нова вкладка втрачає доступ до window.opener. Тож noreferrer одразу закриває і питання безпеки, і питання приватності переходу.
Синтаксис і приклад коду
Лише noreferrer: <a href="https://example.com" rel="noreferrer">Посилання</a>
Разом з noopener (частий варіант для target=”_blank”): <a href="https://example.com" target="_blank" rel="noopener noreferrer">Посилання</a>
Приклад
Уяви, що з внутрішньої тестової сторінки з довгим службовим URL стоїть посилання на зовнішній сервіс. Без noreferrer цей сервіс у своїй аналітиці побачить повну адресу вашої «чернетки». З rel="noreferrer" джерело переходу приховане — у їхніх звітах ви з’явитесь як прямий трафік без реферера.
Часто плутають з…
- noopener — прибирає доступ вкладки до вашої сторінки, але Referer не ховає. Noreferrer робить і те, і те.
- nofollow — сигнал для пошуковика щодо ваги посилання, а не про приватність переходу.
- Атрибут rel — загальний контейнер значень; noreferrer — одне з них.
Питання та відповіді
Як noreferrer впливає на аналітику?
Переходи за такими посиланнями втрачають джерело: у цільовій аналітиці вони зараховуються як прямий або невизначений трафік, а не як перехід з вашого сайту. Це може викривляти звіти по рефералах.
Чим noreferrer відрізняється від noopener?
Noopener прибирає лише технічний доступ нової вкладки. Noreferrer додатково приховує заголовок Referer і при цьому вмикає ефект noopener теж.
Чи впливає noreferrer на SEO?
На передачу ваги для ранжування — ні, це робить nofollow. Але приховане джерело переходу ускладнює відстеження реферального трафіку у звітах.
Хочете розібратися з атрибутами посилань і чистотою аналітики? Проведемо SEO-аудит та виправлення помилок на сайті.
Схожі терміни: noopener, Атрибут rel, nofollow, Органічний трафік.