Om du planerar att lägga till externa länkar i din navigationsmeny är det en god idé att lägga till attributet nofollow. Detta hjälper till att upprätthålla webbplatsens SEO-hälsa genom att hindra sökmotorer från att följa mindre viktiga länkar.
På WPBeginner har vi noga övervägt externa länkars inverkan på vår webbplats SEO och användarupplevelse. Genom att lägga till externa länkar med nofollow i vår navigationsmeny har vi säkerställt att vår webbplats auktoritet och länkjuice förblir fokuserad på vårt eget innehåll.
Så vi vet av erfarenhet att det är värt det att följa denna bästa praxis för länkning. Om du är nybörjare kan det dock vara svårt att tillämpa den här funktionen när du lägger till en anpassad länk i din meny. Men oroa dig inte, vi har hjälpt dig.
I den här artikeln visar vi dig hur du enkelt add to nofollow links i WordPress navigationsmenyer, steg för steg.
Varför lägga till Nofollow Links i WordPress Navigation Menus?
Om du driver en WordPress-webbplats kanske du vill lägga till en nofollow-tagg när du skapar externa länkar. Då får sökmotorerna veta att de inte ska skicka någon länkjuice från din sida till den andra webbplatsen som du länkar till.
När du länkar till en extern webbplats betraktar search engines det som en signal för ranking, och de kommer att överföra en liten del av din auktorisering till den andra webbplatsen. Som en allmän bästa praxis för sökmotorsoptimering bör du add to nofollow till alla externa webbplatser som du inte litar på.
Du gör det genom att lägga till attributet rel="nofollow ” till länken gillar detta:
<a href="https://example.com" rel="nofollow">Example</a>
För att lära dig mer kan du se vår guide för nybörjare om hur du lägger till nofollow-länkar i WordPress.
Att lägga till nofollow-länkar till navigation menu items är dock lite annorlunda och kan vara förvirrande för nybörjare.
I den här artikeln visar vi dig hur du addar nofollow links i WordPress navigations menyer utan att använda några tillägg.
Vi kommer att täcka två metoder. Den andra metoden är för personer som använder WordPress 5.9 eller senare och ett tema som är kompatibelt med Theme Editor:
Metod 1: Lägga till Inga annonser länkar med hjälp av WordPress Menu Editor
Den här metoden är för dig om du använder ett äldre WordPress-tema som levereras med en theme customize och har en separat tab för menyer.
För att komma igång besöker du helt enkelt sidan Appearance ” Menus i din WordPress admin sidebar.
Först måste du lägga till den externa länken i din navigation menu i WordPress, precis som du skulle lägga till vilken customize-länk som helst.
För att göra det klickar du på tabben ”Custom Links” så att du kan se alternativen URL och Link Text. Här kan du helt enkelt enter URL:en och länktexten för den website du länkar till.
Efter det klickar du på knappen ”Add to Menu” för att lägga till den externa länken i kolumnen ”Menu structure”.
Nu, för att lägga till nofollow-attributet till länken, måste du klicka på nedåtpilen till höger om menyalternativet, som visas i screenshot ovan.
Här ser du detaljerna för den externa länk som du just har add to, inklusive URL och navigation label.
Om du inte ser alternativen Link Target och Link Relationship måste du add to dem.
För att visa dessa alternativ, click the ”Screen Options” button at the top right corner of the screen.
Därefter kontrollerar du boxarna bredvid alternativen Link Target och Link Relationship (XFN).
Nu kan du rulla tillbaka ner till ditt förstorade menu item, där du kommer att notice två new alternativ.
Därefter skriver du helt enkelt nofollow i fältet för link relationship.
Vi rekommenderar att du också klickar på checkboxen ”Öppna länken i en new tab” när du lägger till en extern länk. Detta är ett bra sätt att förbättra engagement och hindra dina besökare från att lämna din WordPress site.
Slutligen klickar du på knappen ”Save Menu” för att lagra dina ändringar.
You can now preview your site to see the new nofollow menu entry.
Låt oss se till att ett nofollow-attribut har addats till länken.
Högerklicka bara på den nya länken och select ”Inspect”. Din webbläsare kommer att delas upp i två fönster.
I fönstret längst ner kommer du att kunna se HTML-källan för din Link, vilket kommer att visa nofollow-attributet med din link.
Metod 2: Lägga till Inga annonser om länkar med hjälp av WordPress Theme Editor
Den här metoden är för dig som använder WordPress 5.9 eller senare och har ett block theme som har support för WordPress full site editor.
I så fall kommer sidan Appearance ” Menus inte att vara available för you. Istället bör du navigera till sidan Appearance ” Editor i WordPress dashpanelen.
Detta kommer att öppna WordPress full site theme editor på din vy.
Lägga till en ny Link i navigationsmenyn
Om du vill lägga till ett nytt menu item måste du clicka på knappen ”Add Block” (+) högst upp till vänster på vyn.
Detta kommer att öppna blockmenyn, där du måste rulla ner tills du hittar blocket Custom Link och sedan dra det till din navigation menu.
Du kan nu skriva in eller klistra in URL:en. Om du vill kan du också toggle alternativet ”Öppna i ny tab” för att öppna länken i ett nytt fönster. Se sedan till att du klickar på ikonen ”Submit” högst upp till höger i popupen så att inställningarna för menu-item lagras.
Länkens URL kommer nu att add to menyn, men du vill normalt ha något mer beskrivande, till exempel namnet på webbplatsen. Börja helt enkelt skriva för att byta namn på menu-item.
Lägga till Nofollow-attributet i en Link
För att add to nofollow-attributet till ett menu-item klickar du bara på det, så visas en toolbar.
Klicka sedan på ikonen link i toolbaren. I inställningsfönstret till höger måste du enter nofollow-attributet i fältet för länkrelation (”Link rel”).
Om du gillar kan du också lägga till en description och en rubrik för länken och ändra ordningen på menu-items med hjälp av pil-iconerna i toolbaren.
När du är slutförd klickar du på knappen ”Save” högst upp på vyn. Den nya customize-länken läggs till och du kan besöka din website för att se hur din navigation menu ser ut nu.
Bonus: Add a Rubrik Attribute in WordPress Navigation Menus
Förutom nofollow kan du också add a title-attribut till links i navigation menu.
Det här är ett HTML-attribut som används för att ge information om ett element, inklusive pages, posts eller externa links. Ett title-attribut kan vara användbart för sökmotorsoptimeringen av din site eftersom det kan ge mer content till search engines.
För att add to detta attribut, besök appearance ” Menus page och förstora tabben ’Screen Options’ högst upp. Härifrån kontrollerar du helt enkelt alternativet ”Rubrik Attribute”.
Därefter rullar du ner och klickar på ett menu-item i den högra sectionen för att förstora dess Settings.
Here, you will now notice a ’Rubrik Attribute’ field where you can add a title according to your like. När du är klar klickar du bara på knappen ”Save Menu” för att lagra dina ändringar.
Mer information hittar du i vår handledning om hur du lägger till titelattribut i WordPress-navigeringsmenyer.
Vi hoppas att denna handledning hjälpte dig att lära dig hur du lägger till nofollow-länkar i WordPress navigeringsmenyer. Du kanske också vill lära dig hur du lägger till attributen title och nofollow i popup-fönstret infoga länk i WordPress, eller kolla in vår lista över onlineverktyg för innehållsoptimering för WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Mostafa
Thanks For Help
WPBeginner Support
You’re welcome
Administratör
Tal
Thanks, very helpful!
WPBeginner Support
You’re welcome
Administratör
Tony
Hi
What about on the home page, the menu item is not ’nofollow’ but on all inner pages it is nofollow. Is this possible?
Kamran Afridi
Hey!
How to add nofollow tag to the Widget Links (Sidebar Widget)?
James
I’ve applied this successfully, but can’t see the rel=”nofollow” attribute in the source. Any idea why that would be?
Thanks,
James
Vignesh Chandrasekaran
Thanks for the article. I was looking at various no follow plugins to see which can cater to this problem.
I actually have done this of unhiding from screen options long back but had totally forgotten.
Thanks once again.
Barış Ünver
You can also do this automatically with a filter, if you want to apply rel=”nofollow” attributes to all menu items at once:
<?phpfunction menu_rel_nofollow( $atts, $item, $args ) {
$atts[ 'rel' ] = 'nofollow';
return $atts;
}
add_filter( 'nav_menu_link_attributes', 'menu_rel_nofollow', 10, 3 );
?>