Actualizado el día 17 de mayo de 2023 por Santos Muñoz Tebar
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.
Tarjeta de resumen con imagen grande: es igual que la tarjeta anterior, pero con una imagen grande.
Tarjeta de aplicación: es una tarjeta que lleva a la descarga de una aplicación para móvil.
Player Card: es una tarjeta que permite añadir un vídeo o audio.
(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>.
