Vad är rel="noopener" i WordPress? (Förklarat)

Vi hade en gång en kund vars webbplatsbesökare omdirigerades till skumma webbplatser efter att ha klickat på externa länkar. Problemet var en liten bit saknad kod som skapade ett stort säkerhetshål.

Det är en skrämmande tanke, men denna sårbarhet kan påverka vilken WordPress-webbplats som helst. Teknisk jargong som rel="noopener" kan verka förvirrande och lämna dig orolig för om din webbplats verkligen är säker för dina besökare.

Här på WPBeginner har vi säkrat tusentals webbplatser och har lärt oss att dessa små detaljer gör en enorm skillnad. Vi kommer att förklara vad rel="noopener" är i enkla termer och varför det är så viktigt.

Låt oss titta på hur detta lilla attribut skyddar dig och dina användare.

Vad är rel=”noopener” i WordPress?

När du lägger till länkar på din WordPress-webbplats kan du använda HTML-attribut för att styra vad som händer när du klickar på länken.

Till exempel, när du skapar en länk finns det en växlingsknapp som låter dig öppna den i en ny flik.

HTML-koden som genereras av WordPress för den här länken ser ut så här:

<a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>

Lägg märke till att vissa HTML-attribut har lagts till länken: rel="noopener" och rel="noreferrer". Dessa attribut läggs till för att åtgärda en säkerhetsrisk.

När du använder target="_blank" för att få en länk att öppnas i en ny flik, händer något potentiellt oväntat i bakgrunden som standard. Den nya fliken får faktiskt en slags koppling tillbaka till den ursprungliga fliken du precis var på.

Denna anslutning görs genom något i webbläsare som kallas window.opener. Sidan i den nya fliken kan komma åt och till och med styra vissa egenskaper hos den ursprungliga fliken, som att ändra sidans adress (window.opener.location).

Detta skapar en säkerhetsrisk.

Föreställ dig att du klickar på en länk på en betrodd webbplats och den öppnar en skadlig sida i en ny flik. På grund av denna window.opener anslutning kan den skadliga sidan potentiellt ändra den ursprungliga betrodda sidan du just tittade på till en falsk inloggningssida (en nätfiskekampanj), och lura dig när du växlar tillbaka till den ursprungliga fliken.

Länkattributet noopener är utformat för att förhindra denna specifika säkerhetsrisk.

När du lägger till rel="noopener" till en länk som öppnas i en ny flik, säger du till webbläsaren inte att skapa den window.opener -anslutningen mellan de två flikarna. Detta skyddar dina användare från bedrägerier och nätfiske.

Hur påverkar rel=”noopener” din WordPress SEO?

Det gör det inte.

Även om attributet rel="noopener" förbättrar säkerheten på din WordPress-webbplats, undviker vissa användare att använda det eftersom de tror att det kommer att påverka deras WordPress SEO.

Men det är bara en myt.

Det har ingen inverkan på din webbplats SEO-rankningar eller din övergripande WordPress-prestanda.

Vad är skillnaden mellan ”noopener” och ”nofollow”?

Det är lätt att förväxla rel="noopener" med rel="nofollow". De är dock helt separata attribut.

Attributet noopener förhindrar din webbplats från korswebbplatshackning och förbättrar WordPress-säkerheten.

Å andra sidan förhindrar attributet nofollow att din webbplats skickar vidare SEO-länkjuice till den länkade webbplatsen.

Sökmotorer letar efter och tar hänsyn till attributet nofollow när de följer en länk på din webbplats. De tar dock ingen hänsyn till taggen noopener.

Attributet nofollow talar om för sökmotorer att inte skicka någon SEO-auktoritet till webbplatsen du länkar till. Medan WordPress blockredigerare har en inbyggd växling för att lägga till nofollow till en länk, behövs ofta ett plugin för mer avancerad kontroll.

Till exempel kanske du vill automatiskt tillämpa taggen nofollow på alla externa länkar på din webbplats, vilket är där ett SEO-plugin blir viktigt.

För att lära dig mer, se vår artikel om hur du lägger till titel och nofollow till länkar i WordPress.

Påverkar rel=”noreferrer” affiliate-länkar i WordPress?

rel="noreferrer" påverkar inte affiliate-länkar i WordPress. Vissa användare tror att det gör det eftersom rel="noreferrer" förhindrar att referensinformationen skickas till den nya fliken.

