Nybörjarhandledning om hur man lägger till Twitter-kort i WordPress

Vill du lägga till Twitter-kort på din WordPress-webbplats? Twitter-kort gör det möjligt för dig att bifoga rich media till tweets som länkar till ditt innehåll. Det här liknar mycket att dela en länk på Facebook som automatiskt visar en förhandsgranskning med titel, sammanfattning och miniatyr av ditt sidinnehåll. I den här artikeln visar vi hur du lägger till twitter-kort i WordPress.

Hur fungerar Twitter-kort?

När din tweet har en länk till en webbplats som har twitter-kort aktiverade, finns det ett alternativ att visa sammanfattning. När en annan användare klickar på tweeten kommer de att se denna sammanfattning som skärmdumpen nedan. Du kan se liveexemplet genom att gå till vår Twitter sida.

Den största fördelen med att ha Twitter-kort är att det ökar antalet personer som följer dina Twitter-konton via innehållsskrivning. Ofta människor tweet dina länkar utan att ge dig rätt tilldelning.

Vi har lagt märke till detta specifikt från några populära innehållshanterare. De kommer att tweet våra artiklar utan någon via @wpbeginner eller RT @wpbeginner. Det här är deras rätt, men vi / ni som utgivare saknar speciellt när andra människor retweetar ditt innehåll med andras attribut.

Till exempel, @syedbalkhi retweets ett inlägg från @wpbeginner utan tillskrivning, och andra personer retweet @syedbalkhi. Då användare som tittar på dessa retweets är mer benägna att följa @syedbalkhi än @wpbeginner.

Ofta gör innehållsförvaltare detta för att hålla tweetlängderna korta och se till att deras egna tweets återges. Med twitter-kort är det här problemet löst eftersom du får kredit på din webbplats från varje tweet som nämner din artikel. Obs! Vi väljer inte innehållsinställningar. Det här är en felaktighet på 140 tecken och twitter hjälper till att fixa det med Twitter-kort.

Till exempel när Annie tweeted vår artikel, nämnde hon inte @wpbeginner. Men på grund av vår twitter-kortintegration fick vi full kredit och exponering. Lägg märke till hur det också har ett klick på en knapp.

Nu när du vet fördelarna med twitter-kort kan vi titta på hur man implementerar i WordPress.

Hur man lägger till Twitter-kort i WordPress

Det finns två sätt att lägga till Twitter-kort i WordPress. Låt oss ta en titt på dem båda.

Metod 1: Yoast SEO-plugin

Om du använder WordPress SEO med Yoast plugin, så har du tur. Yoast har inbyggd integration för twitter-kort, så det är en fråga om få klick att slå på den.

Helt enkelt gå till sidan "Sociala" på sidan Yoast SEO. Ange ditt Twitter användarnamn och spara ändringar.

Därefter klickar du på fliken Twitter. Under fliken Twitter måste du markera rutan för Add Twitter-kort-metadata. Välj en standard korttyp som du vill välja. Du kan välja att visa sammanfattning eller sammanfattning med stor bild.

Nästa sak du behöver göra är att gå till Användare "Min profil sida. Du kommer att se ett nytt fält under Kontaktinfo för ditt twitter användarnamn. Ange ditt twitter användarnamn där.

Om du kör en webbplats med flera författare, rekommendera dina författare att slutföra den här delen i sin profil. På så sätt får varje enskild författare kredit för sitt arbete också. Se exemplet nedan:

Det är allt du har lagt till Twitter-kort-metataggar på din WordPress-webbplats.

Denna metod är överlägset den enklaste metoden. Eftersom vi använder WordPress SEO av Yoast på alla våra webbplatser använder vi den här metoden.

Metod 2: Hård Kod det själv

Den här metoden kräver att du lägger till kod i tema- eller barntema-filer. Öppna bara header.php-filen och lägg till den här koden precis före märka.

 ID), full); $ twitter_thumb = $ twitter_thumbs [0]; om (! $ twitter_thumb) $ twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75';  $ twitter_name = str_replace ('@', 'get_the_author_meta (' twitter '));?>          

Källa: Ryan Cullen @artesea

Om du inte vet hur du ska arbeta med PHP eller löser problem med metod 2, använd sedan metod 1.

Slutsteg: Test och validera

Innan länkar från din WordPress-webbplats börjar visa Twitter-kort måste du först kontrollera det i Twitter-kortgodkännaren.

Håll dig enkelt över till kortet Validator sida på Twitter utvecklare webbplats. Ange URL för ett inlägg från din WordPress-webbplats och klicka på förhandsgranskningskortsknappen.

Twitter visar dig en förhandsgranskning av ditt Twitter-kort.

Uppdatering: Tidigare var du tvungen att ansöka om deltagande i Twitter-korten. Twitter har emellertid implementerat ett system som automatiskt vinklar domäner när du testar dem med valideraren eller delar bara en webbadress på Twitter.

Vi hoppas att den här artikeln hjälpte dig att lägga till Twitter-kort i WordPress. Du kanske också vill se vår lista över de 10 mest efterfrågade Twitter-hackarna och plugins för WordPress.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Facebook.