Twitter Cards: Difference between revisions

From IndieWeb
m (β†’β€ŽExamples: downsizing a bit.)
Line 13: Line 13:


Also, compare this with the original note; it also uses a [[card]]: http://aaronparecki.com/notes/2014/02/07/1/blackmidi
Also, compare this with the original note; it also uses a [[card]]: http://aaronparecki.com/notes/2014/02/07/1/blackmidi


'''Example 2:''' https://twitter.com/kartik_prabhu/status/446879447702990848
'''Example 2:''' https://twitter.com/kartik_prabhu/status/446879447702990848


[[File:Twitter-Card-example2.jpg|550px]]
[[File:Twitter-Card-example2.jpg|550px]]


== See Also ==
== See Also ==

Revision as of 22:00, 16 April 2014


Twitter Cards are Twitter's use of OGP and their own proprietary <meta> tags to provide link-preview information as part of tweets with links.

The standard alternative to Twitter Cards is microformats, in particular, use:

  • h-entry for information about the page (page name, summary, content, permalink, date published etc.)
  • h-card for author information (or use rel-author to link to your home page or contact page with an h-card)

Examples

Example 1: https://twitter.com/aaronpk/status/431712331555287042

Also, compare this with the original note; it also uses a card: http://aaronparecki.com/notes/2014/02/07/1/blackmidi


Example 2: https://twitter.com/kartik_prabhu/status/446879447702990848

The original note does not use a card, currently: http://kartikprabhu.com/notes/lucky-ali-soulful

See Also