De flesta affiliate-program ger dig dock en unik URL som innehåller ditt affiliate-ID. Detta innebär att ditt affiliate-ID skickas vidare som en URL-parameter för att den andra webbplatsen ska kunna spåra det.

För det andra använder de flesta affiliate-marknadsförare en länk-döljande plugin för sina affiliate-länkar.

Med länkmaskering är affiliate-länken som dina användare klickar på faktiskt din webbplats egen URL, som sedan omdirigerar användare till destinations-URL:en.

Hur inaktiverar du rel=”noopener” i WordPress?

Det finns ingen anledning att ta bort rel="noopener" från länkar på din webbplats. Det är bra för din webbplats säkerhet och har ingen prestanda- eller SEO-påverkan på din webbplats.

Men om du måste ta bort det, måste du inaktivera Gutenberg-blockredigeraren i WordPress och använda den klassiska redigeraren.

Det beror på att om du tar bort rel="noopener" från länken manuellt, kommer blockredigeraren automatiskt att lägga till den igen för att hålla din webbplats säker.

När blockredigeraren är inaktiverad måste du lägga till ett kodavsnitt i ditt temas functions.php-fil eller till WPCode-pluginet (rekommenderas). Du kan lära dig hur du använder WPCode Free Plugin i vår guide om hur man enkelt lägger till anpassad kod i WordPress.

Kopiera helt enkelt följande kod till ett nytt PHP-utdrag:

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}

Se till att du slår på reglaget 'Aktiv' och sedan klickar på knappen 'Spara utdrag'.

Detta kommer att stoppa WordPress från att lägga till rel="noopener" till nya länkar. Du måste också manuellt redigera gamla länkar för att ta bort attributet.

För ännu mer kontroll över attributen på dina länkar rekommenderar vi att du använder pluginet All in One SEO (AIOSEO). AIOSEO låter dig enkelt lägga till attribut som nofollow eller sponsored direkt i WordPress-redigeraren, vilket hjälper dig att hantera dina externa länkar för SEO-bästa praxis.

Vanliga frågor om rel=”noopener”

Här är svar på några av de vanligaste frågorna vi får om attributet "noopener" i WordPress.

1. Vad är huvudsyftet med att använda rel=”noopener”?

Huvudsyftet med rel="noopener" är säkerhet. Det förhindrar att en ny flik kan kontrollera den ursprungliga fliken som öppnade den, vilket skyddar dina besökare från skadliga nätfiskeförsök.

2. Är rel=”noopener” bra för SEO?

Attributet rel="noopener" har ingen direkt inverkan, varken positiv eller negativ, på din webbplats SEO. Dess funktion är rent för säkerhet, och sökmotorer använder det inte som en rankningsfaktor.

3. Ska jag ta bort rel=”noopener” från mina länkar?

Nej, det finns ingen bra anledning att ta bort rel="noopener". Det ger en viktig säkerhetsfördel utan negativa sidoeffekter på SEO eller webbplatsens prestanda, så det är bäst att lämna det på plats.

4. Lägger WordPress till rel=”noopener” automatiskt?

Ja, WordPress lägger automatiskt till rel="noopener" till länkar som är inställda att öppnas i en ny flik. Denna viktiga säkerhetsfunktion introducerades först i WordPress 4.7.4 och är en standarddel av den moderna blockredigeraren.

Experthandledningar om hur man använder länkar i WordPress

Vi hoppas att den här artikeln hjälpte dig att lära dig om rel="noopener" i WordPress. Du kanske också vill se några andra guider om hur du använder länkar i WordPress:

• Nybörjarguide om hur du lägger till en länk i WordPress
• Hur man öppnar externa länkar i ett nytt fönster eller en ny flik med WordPress
• Hur man lägger till Nofollow-länkar i WordPress (enkel guide för nybörjare)
• Hur man lägger till titel och NoFollow till popup-fönstret för att infoga länk i WordPress
• Hur man nofollowar alla externa länkar i WordPress
• Hur man spårar länkklick och knappklick i WordPress (enkelt sätt)
• Hur man spårar utgående länkar i WordPress
• Hur man ändrar länkfärg i WordPress (nybörjarguide)
• Intern länkning för SEO: Den ultimata guiden med bästa praxis
• Hur man förladdar länkar i WordPress för snabbare laddningstider
• Hur man hittar och fixar brutna länkar i WordPress (steg för steg)
• Bästa interna länk-plugins för WordPress (automatiskt + manuellt)

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.