Hur man lägger till en ikon för externa länkar på din WordPress-webbplats

Tydlig navigering är grunden för en bra webbplatsupplevelse. När besökare enkelt kan förstå vart varje länk kommer att ta dem, känner de sig mer trygga att utforska ditt innehåll.

Externa länkar-ikoner gör detta möjligt genom att ge omedelbar visuell feedback om utgående länkar.

Dessa små indikatorer hjälper besökare att fatta välgrundade beslut om sin surfresa, vilket skapar en smidigare och mer professionell upplevelse.

Efter att ha observerat otaliga WordPress-webbplatsägare lägga till den här funktionen, har vi sett hur dessa små detaljer kan göra stor skillnad i användarnöjdhet.

Redo att förbättra din webbplats navigering? Vi guidar dig genom vår beprövade metod för att lägga till externa länkarikoner till din WordPress-webbplats.

Varför lägga till WordPress-ikoner för externa länkar?

En extern länk ikon är en liten bild som visas bredvid en länk som tar användaren till en annan webbplats.

Till exempel kan du scrolla till botten av vilket Wikipedia-inlägg som helst och se att de flesta länkar i avsnittet Referenser har en extern länksymbol.

Genom att lägga till länkar med ikoner till din WordPress-blogg, kommer dina besökare enkelt att kunna skilja mellan utgående länkar och interna länkar. Många webbplatser använder också externa länkar för att tydliggöra att länken öppnas i ett nytt fönster eller en ny flik.

Dessa ikoner kan få besökare att stanna kvar på din webbplats längre och öka dina sidvisningar eftersom det finns mindre risk att de klickar på en extern länk och av misstag lämnar din webbplats.

Med det sagt, låt oss se hur du kan anpassa dina externa länkar och lägga till ikoner bredvid dem på din WordPress-webbplats.

Hur man lägger till ikoner för externa länkar i WordPress

Det enklaste sättet att lägga till länkarikoner på din webbplats är att använda WP External Links.

Du kan använda detta plugin för att automatiskt lägga till olika bilder, Dashicons och Font Awesome-ikoner till dina externa länkar.

Först måste du installera och aktivera WP External Links-pluginet. Om du behöver hjälp, se vår guide om hur man installerar ett WordPress-plugin.

Klicka sedan bara på den nya inställningen WP External Links i menyn till vänster.

Om du får en popup som ber dig att uppgradera, kan du helt enkelt klicka var som helst utanför popupen för att stänga den.

Som du kan se kan pluginet göra mycket mer än att bara lägga till en extern länkikon på din webbplats. Till exempel kan det automatiskt göra alla dina externa länkar till nofollow-länkar i WordPress.

WP External Links kan också hålla folk kvar på din webbplats genom att öppna alla externa länkar i ett nytt fönster eller en ny flik.

Vi rekommenderar att du aktiverar den här funktionen eftersom många användare ändå antar att länkar med en extern länksymbol öppnas i ett nytt fönster eller en ny flik.

För att öppna alla externa URL:er i ett nytt fönster eller en ny flik, öppna rullgardinsmenyn 'Öppna externa länkar' och klicka på 'varje i ett separat nytt fönster eller flik'.

Som standard kommer WP External Links att tillämpa denna regel på varje ny extern länk som du skapar.

Det kan dock också skanna din webbplats och ändra alla externa URL:er som du tidigare har lagt till på din webbplats.

Detta ger en mer konsekvent upplevelse för dina användare, så det är en bra idé att klicka på rutan ‘Skriv över befintliga värden’.

När du har gjort det är du redo att skapa en ikon för dina externa länkar. För att börja, scrolla till avsnittet 'Välj ikon typ'.

Nu kan du klicka där det står 'ingen ikon' för att öppna rullgardinsmenyn.

Dina alternativ är Bild, Font Awesome eller Dashicon.

Både Font Awesome och Dashicon kommer med en enda ikon av en ruta med en pil som du kan använda som din externa länkikon.

Den här ikonen kommer alltid att visas blå på din webbplats, som du kan se på följande bild.

Detta är den exakta ikonen som många webbplatser använder för sina externa länkar, så de flesta besökare kommer att förstå vad ikonen med en ruta och en pil betyder.

Dock låter 'Bild' dig välja mellan flera ikoner med en ruta och en pil, inklusive några som har en något annorlunda stil och färg.

I följande bild kan du se ett exempel på hur en färgglad ikon med pil ser ut på din WordPress-webbplats.

Om du vill lägga till en färgglad länknapp på din webbplats, måste du välja 'Bild' från rullgardinsmenyn 'Välj ikon typ'.

Du kan sedan klicka på den du vill använda för dina externa länkar. Se till att ikonen ser bra ut med ditt WordPress-tema.

När du har gjort det, öppnar du rullgardinsmenyn 'Ikonposition'.

Här väljer du om ikonen ska visas på ‘höger sida av länken’ eller ‘vänster sida av länken’. De flesta webbplatser visar den externa ikonen till höger om länken.

