Hur man lägger till sociala mediebäddar i artiklar i WordPress

0
170

Om du har skickat en länk till din WordPress-artikel och det utvidgades inte för att visa bilden, titeln och beskrivningen, det beror på att du inte har ställt in dina Open Graph-metataggar i WordPress. Vi visar dig hur du konfigurerar dem för att förbättra din närvaro på sociala medier.

Vad är metataggar för öppna diagram?

Konfigurationen för inbäddning av sociala medier görs i ett standardformat, ursprungligen skapat på Facebook, kallat & # 8220; Open Graph Protocol. & # 8221;

I grund och botten ser de ut som följande & lt; meta & gt ; HTML-taggar, vanligtvis i rubriken på din webbplats:

& lt; meta property = “og: image” content = “https://i.imgur.com/imagelink.jpg” & gt; & lt; meta property = “og: title” content = “Webbplatsens titel”/& gt; & lt; meta property = “og: description” content = “Webbplatsbeskrivning”/& gt; & lt; meta property = “og: type” content = “article”/& gt; & lt; meta-egenskap = “og: url” content = “https://exempel.com/”/& gt;

Även om detta skulle fungera för en vanlig webbplats kan du inte bara klistra in det i din WordPress HTML. Detta beror på att WordPress är ett innehållshanteringssystem (CMS) och det måste fylla i titeln, beskrivningen och bilden beroende på artikeln du länkade.

Det finns två huvudsakliga sätt att göra detta & # 8212; manuellt, med vissa ändringar av dina PHP-filer, eller automatiskt med ett plugin. Mindre pluginberoende är alltid bättre, så vi rekommenderar att du lägger till det manuellt om du är tekniskt kunnig.

Annons

Men om du inte är eller använder delad hosting och har inte tillgång till dina systemfiler, det är inget fel med att konfigurera det med ett plugin.

Lägga taggar manuellt till PHP manuellt

PHP används för att generera HTML-filen automatiskt när en användare begär det. PHP-koden som används för att generera rubriken beror på vilket tema du använder. Det är tekniskt beläget i header.php, men detta kallar en funktion som heter wp_head (), så det är bättre att lägga till en ny åtgärd i funktions.php, som finns här:

wordpress/wp-innehåll/teman/tema/funktioner.php

Om du inte känner dig bekväm med textredigerare kan du installera ett plugin som heter Head, Footer och Post Injections som låter dig lägga till kod genom plugininställningarna, men du borde förmodligen bara använda plugin nedan om du & # 8217; lägger till plugins ändå.

Annars kan du använda en kommandoradsredigerare som nano eller micro, eller så kan du överföra den här filen till skrivbordet för att redigera den. Hur som helst, öppna detta i din textredigerare som du väljer och bläddra till botten:

Klistra sedan in följande funktion:

funktion fb_opengraph () {global $ post; & nbsp; if (is_single ()) {if (has_post_thumbnail ($ post- & gt; ID)) {$ img_src = wp_get_attachment_image_src (get_post_thumbnail_id ($ post- & gt; ID), 'medium'); } annat {$ img_src = get_styleheet_directory_uri (). '/img/opengraph_image.jpg'; } om ($ utdrag = $ post- & gt; post_excerpt) {$ utdrag = strip_tags ($ post- & gt; post_excerpt); $ utdrag = str_replace (& quot; & quot ;, & quot; & quot ;, $ utdrag); } annat {$ utdrag = get_bloginfo ('beskrivning'); }? & gt; & nbsp; & lt; meta-egenskap = & quot; og: titel & quot; content = & quot; & lt;? php echo the_title & # 40; & # 41 ;; ? & gt; & quot;/& gt; & lt; meta-egenskap = & quot; og: beskrivning & quot; content = & quot; & lt;? php echo $ utdrag; ? & gt; & quot;/& gt; & lt; meta-egenskap = & quot; og: typ & quot; content = & quot; artikel & quot;/& gt; & lt; metaegenskap = & quot; og: url & quot; content = & quot; & lt;? php echo the_permalink & # 40; & # 41 ;; ? & gt; & quot;/& gt; & lt; meta-egenskap = & quot; og: platsnamn & quot; content = & quot; & lt;? php echo get_bloginfo & # 40; & # 41 ;; ? & gt; & quot;/& gt; & lt; metaegenskap = & quot; og: bild & quot; content = & quot; & lt;? php echo $ img_src; ? & gt; & quot;/& gt; & nbsp; & lt;? php & # 125; annat & # 123; lämna tillbaka; & # 125; & # 125; add_action & # 40; 'wp_head', 'fb_opengraph', 5 & # 41 ;;

I huvudsak kontrolleras detta om sidan är ett enskilt inlägg eller en huvudsida och konfigureringen av beskrivningen och bilden konfigureras i enlighet därmed. Observera att den använder /img/opengraph_image.jpg för icke-artikelsidor, så du måste lägga något där.

Sedan lägger den till alla OG-metataggar, med hjälp av vilken data som sidan för närvarande använder. Detta bör träda i kraft omedelbart, men du kan behöva vänta på att cacherna ska uppdateras.

Använda ett plugin

Konfigurera detta med en plugin är enklare. Du vill söka efter & # 8220; Öppna graf- och Twitter-korttaggar, & # 8221; och installera den:

Aktivera den och gå till inställningarna :

Annons

Det finns inte mycket att konfigurera här, eftersom allt ställs in automatiskt, men du kan ange anpassad text för hemsidan och standardbeskrivningar och ladda upp en standardbild för sidor som inte är inlägg. = “http://www.cloudsavvyit.com/pagespeed_static/1.JiBnMqyl6S.gif” />

Du bör se att ändringarna fungerar direkt efter att du tryckt på gäller.

Några andra större plugins, som YoastSEO, kommer också att konfigurera metataggar, men detta plugin gör det helt enkelt utan ytterligare bulk.