Att ta hand om säkerheten på din webbplats är en av de viktigaste aspekterna av att vara webbplatsägare. Du kanske förstår vikten av att ha HTTPS i ditt URL-prefix, eller varför du behöver en SSL-certifikat. Men vet du vad noopener noreferrer HTML-taggattribut betyder, och när ska du använda dem?
I den här artikeln går vi igenom vad rel=”noopener noreferrer” betyder när den ska användas och hur den påverkar din webbplats ur ett SEO-perspektiv. Låt oss hoppa direkt in i det.
Vad är rel=”noopener noreferrer”?
De rel=”noopener noreferrer” HTML-attribut visas i externa hyperlänkar. Närmare bestämt använder du både noopener och ingen hänvisare attribut förhindrar:
- länkens målladdning på samma flik där länken klickades på
- bakåtlänken från att visas som hänvisningstrafik i målwebbplatsens analyser
Så här ser taggattributen ut i aktion:
WordPress lägger automatiskt till dessa attribut till externa länkar som du ställer in att öppna i ett nytt fönster. Låt oss dela upp dem och titta på vad varje attribut gör.
noopener
Om du vill hindra en extern länk från att ta kontroll över din användares webbläsarfönster, vill du lägga till en noopener attribut. Enligt MDN,
”[noopener] instruerar webbläsaren att navigera till målresursen utan att ge den nya webbläsarkontexten åtkomst till dokumentet som öppnade den. […] Detta är särskilt användbart när du öppnar opålitliga länkar, för att säkerställa att de inte kan manipulera ursprungsdokumentet…”
Kortfattat, noopener är till stor del en säkerhetsåtgärd för att förhindra skadliga länkar från att få åtkomst till en användares webbläsare (en nätfiskeattack känd som tabnabbing). I det förflutna, lämnar target=”_blank” ensam i din länk öppnade denna säkerhetsrisk. Nu, när du har en extern länk inställd för att öppnas i ett nytt webbläsarfönster med hjälp av target=”_blank”anser de flesta sökmotorer och SEO-experter att det är bästa praxis att använda noopener bredvid den.
(Enligt Mozillas utvecklarnätverk (MDN), den target=”_blank” attributet ”ger nu implicit detsamma beteende” som noopener. Vi känner att det fortfarande är värt att vara dubbelt säker och inkludera noopener eftersom inte alla användare klickar på länkar i de mest uppdaterade och säkra webbläsarna.)
ingen hänvisare
Väsentligen, ingen hänvisare hindrar externa webbplatser från att veta att du har inkluderat länkar till deras material på din webbplats. Detta kan vara viktigt för dig av integritets- eller säkerhetsskäl. Sammantaget är det här speciella attributet ett du vill tänka igenom innan du använder det på dina länkar. Att använda det beror verkligen på dina preferenser.
De ingen hänvisare attribut maskerar dina hänvisningslänkar i destinationsanalys. Det skyddar din webbplatsinformation från att överföras till webbplatsen som dina användare navigerar till. Som ett resultat gör detta att länkarna visas som direkttrafik i Google Analytics, snarare än hänvisningstrafik från din specifika domän.
Om någon navigerar till din webbplats med en länk som gör det inte omfatta ingen hänvisare, då kommer du att kunna se deras webbplats listad i länken för hänvisningstrafik på din Analytics-instrumentpanel. Men om länken innehåller ingen hänvisare, kommer det att visas i direkttrafik. Du hittar dessa listor i Google Analytics under Förvärv > All trafik > Kanaler och Förvärv > All trafik > Hänvisningar.
Det kommer fortfarande att skicka ”länkjuice” för SEO, men inte data om upphovsmannen. Om du inte är intresserad av att föra den SEO-boosten vidare, nofollow kommer att bli en extra tagg som du vill lägga till.
Använder med rel=”nofollow”
Lägger till nofollow attribut till en länk som inkluderar rel=”noopener noreferrer” låter dig länka till andra webbplatser utan att verka godkänna deras innehåll eller perspektiv. säger Google det här attributet ska användas ”för fall där du vill länka till en sida men inte vill antyda någon typ av rekommendation, inklusive att vidarebefordra ranking till en annan sida.”
I grund och botten, nofollow säger till Google att du inte vill att den ska uppfatta dig som stöder en viss sida bara för att du länkar till den. Det finns ett antal liknande länkattribut som hjälper Google att förstå avsikten bakom en länk, inklusive attribut för märkning av sponsrat och användargenererat innehåll (av vilka många kan vara läggs till via Schema-uppmärkning).
Kort sagt, att lägga till alla tre attributen – noopener, ingen hänvisareoch nofollow – till en länk säger till Google att du är:
- Villig att skydda dina webbplatsanvändare från potentiellt skadliga externa länkar (noopener)
- Ovillig att visas i en webbplatss analysdata som hänvisad trafik (ingen hänvisare)
- Ovillig att stödja innehållet eller skaparen du länkar till (nofollow)
De nofollow attribut verkar ganska specifikt, så du vill förmodligen bara använda det från fall till fall och inte som en allmän regel. Många bloggar ställer in sina kommentarsektioner på nofollow för att undvika kommentarspam från bots och personer som inte bidrar till konversationen.
När ska man använda ”noopener noreferrer”
Du vill att din webbplats ska vara så säker som möjligt för dina besökare. Eftersom du vill bygga och utnyttja en stark bakåtlänkstrategi kommer du inte att använda rel=”noopener noreferrer” hela tiden. Du bör till exempel undvika att använda den när du länkar till interna sidor på din webbplats.
Använder sig av rel=”noopener noreferrer” säger till Google att du bryr dig om länksäkerhet. Och du vill inte att vissa webbplatser ska känna igen din webbplats som en hänvisning.
Övergripande inverkan av ”noopener noreferrer” på SEO
När du använder rel=”noopener noreferrer” attribut i dina externa länkar, bör detta inte ha en direkt negativ effekt på din SEO-bakåtlänksstrategi. Inget av attributen kommer att få din tekniska SEO-rankning att få en träff. Faktum är att använda noopener vid sidan av target=”_blank” kommer att ge bättre SEO på sidan eftersom användare kommer att stanna kvar på din webbplats, även när de navigerar till en annan.
Dock, ingen hänvisare kommer att hindra Google från att kunna känna igen när du länkar till andras webbplatser. Och andra webbplatsägare kommer inte att kunna se när du länkar till dem.
Det betyder att du tar bort möjligheten till ömsesidiga länkar. När allt kommer omkring, om du inte ger webbplatsägare möjlighet att se din hänvisningstrafik när de går igenom sin analys, kan de inte veta att det kommer från dig.
Bakåtlänkar till din webbplats från någon annanstans är inte garanterade. Ändå skadar det inte att göra så mycket du kan för att få kontakt med webbplatser och innehåll du älskar. Generellt sett dock att använda rel=”noopener noreferrer” i dina externa länkar kommer inte att orsaka någon skada. Se bara till att inte använda dem på dina egna webbsidor när du använder interna länkar. Om du gör det kan det orsaka problem i din egen webbplatsanalys och med Googlebots genomsökning och indexering av din webbplatsstruktur.
Slutsats
Nu när du vet hur man använder rel=”noopener noreferrer” på din webbplats är det dags att planera därefter. Om du behöver, överväg att skapa ett kalkylblad med de externa länkar du inkluderar på din webbplats. Spåra också sidan de är på och de attribut du har använt på dem. Att göra det kan vara till hjälp för snabb referens om du behöver göra framtida ändringar.
Använder du rel=”noopener noreferrer” i dina hyperlänkar? Varför eller varför inte? Lämna oss en kommentar och låt oss veta vad du tycker.