Cómo crear una Twitter Card

Tiempo de lectura: 3 mins

Una buena manera de destacar cierta información sobre tu perfil de Twitter es creando una tarjeta de Twitter, o Twitter Card. A continuación, vamos a ver en qué consiste esta tarjeta y cómo podemos realizar una.

  1. Qué es una Twitter Card.

A simple vista nos podría parecer que es igual que anclar uno de tus tweets a la parte inicial de tu perfil de Twitter, pero la verdad es que nos permite mostrar cosas que no podemos mostrar con un tweet normal, crear una llamada a la acción o adjuntar fotos, vídeos y experiencias multimedia.

Esta tarjeta nos ayudará a conseguir mayor visibilidad en Twitter, mejorará nuestra imagen de marca y aumentará nuestro tráfico al enlace que aparezca en ella.

  1. Tipos de tarjetas.

Existen diferentes tipos de tarjeta según el contenido que queremos que aparezca en ellas:

  • Tarjeta de resumen: se componen únicamente de un título, una descripción y una miniatura.Twitter card
  • Tarjeta de resumen con imagen grande: es igual que la tarjeta anterior, pero con una imagen grande.Twitter card
  • Tarjeta de aplicación: es una tarjeta que lleva a la descarga de una aplicación para móvil.Twitter card
  • Player Card: es una tarjeta que permite añadir un vídeo o audio.Twitter card

(Imágenes de ejemplo obtenidas de https://dev.twitter.com/cards/)

  1. Cómo podemos crear una Twitter Cards.

Para realizar la Twitter Card debemos acceder a la página web https://dev.twitter.com/cards/ y autentificarnos con nuestra cuenta de Twitter.

El siguiente paso que debemos realizar es seleccionar el tipo de tarjeta que vamos a crear, según la información que hayamos decidido poner en la tarjeta.

Una vez seleccionado, nos aparecerá un código de ejemplo (Sample Code) que deberemos editar con nuestra información. Sólo se debe cambiar el texto que aparece entre comillas tras la palabra content, puesto que lo demás es el código que se debe de ejecutar para crear la tarjeta.

Propiedad de la tarjeta

Significado

twitter:card

Aparecerá el tipo de tarjeta que hemos seleccionado.

twitter:site

Debemos poner el nombre de usuario de nuestra empresa.

twitter:creator

Podemos poner nuestro nombre de usuario.

twitter:title

Escribiremos el título que queramos que aparezca en la tarjeta.

twitter:description

Podremos escribir una descripción sobre lo que hayamos decidido mostrar en nuestra tarjeta.

twitter:image

Deberemos copiar la URL de la imagen que queremos que aparezca en nuestra tarjeta.

twitter:image:alt

Añadiremos una descripción de la imagen para los usuarios con discapacidad visual.

twitter:player

Deberemos copiar la URL del vídeo o audio que queremos que aparezca en nuestra tarjeta.

twitter:player:width/height

Seleccionaremos el tamaño del reproductor, en pixels.

twitter:app:id:iphone/ipad/googleplay

Introduciremos el ID de nuestra app en las diferentes tiendas de aplicaciones.

twitter:app:name:iphone/ipad/googleplay

Introduciremos el nombre de nuestra app.

twitter:app:url:iphone/ipad/googleplay

Introduciremos la URL de nuestra app.

twitter:app:country

Si no está disponible nuestra app en la US App Store, especificaremos el país para el que está disponible (con el código de dos letras de la App Store).

 

Una vez publicado, debemos comprobar que funciona introduciendo la URL en la dirección https://cards-dev.twitter.com/validator.

Te debería aparecer una pre-visualización de la tarjeta que has realizado, si todo está correcto.Cuando hayamos finalizado y tengamos el código final de nuestra Twitter Card, el siguiente paso que debemos realizar es publicarla en nuestra página web o blog. Para ello vamos a copiar el código en el archivo header.php, justo antes del cierre de la etiqueta <head>.

Votar este post: 
Promedio: 5 (4 votos)
Votos Totales: 0