Cómo crear una Twitter Card

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.

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.

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/)

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:
Cómo crear una Twitter Card
5 (100%) 2 votos

Dejar un comentario