Beginnersgids over hoe Twitter-kaarten in WordPress kunnen worden toegevoegd

Wilt u Twitter-kaarten toevoegen aan uw WordPress-site? Met Twitter Cards kun je rich media koppelen aan tweets die linken naar je inhoud. Dit is vergelijkbaar met het delen van een link op Facebook die automatisch een voorbeeld weergeeft met titel, samenvatting en miniatuurweergave van uw pagina-inhoud. In dit artikel laten we u zien hoe u Twitter-kaarten kunt toevoegen in WordPress.

Hoe werkt Twitter Cards??

Wanneer uw tweet een link naar een site heeft waarop twitter-kaarten zijn ingeschakeld, is er een optie om een ​​samenvatting te bekijken. Telkens wanneer een andere gebruiker op de tweet klikt, wordt deze samenvatting weergegeven zoals de onderstaande schermafbeelding. Je kunt het live-voorbeeld bekijken door naar onze Twitter-pagina te gaan.

Het grootste voordeel van het hebben van twitter-kaarten is dat het aantal mensen dat je twitter-accounts volgt toeneemt door content-attributie. Vaak tweeten mensen je links zonder je de juiste naam te geven.

We hebben dit specifiek opgemerkt van een aantal populaire curatoren van inhoud. Ze tweeten onze artikelen zonder via @wpbeginner of RT @wpbeginner. Dit is hun recht, maar wij / jij als uitgevers missen vooral wanneer anderen je inhoud retweeten met de attributen van iemand anders.

Bijvoorbeeld, @syedbalkhi retweets een bericht van @wpbeginner zonder toeschrijving, en andere mensen retweeten @syedbalkhi. Gebruikers die deze retweets bekijken, volgen dus meer @syedbalkhi dan @wpbeginner.

Vaak doen contentcurators dit om de lengte van de tweet kort te houden en te zorgen voor retweets van hun eigen tweets. Met twitterkaarten is dit probleem opgelost omdat u krediet krijgt van uw site voor elke tweet die uw artikel vermeldt. Opmerking: we kiezen niet voor contentcurators. Dit is een beperking van 140 tekens en Twitter helpt het te repareren met Twitter-kaarten.

Toen Annie bijvoorbeeld ons artikel tweette, noemde ze @wpbeginner niet. Maar vanwege de integratie van onze Twitter-kaarten hebben we volledige kredietwaardigheid en exposure gekregen. Merk ook op hoe het een klikknop met één klik heeft.

Nu dat je de voordelen van twitter-kaarten kent, laten we eens kijken hoe we het in WordPress kunnen implementeren.

Twitter-kaarten toevoegen in WordPress

Er zijn twee manieren om twitter-kaarten toe te voegen in WordPress. Laten we beide bekijken.

Methode 1: Yoast SEO-plug-in

Als je WordPress SEO gebruikt door Yoast plugin, dan heb je geluk. Yoast heeft een ingebouwde integratie voor Twitter-kaarten, dus het inschakelen van het apparaat is een kwestie van een paar klikken.

Ga gewoon naar de pagina "Sociaal" van de Yoast SEO-instellingenpagina. Voer je Twitter-gebruikersnaam in en sla de wijzigingen op.

Klik daarna op het tabblad Twitter. Op het tabblad Twitter moet je het selectievakje voor het toevoegen van Twitter-kaart-metagegevens aanvinken. Selecteer een standaard kaarttype om te kiezen. U kunt ervoor kiezen om een ​​samenvatting of samenvatting te laten zien met een grote afbeelding.

Het volgende dat je hoeft te doen is naar Gebruikers "Mijn profiel pagina. Je ziet een nieuw veld onder Contactinfo voor je twitter-gebruikersnaam. Voer hier uw Twitter-gebruikersnaam in.

Als u een site met meerdere auteurs gebruikt, adviseer dan uw auteurs om dit onderdeel in hun profiel in te vullen. Op deze manier krijgt elke specifieke auteur ook krediet voor zijn werk. Zie het onderstaande voorbeeld:

Dat is alles wat u meta-tags voor Twitter-kaarten met succes aan uw WordPress-site hebt toegevoegd.

Deze methode is veruit de eenvoudigste methode. Aangezien we WordPress SEO door Yoast gebruiken op al onze websites, gebruiken we deze methode.

Methode 2: Hard Code zelf

Voor deze methode moet u code toevoegen aan uw thema- of onderliggende themabestanden. Open eenvoudig het bestand header.php en voeg deze code toe net voor de label.

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

Bron: Ryan Cullen @artesea

Als u niet weet hoe u met PHP moet werken of problemen met methode 2 ondervindt, gebruikt u methode 1.

Laatste stap: testen en valideren

Voordat links van uw WordPress-site Twitter-kaarten laten zien, moet u dit eerst controleren in Twitter-kaartvalidator.

Ga gewoon naar de Card Validator-pagina op de Twitter-ontwikkelaarswebsite. Voer de URL in van een bericht van uw WordPress-site en klik op de voorbeeldkaartknop.

Twitter toont u een voorbeeld van uw Twitter-kaart.

Bijwerken: Eerder moest je een aanvraag indienen voor deelname aan de Twitter-kaarten. Twitter heeft echter een systeem geïmplementeerd dat domeinen automatisch op de witte lijst plaatst wanneer u ze met de validator test of alleen een URL op Twitter deelt.

We hopen dat dit artikel u heeft geholpen Twitter-kaarten toe te voegen in WordPress. U wilt misschien ook onze lijst met de 10 meest gezochte Twitter-hacks en plug-ins voor WordPress bekijken.

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Facebook.