Met Twitter Cards is het mogelijk om een tweet uit te breiden met afbeeldingen, video's etc.. Hierdoor wordt een tweet veel aantrekkelijker en zal het meer verkeer naar je website genereren.

De Twitter Card-technologie voeg je toe aan je website. Zodra jij, of je bezoekers een pagina delen van je website wordt de betreffende tweet verrijkt met media van de betreffende pagina  Je kunt kiezen uit verschillende types cards, zoals een product card voor webwinkels of een player card om video’s af te spelen. Dit is ook handig als je een blog bijhoudt: zodra je deze technologie toevoegt aan je website of blog, dan maakt Twitter automatisch een uitklapbare tweet van alle content die mensen delen van je website.

Type Twitter Cards

Summary card

De summary card te gebruiken voor verschillende type content zoals voor bijv. nieuws- of blogartikelen, of producten en restaurants.  De summary card geeft de bezoeker een preview van de inhoud voordat die doorklikt naar de website.

Stukje voorbeeld code:

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@wielink">
<meta name="twitter:title" content="Type Twitter cards">
<meta name="twitter:description" content="Wielink websolutions - fullservice internetbureau">
<meta name="twitter:image" content="afbeeldings url">

Summary card met grote afbeelding

De summary card met grote afbeelding heeft dezelfde werking als de summary card, alleen heeft deze card een grotere afbeelding. Zodra de bezoeker op de afbeelding klikt zal die naar de website worden gestuurd. Op Twitter zal de afbeelding onder de tweet getoond worden.

Voorbeeld code:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@wielink">
<meta name="twitter:creator" content="@Wielinkweb">
<meta name="twitter:title" content="Type Twitter cards">
<meta name="twitter:description" content="Wielink websolutions - fullservice internetbureau">
<meta name="twitter:image" content="afbeeldings url">

App card

Met de app card kun je eenvoudig mobiele applicaties delen op Twitter. Het voordeel van een app card is dat de bezoeker direct de mobiele applicatie kan downloaden. De app card kan worden voorzien van de belangrijkste informatie over de mobiele applicatie zoals de naam, prijs, beoordeling en omschrijving.

Voorbeeld code:

<meta name="twitter:card" content="app">
<meta name="twitter:site" content="@TwitterDev">
<meta name="twitter:description" content="Cannonball is the fun way to create and share stories and poems on your phone. Start with a beautiful image from the gallery, then choose words to complete the story and share it with friends.">
<metaname="twitter:app:country" content="US">
<meta name="twitter:app:name:iphone" content="Cannonball">
<meta name="twitter:app:id:iphone" content="929750075">
<meta name="twitter:app:url:iphone" content="cannonball://poem/5149e249222f9e600a7540ef">
<metaname="twitter:app:name:ipad" content="Cannonball">
<metaname="twitter:app:id:ipad" content="929750075">
<metaname="twitter:app:url:ipad" content="cannonball://poem/5149e249222f9e600a7540ef">
<metaname="twitter:app:name:googleplay" content="Cannonball">
<meta name="twitter:app:id:googleplay" content="io.fabric.samples.cannonball">
<
meta name="twitter:app:url:googleplay" content="http://cannonball.fabric.io/poem/5149e249222f9e600a7540ef">

Player Card

Met de player card kun je video en audio uitlichten binnen je tweet. De videoplayer komt boven je tweet te staan waardoor bezoekers direct de video kunnen bekijken.