Noopener

Mi az a Noopener?

A "noopener" kifejezés a rel="noopener" HTML-attribútumra utal, amelyet biztonsági okokból a böngésző új lapján vagy ablakában megnyíló linkekhez adnak hozzá. Ez az attribútum további biztonsági szintet biztosít, mivel megakadályozza, hogy egy harmadik fél által hivatkozott weboldal az ablakobjektumon keresztül (a window.opener tulajdonságon keresztül) átvegye az irányítást a böngésző lapja felett.

Így néz ki HTML-kódban:

<a href="https://example.com" rel="noopener" target="_blank">Példa link</a>

Miért fontos a Noopener?

A rel="noopener " attribútum nélkül a hivatkozott weboldal átveheti az irányítást a böngészőben a hivatkozó oldal lapja felett, és átirányíthatja azt egy adathalász oldalra vagy egy rosszindulatú weboldalra. Ezt személyes adatok ellopására vagy rosszindulatú programok telepítésére lehetne felhasználni. A külső hivatkozásokra vonatkozó noopener attribútum megvédi a webhely látogatóit ettől a hátsó ajtós hackeléstől. Mivel egyáltalán nem befolyásolja webhelye SEO-ját, nyugodtan használhatja, hogy maximalizálja a biztonságot minden felhasználója számára.

2017 óta ez az attribútum automatikusan hozzáadódik a WordPressben új ablakban vagy fülön megnyíló linkekhez. Azonban minden külső hivatkozáshoz hozzáadható (és hozzá is kell adni), nem csak a WordPressben.

A jó hír az, hogy 2020 óta a legtöbb böngésző automatikusan úgy kezeli a target="_blank" linkeket, mintha rel="noopener" lenne beállítva.

A Noopener hatással van a SEO-ra?

Néhány webhelytulajdonos vonakodik a "noopener" attribútum használatától, mert attól tartanak, hogy ez hatással lesz webhelyük SEO-jára. A "noopener" azonban nulla hatással van a SEO-ra, mind a kúszás, mind a link juice áramlás szempontjából. A "noopener" attribútum a böngésző szintjén működik, megakadályozza a biztonsági réseket anélkül, hogy befolyásolná a keresőmotorok optimalizálását.

Szüksége van a Noopener használatára a weboldalán?

Ha WordPress-t használsz, akkor valószínűleg automatikusan a "noopener"-t használod. A modern böngészők úgy dolgozzák fel a target="_blank" linkeket, mintha a rel="noopener" amúgy is jelen lenne. Ez további biztonságot nyújt a felhasználók számára, még akkor is, ha nem modern böngészővel rendelkeznek.

Másrészt, ha nem a WordPress-t használja, akkor jó gyakorlat, hogy manuálisan írja be a "noopener" szót az új lapon/ablakban megnyíló linkekre. Ez megvédi azokat a látogatókat, akik esetleg a böngészők régebbi verzióit használják.

Bár a "noopener" használata hatékony módja annak, hogy megvédje a felhasználókat a rosszindulatú kódoktól, mégis fontos, hogy alaposan mérlegelje, hova hivatkozik. Azzal, hogy csak hiteles és megbízható webhelyeket választ, minimalizálja a felhasználókra leselkedő kockázatot. Mivel azonban a webhelyek változhatnak, megszűnhetnek vagy továbbértékesíthetők, még a ma még jó linkek is válhatnak holnap rosszindulatúvá. Ez teszi a "noopener"-t a biztonság fontos kiegészítő rétegévé, amely biztosítja, hogy a felhasználók biztonságban maradjanak, függetlenül attól, hogy milyen linkekre kattintanak a webhelyén.

Legjobb gyakorlatok a Noopener használatához

1. Automatikusan implementálja a CMS-ben: Használjon olyan CMS-t, mint például a WordPress, amely automatikusan hozzáadja a rel="noopener"-t az új lapokhoz/ablakokhoz.
2. Kézi hozzáadás: Ha nem CMS-t használ, manuálisan adjon hozzá rel="noopener" -t minden új lapon/ablakban megnyíló hivatkozáshoz.
3. Rendszeres ellenőrzések: Rendszeresen ellenőrizze és frissítse a linkeket, hogy biztosítsa, hogy megbízható forrásokra mutatnak.
4. Maradjon tájékozott: Tartson lépést a böngésző frissítéseivel, hogy megértse, hogyan kezelik a linkek biztonsági attribútumait.

GYIK

Miért vezették be a noopener attribútumot?

A noopener attribútumot azért vezették be, hogy megakadályozzák, hogy a linkelt webhelyek a window.opener tulajdonságon keresztül átvegyék az irányítást a származási lap felett, megvédve ezzel a felhasználókat a potenciális biztonsági fenyegetésektől.

A noopener hatással van a SEO-ra?

Nem, a noopener attribútumnak nincs hatása a SEO-ra. Ez pusztán egy biztonsági funkció, amely megakadályoz bizonyos típusú támadásokat anélkül, hogy befolyásolná a keresőmotorok rangsorolását.

Hozzá kell adnom a noopener-t az összes külső hivatkozásomhoz?

Igen, a noopener hozzáadása minden olyan külső hivatkozáshoz, amely új lapon/ablakban nyílik meg, jó biztonsági gyakorlat, amely megvédi a felhasználókat a lehetséges sebezhetőségektől.