In Google+ heb je het automatisch. Zodra je een link plaatst in een update kijkt Google+ naar de metadata van de site en de url om aanvullende gegevens te tonen. De eerste regels van een blogpost worden bijvoorbeeld dan automatisch getoond, de volledige titel van het artikel of blogpost en de eerste afbeelding die Google+ tegenkomt.  Bij de bibliothecarissen onder ons (van de oude stempel) komt dan wellicht de vergelijking op met de cataloguskaartjes die we vroeger met de hand moesten maken van elke beschrijving van een boek.

Pierre wees me er op dat Twitter nu ook een vergelijkbare functionaliteit heeft toegevoegd in de vorm van Twitter Cards. Simply add a few lines of HTML to your webpages, and users who Tweet links to your content will have a “card” added to the Tweet that’s visible to all of their followers.

Kort samengevat komt het er op neer dat je een aantal gegevens moet verwerken in de broncode van je site of blog, je dit kunt (moet) testen in een preview tool en dat je je site moet aanmelden bij Twitter zodat die kaart ook daadwerkelijk verschijnt zodra iemand een url van je site of blog twittert.

Bij Sumtips staat beschreven hoe je die gegevens moet toevoegen aan je WordPress blog en ik heb er voor gekozen om dat handmatig in de functions.php aan te passen. Een goede plugin kon ik er niet zo snel voor vinden dus ik moet er wel aan denken dat ik die aanpassing meeneem als ik van theme ooit weer verander maar voor nu was het kinderspel om het aan te passen. Ik heb wel een Twitter contact veld toegevoegd aan mijn profiel in WordPress zoals dat eveneens beschreven staat op de uitleg bij Sumtips maar ik kan niet helemaal achterhalen of dat nu een vereiste stap is.

Hoe dan ook, ik heb het onderstaande stukje code toegevoegd (zodat ik dit later ook weer kan opzoeken)

//Add Twitter Cards Meta Info
function add_twitter_card_info() {
global $post;
if ( !is_singular())
return;
echo ‘<meta name=”twitter:card” content=”summary”/>’;
echo ‘<meta name=”twitter:url” content=”‘ . get_permalink() . ‘”/>’;
echo ‘<meta name=”twitter:title” content=”‘ . get_the_title() . ‘”/>’;
echo ‘<meta name=”twitter:description” content=”‘ . get_the_excerpt() . ‘”/>’;
echo ‘<meta name=”twitter:site” content=”@rsnijders”/>’; //optional: username of website
echo ‘<meta name=”twitter:creator” content=”@rsnijders”/>’; //optional: username of content creator
if(!has_post_thumbnail( $post->ID )) { //use a default image if no featured image set
$default_image=”http://rsnijders.info/vakblog/vakblog.png”; //replace this with a default image
echo ‘<meta name=”twitter:image” content=”‘ . $default_image . ‘”/>’;
}
else{
$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘medium’ );
echo ‘<meta name=”twitter:image” content=”‘ . esc_attr( $thumbnail_src[0] ) . ‘”/>’;
}
echo “\n”;
}
add_action( ‘wp_head’, ‘add_twitter_card_info’);

function add_twitter_contactmethod( $contactmethods ) {
// Add Twitter
if ( !isset( $contactmethods['twitter'] ) )
$contactmethods['twitter'] = ‘Twitter’;

return $contactmethods;
}
add_filter( ‘user_contactmethods’, ‘add_twitter_contactmethod’, 10, 1 );

Hoewel ik een apart twitteraccount voor Vakblog heb, heb ik er voor gekozen om voor zowel de site als de auteur mijn reguliere twitteraccount te gebruiken. Bij default image is het handig om een afbeelding te maken of te kiezen van 120x120px dat op het kaartje getoond wordt als je geen afbeelding ingesteld hebt in een blogpost als featured image. Als je die wel instelt, dan krijg je die vanzelfsprekend te zien maar als je geen afbeelding gebruikt hebt in een blogpost, dan wordt een standaard afbeelding getoond. In mijn geval is dat een logo van mijn blog.

Bovenaan zie je hoe dat er uit komt te zien. Bij een tweet waar een link staat naar een willekeurige blogpost komt onderaan ‘View summary‘ te staan ipv ‘Expand‘. Klik daarop en je ziet een kleine kaart met de eerste regels van de blogpost en verwijzingen naar de twitteraccounts die je ingesteld hebt in de broncode van WordPress.

Het is geen spectaculaire innovatieve functionaliteit maar stiekem vind ik het best leuk om weer een spoor van blogcataloguskaartjes achter te laten. Ik ga ze alleen niet meer sorteren

#