Hur man lägger till länkar som innehållskort i WordPress (2 metoder)

Trött på att dela länkar som ser tråkiga ut och helt ignoreras av dina läsare? Detta är en av de vanligaste frustrationerna som webbplatsägare möter när de försöker dela värdefullt innehåll. 

Saken är den att vanliga länkar inte drar till sig uppmärksamhet.

Lyckligtvis har WordPress en inbyggd funktion som omvandlar länkar från stödda webbplatser till rika innehållskort. Dessa inkluderar bilder, titlar och beskrivningar, precis som förhandsvisningarna du ser på Facebook och X (Twitter).

I den här guiden visar vi hur du lägger till länkar som innehållskort i WordPress. Vi har hjälpt hundratals användare att lägga till den här funktionen, och den fungerar varje gång. Ännu bättre, du kan anpassa den för plattformar som WordPress inte stöder som standard! 🙌

Vad är ett innehållskort (och varför är det viktigt)?

Ett innehållskort låter dig visa en visuell sammanfattning av en länk du delar på din webbplats. Istället för att visa en vanlig URL, hämtar det automatiskt viktig information, som titeln, bilden och en kort beskrivning, för att skapa en klickbar förhandsgranskningsruta.

Det fungerar ungefär som Twitter Cards eller Facebook Link Previews. När du klistrar in en länk i ditt inlägg, förvandlar WordPress den till ett mer engagerande, medie-rikt element som sticker ut och inbjuder till klick.

Du kan tänka på det som att bädda in en video eller en tweet. Fast istället för sociala inlägg bäddar du in hela artiklar, podcastavsnitt eller annat externt innehåll.

Här är hur det ser ut i praktiken:

Dessa innehållskort ser inte bara snyggare ut; de gör dina inlägg lättare att skanna och mer interaktiva. Läsare är mycket mer benägna att klicka när de ser en tydlig rubrik och bild, snarare än bara en tom länk.

Oavsett om du länkar till dina egna inlägg eller annat hjälpsamt innehåll, gör innehållskort din webbplats mer engagerande, vilket hjälper till att uppmuntra besökare att klicka runt och stanna längre.

Hur man bäddar in en länk som ett innehållskort i WordPress

Generellt finns det 2 metoder för att bädda in en länk som ett innehållskort i WordPress: kopiera och klistra in URL:en och använda inbäddningsblocket.

I följande avsnitt visar vi precis hur du gör det med båda metoderna. Här är en snabb översikt över alla ämnen vi kommer att dela:

• Metod 1. Kopiera och klistra in URL:en (Snabbaste sättet att automatiskt bädda in stödda länkar)
• Metod 2. Använd inbäddningsblocket (mer kontroll över placering och layout)
• Bonustips: Hur fungerar innehållskort?
• Vanliga frågor om innehållskort
• Relaterade WordPress-handledningar och tips

Låt oss sätta igång! 🚀

Metod 1. Kopiera och klistra in URL:en

Som standard tillåter WordPress dig att enkelt bädda in länkar som innehållskort från stödda webbplatser. Dessa stödda webbplatser hänvisar till alla WordPress-drivna bloggar, inklusive din egen webbplats.

För att bädda in länkar som innehållskort, kopiera och klistra bara in URL:en i din innehållsredigerare på din sida eller inlägg.

Sedan kommer WordPress automatiskt att konvertera det till ett innehållskort.

Metod 2. Använd blocket Bädda in

Ett annat sätt att lägga till en länk som ett innehållskort är genom att lägga till blocket Bädda in i blockredigeraren.

För att göra detta vill du öppna sidans eller inläggets blockredigerare. Klicka sedan helt enkelt på '+' -knappen och välj blocket Bädda in.

Du kan nu klistra in URL:en till blogginlägget i fältet i blocket. När du är klar, klicka på knappen 'Bädda in'.

WordPress hämtar sedan automatiskt metadata för URL:en och konverterar den till ett innehållskort.

Bonustips: Hur fungerar innehållskort?

Som standard använder WordPress oEmbed-teknik för att hämta metadata från webbplatser som stöder oEmbed-format.

Alla WordPress-webbplatser stöder oEmbed-protokollet direkt. Det innebär att du kan bädda in länkar från en typisk WordPress-webbplats som ett innehållskort på din.

Förutom WordPress-webbplatser kan du även bädda in innehåll från många populära webbplatser som redan stöder oEmbeds.

Du kan till exempel bädda in YouTube-videor direkt genom att bara klistra in en videolänk. Så här kan det se ut i din blockredigerare:

Vanliga frågor om innehållskort

Har du frågor om hur innehållskort fungerar i WordPress? Du är inte ensam! Nedan finns några av de vanligaste frågorna som folk ställer när de konfigurerar eller felsöker länkar för förhandsgranskning.

Vilka webbplatser kan jag bädda in som innehållskort i WordPress?

WordPress kan automatiskt generera innehållskort (även kallade inbäddade förhandsvisningar) för en mängd olika webbplatser med hjälp av oEmbed-protokollet. Detta inkluderar populära sociala medier-plattformar som YouTube, Vimeo, Twitter (nu X) och TikTok. Det fungerar också sömlöst när du länkar till andra WordPress-webbplatser.

Facebook och Instagram-inbäddningar fungerar inte längre inbyggt i WordPress på grund av API-ändringar gjorda av Meta.

För att bädda in innehåll från dessa plattformar behöver du ett plugin för sociala medier som Smash Balloon. Dessa plugins erbjuder dedikerade verktyg för att visa Instagram- och Facebook-flöden på din webbplats.

Vad ska jag göra om min länk inte blir ett innehållskort?

Du kan börja med att kontrollera om webbplatsen du länkar till stöder oEmbed. WordPress skapar bara innehållskort för godkända leverantörer.

Se sedan till att länken placeras på en egen rad i WordPress-redigeraren, inte hyperlänkad inuti en mening eller ett stycke.

Om du fortfarande inte ser förhandsvisningen, prova att rensa din webbplats cache. Ibland kan cachning störa hur inbäddningar laddas.

Kan jag ändra hur innehållskortet ser ut?

Utformningen av innehållskortet styrs av två saker:

1. Källwebbplatsen (som tillhandahåller datan), och
2. Ditt WordPress-tema (som bestämmer hur den datan visas).

Om du vill anpassa utseendet utöver vad ditt tema tillåter, behöver du troligen använda anpassad CSS. För de flesta webbplatser ser dock standardinbäddningsstilen ren ut och fungerar bra direkt ur lådan.

Relaterade WordPress-handledningar och tips

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt bäddar in länkar som innehållskort i WordPress. Därefter kanske du också vill se våra guider om:

• Hur man tar bort siffror från WordPress-URL:er
• Hur man kamouflerar affiliatelänkar på din WordPress-webbplats
• Hur man lägger till titel och Nofollow till popup för infoga länk i WordPress
• Hur man inaktiverar automatisk länkning av URL:er i WordPress-kommentarer
• Hur man hittar och fixar trasiga länkar i WordPress
• Intern länkning för SEO: Den ultimata guiden till bästa praxis

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.