Igor Kulman

Ako zapnúť Twitter Cards pre váš web

· Igor Kulman

Ak používate Twitter, tak ste si možno všimli, že odkazy na niektoré weby a články, ako napríklad The New York Times sa v Timeline zobrazujú trochu inak ako klasické odkazy. Pri odkazoch na tieto weby Twitter zobrazuje aj niečo na štýl súhrn daného článku, často aj s obrázkom a menom autora.

Táto funkcionalita sa nazýva Twitter Cards a môžete ju jednoducho zapnúť aj pre svoj web. Stačí si len vybrať jeden z ôsmych typov, napríklad Summary Card a do hlavičky vašich stránok generovať príslušné meta atribúty. Pre Summary Card je to

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@nytimes">
<meta name="twitter:creator" content="@SarahMaslinNir">
<meta name="twitter:title" content="Parade of Fans for Houston’s Funeral">
<meta name="twitter:description" content="NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.">
<meta name="twitter:image" content="http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-article.jpg">

Samozrejme, twitter:title, twitter:description a twitter:image (nepovinný) je potrebné vždy nahradiť správnym obsahom.

Ak používate WordPress, môžete si zapnutie Twitter Cards uľahčiť pluginom Twitter Cards.

Na záver je potrebné všetko zvalidovať a požiadať Twitter o schválenie. V mojom prípade trvalo schválenie len niekoľko minút.