Välj en sida
Divi WordPress Theme

Har du undrat vad rel="noopener" betyder i WordPress?

När du lägger till en länk som öppnas i en ny flik kommer WordPress automatiskt att lägga till rel="noopener" attribut till länken.

I den här artikeln kommer vi att förklara vad rel="noopener" betyder i WordPress och hur det påverkar din webbplats.

Vad är rel=

Vad är rel=”noopener” i WordPress?

När du lägger till länkar till din WordPress webbplatskan 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 på en ny flik.

Öppna en länk i en ny flik

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

Observera att vissa HTML-attribut har lagts till i länken, rel="noopener" och rel="noreferrer". Dessa attribut läggs till för att åtgärda en säkerhetsrisk.

Problemet är att JavaScript-kod kan användas för att tillåta en ny flik att få kontroll över sitt refererande fönster. Om du länkar till en extern webbplats som påverkas av den skadliga koden, kan den webbplatsen använda window.opener egendom i JavaScript för att ändra den ursprungliga sidan (din webbplats) för att stjäla information och sprida skadlig kod.

WordPress lägger till rel="noopener" för att förhindra att den nya fliken drar fördel av denna JavaScript-funktion. På liknande sätt rel="noreferrer" attribut förhindrar att hänvisningsinformationen skickas till den nya fliken.

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

Det gör det inte.

Även om rel="noopener" attribut förbättrar WordPress säkerhet, vissa användare undviker 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-ranking eller din overall WordPress prestanda.

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

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

De noopener attribut förhindrar din webbplats från att hacka flera webbplatser och förbättrar WordPress-säkerheten.

Å andra sidan nofollow attribut hindrar din webbplats från att skicka SEO-länkjuice till den länkade webbplatsen.

Sökmotorer letar efter och överväger nofollow attribut när du följer en länk på din webbplats. De tar dock ingen hänsyn till noopener märka.

Som standard tillåter inte WordPress dig att lägga till nofollow till dina externa länkar. Om du vill lägga till nofollow i WordPress, då måste du använda ett plugin.

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

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

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

De flesta affiliateprogram ger dig dock en unik URL som har ditt affiliate-ID. Detta innebär att ditt affiliate-ID skickas vidare som en URL-parameter för den andra webbplatsen att spåra.

För det andra använder de flesta affiliate-marknadsförare en plugin för länkcloaking för deras affiliate-länkar.

Med länkcloaking är affiliate-länken som dina användare klickar på faktiskt din webbplatss egen URL, som sedan omdirigerar användarna till måladressen.

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 den måste du göra det inaktivera Gutenberg-blockredigeraren i WordPress och använd den gamla klassiska editorn.

Det beror på att om du tar bort rel="noopener" från länken manuellt lägger blockredigeraren automatiskt 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 till ditt tema functions.php fil eller till WPCod plugin (rekommenderas). Du kan lära dig hur du använder WPCode gratis plugin i vår guide på hur man enkelt lägger till anpassad kod i WordPress.

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

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}
Lägga till ett kodavsnitt med hjälp av WPCode

Se till att du ändrar växeln ”Aktiv” och klicka sedan 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.

Vill du ha ännu mer kontroll över vilka rel-attribut som läggs till i dina länkar i WordPress? Vi rekommenderar att du använder AIOSEO plugin eftersom det låter dig lägga till titel, nofollow och andra länkattribut direkt i WordPress-redigeraren.

AIOSEO lägger till NoFollow- och titelattribut till popup-fönstret Infoga länk

Vi hoppas att den här artikeln hjälpte dig att lära dig mer om rel="noopener" i WordPress.

Skaffa dig världens bästa hemsidesbyggare till Wordpress idag
Divi WordPress Theme