Cómo crear las Twitter Cards

Cómo crear las twitter cards

Hoy te voy a explicar qué es una twitter card, qué tipos distintos existen, para qué sirven y lo más importante, cómo crearlas.

¿Qué son las Twitter Cards?

 

Las twitter cards son un apoyo, una ayuda que sirve para enriquecer la publicación del tuit que hagamos a nuestra comunidad de followers.

Son un complemento funcional que aporta mayor visibilidad a nuestros mensajes en esta red social y por tanto hay más posibilidad de que los usuarios hagan click en el contenido.

En definitiva, estas “tarjetas de twitter” nos van a permitir ofrecer información multimedia a través de una vista previa de lo que a posteriori, es todo el contenido completo. Esta información previa incluye:

  • Título
  • Autor del contenido
  • Imagen
  • Resumen/ Descripción
  • Enlace

 Previsualización de las Twitter Cards

 

¿Qué tipo de Twitter-Cards hay?

 

Actualmente estas son las opciones que nos ofrece Twitter para complementar el contenido de nuestros tweets:

  • Sumario /Resumen
  • Sumario con foto grande
  • Foto
  • Producto
  • Vídeo
  • Galería
  • Aplicación

Tipos de Tarjeta en Twitter Cards

Esta imagen es una captura de pantalla desde el plugin que más adelante os explico.

 

Diferentes tipos de twitter cards

Mientras esta, es desde la página oficial.

 

Según en lo que queramos dar más relevancia, elegiremos un tipo de tarjeta u otro.

Evidentemente, si nuestro tweet está relacionado con un vídeo, el tipo de twitter card que mejor nos va, es el del reproductor de vídeo.

 

¿Por qué deberíamos configurar y utilizar la Twitter Card?

 

A continuación, te hago una lista de los motivos por los que deberías implementar este tipo de formato enriquecido.

  • Mejoras la experiencia visual del usuario en twiter
  • A su vez, implica mejorar el ratio de interacción social, bien haciendo click en la web, en la imagen, en el vídeo, etc.
  • La previsualización del contenido ayuda al lector a saber de qué trata el post que va a leer a continuación.
  • Según el formato /tipo de twitter card elegido, sirve para implementar una llamada a la acción concreta.

 

¿Cómo implementar las tarjetas de Twitter?

 

Pues hay 3 formas distintas de implementar las tarjetas de Twitter. Vamos a ver cómo se hace:

1. A través de la plataforma de desarrolladores de Twitter:

A través de la plataforma de desarrolladores de Twitter, vamos a generar un código html, el cual tenemos que insertar en nuestra página web. Relativamente, esta forma es un poco más compleja que la siguiente que voy a mostrar.

Código de ejemplo de una twitter card

Pasos a seguir:

Entra en https://dev.twitter.com/cards y loguéate con tu cuenta de Twitter.

Una vez logueado, tienes que elegir qué tipo de contenido multimedia quieres mostrar en el tweet. Para ello, selecciona la tarjeta que más te interese de entre todas las opciones.

Esta es la página a la que tienes que ir: https://dev.twitter.com/cards/types

Por ejemplo, si lo que quieres es mostrar en el tweet un resumen del contenido con imagen, tienes que seleccionar el código desde aquí:

Tarjeta de sumario con foto grande-Twitter Cards

Si no sabes muy bien insertar estos códigos, es mejor que hables con alguien para que te lo implemente, así evitarás posibles fallos.

 Para completar el código, se tienen que seguir estas instrucciones .

Etiquetado de las twitter cards

Una vez hecho esto y ya completado el código, hay que validar las tarjetas desde aquí: https://cards-dev.twitter.com/validator , introduciendo la URL de la página en la que has insertado las etiquetas.

2. A través de la plataforma de anunciantes de Twitter

 A través de la plataforma de anunciantes de Twitter, tenemos la opción de crear una twitter card con un botón de llamada a la acción. Esta forma sirve evidentemente, para lanzar una campaña de publicidad en twitter y generar una mayor información, así como incluir un “call to action” que permita generar más tráfico a una landing concreta o realizar una acción determinada.

Yo aún no he utilizado este sistema, pero habría que hacerlo desde aquí: Plataforma de anunciantes de Twitter

3. A través de un plugin para WordPress .org

Si tu página web o blog lo tienes con la plataforma wordpress .org, entonces tienes la opción de descargar e instalar gratuitamente un plugin que te va a facilitar mucho la implementación de las tarjetas.

Descargar Cómo crear las Twitter Cards

Concretamente el plugin es el de … (Descarga gratis el archivo de arriba por favor y conocerás el plugin )

 

Una vez instalado el plugin, vamos a esta página: https://cards-dev.twitter.com/validator y en “Card URL” ponemos un enlace de algún post de nuestro blog.

Validador de las twitter cards

Si lo acepta, pondra esto: is whitelisted for summary card (sale en color verde)

Si no, sale en color rojo. (Debería aceptarlo sin problemas)

Card Validator-Aprobación de la twitter card

Una vez hecho esto, debería llegarnos un email de confirmación para poder ver el resultado en twitter (puede tardar algunas semanas y en otros casos mucho menos).

Después, en cada nueva entrada que creemos en nuestro blog wordpress, tendremos la opción de insertar estas tarjetas, de elegir el tipo que queremos y que más se adecúa al contenido del post y de validarla. Así de fácil.

Pues estas son las 3 formas de crear las Twitter-Cards para mejorar la presentación de nuestros tweets en el timeline de esta red social.

Y tú, ¿conoces alguna otra forma de crearlas? ¿Las utilizas?