noreferrer to wartosc atrybutu rel dodawana do hiperłacza HTML, ktora informuje przegladarke aby nie wysyłała informacji o stronie zrodłowej (referrer) do strony docelowej przy kliknieciu w link. Innymi słowy – odwiedzajacy „przychodzi” na docelową strone bez informacji skąd przyszedl. Atrybut ten jest scisle powiazany z noopener – oba atrybuty czesto stosuje sie razem: rel="noopener noreferrer". Ma to konsekwencje dla UTM i analityki – ruch z linków oznaczonych noreferrer trafia do Google Analytics jako ruch bezposredni (direct), a nie jako ruch referral ze zrodłowej strony. Jest takze elementem dbałosci o technical SEO i bezpieczenstwo linkowan.

Jak działa atrybut noreferrer?

Gdy uzytkownik klika link bez atrybutu noreferrer, przegladarka wysyła do strony docelowej naglowek HTTP „Referer” zawierajacy URL strony, z ktorej nastapilo klikniecie. Strona docelowa (i jej narzedzia analityczne jak Google Analytics) wie wiec skąd pochodzi odwiedzajacy. Gdy link zawiera rel="noreferrer", przegladarka nie wysyła naglowka Referer – strona docelowa nie wie skąd przyszedl uzytkownik, a ruch jest klasyfikowany jako bezposredni (direct).

noreferrer a noopener – roznica

Atrybut noopener sluzy bezpieczenstwu – zapobiega sytuacji, w ktorej nowa karta otwarta przez target="_blank" moze uzyskac dostep do okna macierzystego przez window.opener i zmanipulowac je (atak „tab-napping”). Atrybut noreferrer ukrywa URL zrodłowy przed strona docelową. Wazna uwaga: noreferrer implicitly zawiera rowniez zachowanie noopener – jeden atrybut załatwia oba cele. Dlatego czesto wystarczy samo rel="noreferrer" zamiast pary rel="noopener noreferrer".

Wpływ noreferrer na analitike i UTM

Noreferrer ma bezposredni wpływ na dane w Google Analytics. Ruch z linków oznaczonych noreferrer nie jest przypisywany do odpowiedniego zrodła (np. konkretnego portalu), lecz trafia do bucketa „direct / (none)”. To zaburza dane o zrodłach ruchu i utrudnia ocene skutecznosci poszczegolnych kanałow. Rozwiazaniem jest stosowanie parametrow UTM do linków w kampaniach – nawet jesli noreferrer ukrywa naglowek Referer, parametry UTM w URL-u trafiaja do Google Analytics niezaleznie i pozwalaja prawidłowo przypisac ruch do zrodła.

Kiedy uzywac rel=”noreferrer”?

Atrybut noreferrer warto stosowac przy linkach otwierajacych sie w nowej karcie (target="_blank") dla bezpieczenstwa. Jest uzasadniony gdy chcemy chronic prywatnosc uzytkownika lub nie chcemy ujawniać docelowej stronie skad pochodzi ruch. Nie powinien byc stosowany automatycznie do wszystkich linków – szczegolnie do linków wewnetrznych na własnej stronie, poniewaz zaburza to dane referral w analityce. Ogolna zasada: dla linków zewnetrznych w nowej karcie – tak. Dla linków wewnetrznych – nie.

Najczęściej zadawane pytania

Co to jest noreferrer?

Noreferrer to wartosc atrybutu rel linku HTML, ktora blokuje wysyłanie informacji o stronie zrodłowej do strony docelowej. Ruch z takich linków trafia do Google Analytics jako „direct”, a nie jako referral. Czesto stosowany razem z noopener dla bezpieczenstwa.

Czym noreferrer rozni sie od noopener?

Noopener zapobiega atakowi tab-napping – blokuje dostep nowej karty do okna macierzystego przez window.opener. Noreferrer ukrywa URL zrodłowy przed strona docelową. Noreferrer automatycznie zawiera zachowanie noopener, wiec samo rel=”noreferrer” jest czesto wystarczajace.

Jak noreferrer wpływa na Google Analytics?

Ruch z linków oznaczonych noreferrer nie ma naglowka Referer, wiec Google Analytics klasyfikuje go jako ruch bezposredni (direct). Aby uniknac zaburzenia danych, nalezy stosowac parametry UTM w linkach zewnetrznych – UTM w URL trafia do Analytics niezaleznie od noreferrer.

Kiedy stosowac atrybut noreferrer?

Noreferrer nalezy stosowac dla linków zewnetrznych otwierajacych sie w nowej karcie (target=”_blank”) ze wzgledow bezpieczenstwa. Nie nalezy go stosowac dla linków wewnetrznych na własnej stronie – zaburza to dane o zrodłach ruchu w analityce i utrudnia sledzenie sciezek uzytkownikow.