Analiza la Salud de tu WordPress comercial@webempresa.com

Las Twitter Cards son unos códigos HTML que podemos incluir en nuestra web y que permitirán que cuando alquién envíe un tweet de nuestros artículos, web, productos, etc.. el tweet aparecerá con un contenido enriquecido en Twitter.

Por ejemplo, si añadimos Twitter Cards a los productos de nuestra tienda, cuando alguién envíe un Tweet del producto, este aparecerá en el timeline de Twitter con una imagen del producto, una descripción, un icono de nuestra web, etc.. depende de como lo hayas configurado.

Existen varios tipos de Twitter Cards, en la página de documentación de Twitter se puede encontrar más información:

  • Summary Card: Title, description, thumbnail, y una referencia a tu cuentade Twitter.
  • Summary Card with Large Image: Parecido a la tarjeta de resumen, pero con una imagen bien grande.
  • App Card: Tarjeta para detallar una aplicación móvil con un enlace de descarga de la app.
  • Player Card: Tarjeta para incluir video/audio/media.

Vamos a ver como añadir una tarjeta de resumen en nuestra web. Es muy sencillo. Solamente tienes que incluir este código HTML en la web:


<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@flickr" />
<meta name="twitter:title" content="Small Island Developing States Photo Submission" />
<meta name="twitter:description" content="View the album on Flickr." />
<meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg" />

Como podrás comprobar, las Twitter Card son muy similares a las etiquetas de OpenGraph, de hecho Twitter se basó en OpenGraph para crear sus TwitterCard.

0/5 (0 Reviews)