Twitter Cards voor Blogger

Wanneer je een url deelt via Twitter wordt die vaak (maar niet altijd) netjes weergegeven inclusief een plaatje en wat extra tekst. Daarvoor zorgt wat code die je in de heading van je website moet hebben staan. Draait je website op WordPress, dan zijn daar diverse plug-ins voor beschikbaar. Maak je gebruik van Blogger, dan moet je de nodige code zelf handmatig toevoegen aan je template*).
De code die je nodig hebt vind je hier. Let erop dat daar waar @twitternaam staat jij je eigen Twitternaam in moet vullen, op zes plekken. Daar waar afbeelding.jpg staat moet je de url invoeren van een plaatje dat je wilt gebruiken voor je website, op twee plekken in de code. Heb je dit gedaan, dan kan je het resultaat controleren bij de Card Validator van Twitter. Als het goed is zie je de foto, de url van je site en wat samenvattende informatie. Bij een blogpost kan je zelfs een grote afbeelding te zien krijgen als je website is whitelisted for summary card.

In bijgaande screencast laat ik je zien hoe en waar je de code toevoegt aan je template:




*) Maak voor je iets gaat veranderen aan je template altijd eerst even een backup!