Vill du använda den standardmässiga blå rutan-med-pil-ikonen istället?

Sedan kan du öppna rullgardinsmenyn 'Välj ikon typ' och klicka på antingen 'Font Awesome' eller 'Dashicon' istället.

Öppna sedan rullgardinsmenyn bredvid 'Välj Dashicon' eller 'Välj FA', och klicka sedan på ikonen med en ruta och en pil.

Notera: Både Font Awesome och Dashicons ger dig tillgång till dussintals andra ikoner. Vi rekommenderar dock att använda ikonen med en ruta och pil eftersom fler människor kommer att känna igen detta som en extern länkikon.

Efter att ha klickat på Font Awesome eller Dashicon som du vill använda kan du ange om den ska visas till höger eller vänster om länken genom att följa exakt samma process som beskrivs ovan.

När du är nöjd med den externa länken du har valt, klickar du helt enkelt på 'Spara ändringar'.

Pluginet kommer sedan automatiskt att lägga till länkikoner till alla externa URL:er på din webbplats.

Lär dig fler tips och tricks för att anpassa din WordPress-webbplats

Om du gillade den här artikeln om att anpassa externa länkar ikoner, kan du tycka att följande tips är användbara.

Till exempel är fotnoter ett utmärkt sätt att ge ytterligare information eller citat utan att störa flödet i din text. Vi har en hjälpsam guide om hur man lägger till enkla och eleganta fotnoter i WordPress för att visa dig hur.

Har du förutom det övervägt att anpassa utseendet på dina länkar? Att ändra färgen på dina länkar kan hjälpa dem att sticka ut från den omgivande texten och göra dem mer visuellt tilltalande.

Dessutom är det ett utmärkt sätt att dra dina läsares uppmärksamhet till viktig information genom att markera text. Vi har en hjälpsam guide om hur man markerar text i WordPress som visar dig olika metoder du kan använda.

Vill du lägga till en touch av elegans i dina blogginlägg? Versaler är stora, dekorativa bokstäver som används i början av ett stycke. De kan ge ditt innehåll ett unikt och stilfullt utseende.

Slutligen kan förbättring av din webbplats navigering avsevärt förbättra användarupplevelsen. Brödsmule-navigering visar en användares plats inom din webbplats hierarki, vilket gör det lättare för dem att hitta runt.

Vanliga frågor: Lägga till externa länkar i WordPress

Här är några frågor som våra läsare ofta ställer om att lägga till en extern länkikon på din WordPress-webbplats:

Påverkar ikoner för externa länkar SEO?

Nej, externa länkikoner påverkar inte din SEO direkt. De är helt enkelt en visuell förbättring som förbättrar användarupplevelsen.

Hur du hanterar externa länkar kan dock ha en betydande inverkan på SEO. Till exempel:

• Att öppna länkar i en ny flik (target="_blank") hindrar användare från att navigera bort från din webbplats.
• Att lägga till attributen rel="nofollow" eller rel="sponsored" kan hjälpa till att hantera länkkapacitet, särskilt för affiliatelänkar.
• Att använda ikoner gör det lättare för användare att identifiera tredjepartslänkar, vilket kan minska avvisningsfrekvensen om din webbplats känns mer pålitlig.

Så även om ikoner inte är en rankningsfaktor, kan det användarbeteende de stöder bidra till bättre engagemang.

Kommer det att sakta ner min webbplats att lägga till en ikon till externa länkar?

Inte nödvändigtvis. Om du använder ett lättviktigt plugin som WP External Links eller lägger till ikonen med CSS, är prestandapåverkan minimal. Var bara medveten om några saker:

• Undvik att använda stora eller ooptimerade bildikoner. Använd SVGs eller ikonfonter som Font Awesome istället.
• Ladda inte ett helt ikonbibliotek bara för en enda extern länksikon – det är överkurs.
• Plugins med flera funktioner (som länkövervakning, omdirigering, etc.) kan vara tyngre, så välj en som bara fokuserar på länkarikoner om hastighet är ett problem.

Alla dessa tips hjälper till att säkerställa att externa länkar ikoner inte påverkar din webbplats hastighet.

Ska jag visa ikoner för externa länkar på alla externa länkar?

Inte alltid. Du kanske vill hoppa över ikonen i vissa fall, till exempel:

• I menyer eller sidfötter, där utrymmet är begränsat
• På ikoner för sociala medier, där det redan är uppenbart
• Om ikonen inte matchar din webbplats design

Många plugins låter dig exkludera vissa länkar med hjälp av klasser eller domännamn. Till exempel kan du exkludera länkar till YouTube eller dina egna varumärkespartners samtidigt som du visar ikoner för resten. Allt handlar om sammanhang – använd ikoner där de hjälper till att förtydliga användarupplevelsen.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en ikon för externa länkar på din WordPress-webbplats. Du kan också gå igenom vår kompletta guide om de mest effektiva WordPress-designelemten och våra experttips om bästa dra-och-släpp-sidbyggare för WordPress.

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.