Logo Twitter

¿Qué son las Twitter Cards?

Una introducción crítica

Es impresionante la cantidad de opciones que ofrece Internet para la promoción de marcas (personales y organizacionales), ideas, servicios y productos. Las redes sociales, los sistemas de publicidad, las técnicas de posicionamiento orgánico (SEO) y la blogósfera son una pequeña muestra de ese abanico de opciones. Algunas de estas opciones son pagas; otras, gratuitas.

Estoy profundamente convencido que hoy -como nunca antes- tenemos la oportunidad de llevar nuestros contenidos hasta donde nunca lo hemos imaginado (como dicta una de las frases de e-Lexia.com). En términos sencillos, tenemos la posibilidad de ser famosos. Lo más espectacular es que estamos hablando de una fama que supera la farándula criolla.

Imagino que no me creen… Bueno. Igual, no voy detenerme a listar personajes en línea (reales y ficticios) que han superado en creces la popularidad de personajes de esta ciudad. Esto es tela para otra entrada. Lo que sí puedo adelantar es que el talento y la disciplina son fundamentales en ese proceso de construcción social.

Pero bueno. Concentrémonos en lo que nos convoca esta entrada: Twitter Cards.

Twitter Cards. Una breve definición

Espero que muchos sepan qué son. Estoy seguro que sí. ¿Por qué? Porque las Twitter Cards son una opción que ofrece la red del “pajarito azul” desde hace un par de años. Ahora, si no conoces este recurso, pues aquí esta entrada te caerá como “anillo al dedo”.

Definición:

Twitter Cards son instrucciones que declara un sitio Web para anexar información enriquecida a un tuit que lo está enlazando. Esta información puede ser: fotografía, video, descripción sobre el contenido, ubicación en Internet (enlace), autor, entre otros.

Así, cuando un tuit hace referencia a un sitio Web (una página Web, para ser más preciso), este mensaje presenta información extra que agrega elementos de valor para el usuario y –seguramente- lo persuade a realizar tráfico al recurso.

En la siguiente imagen comprenderemos mejor lo que intento explicar:

El tuit fue publicado desde la cuenta @Escuela Digital y hace referencia a una página de e-Lexia.com.

Le recomiendo analizar detenidamente la estructura del mensaje.

¿Qué información anexa la Twitter Card?

Continuando con el tuit de ejemplo, logramos identificar, luego de la fecha de publicación:

  • Imagen y nombre del perfil de la cuenta Twitter asociada al sitio Web
  • Imagen destacada
  • Título del contenido vinculado
  • Enlace y nombre del autor del artículo enlazado
  • Descripción del recurso que referencia el tuit
  • Enlace a la página web

Imagine poder anexar toda esta información con los mismos 280 caracteres. A mi me parece que es una grandiosa opción del “pajarito azul”.

¿Necesitas asesoría en comunicación digital?

Diseña y optimiza tus proyectos en comunicación digital, entregando una mejor experiencia a tus usuarios y potenciando el valor de tu marca.
Conversemos

¿Cuántas tarjetas de Twitter existen?

Según el sitio Web Twitter para desarrolladores existen cuatro tipos de tarjetas:

  • Summary card: permite anexar título, descripción, vista miniatura y una cuenta Twitter.
  • Summary card with large image: similar a la anterior, con la posibilidad de anexar una imagen mayor (es la tarjeta del ejemplo que anexé párrafos atrás)
  • App card: permite describir y vincular una aplicación móvil.
  • Player card: entrega contenido multimedia al tuit.

Otros blogs describen una lista más extensa, pero en obedecen a las mismas cuatro opciones que acabo de compartirte.

Miremos las diferentes tarjetas:

Summary Card:

Summary card with large image:

Twitter Card, Summary with large image

App card:

Twitter Card, App card

Player card:

Twitter Card, Player card

Nota: las imágenes las he obtenido desde el sitio Web Twitter para desarrolladores.

¿Cómo crear una Twitter Card?

El proceso es bastante sencillo, más aún cuando tienes conocimientos en HTML. Ahora, si no dominas este lenguaje de marcado pero cuentas con WordPress, es asunto es mucho más fácil aún.

Empecemos con HTML. Los pasos son:

  • Ingresar al sitio Twitter para desarrolladores: https://dev.twitter.com/cards/overview;
  • seleccionar el tipo de tarjeta que mejor se adapte al contenido;
  • copiar las líneas de código que anexan como ejemplo;
  • reemplazar los valores de los atributos por la información que deseas anexar en la tarjeta;
  • insertar el código en la página(s) web (este código se pega en la sección <HEAD>);
  • realizar la actualización de la(s) página(s); y, por último,
  • validar el nuevo marcado con la herramienta que dispone Twitter para ello: Cards Validator

Ten presente que las tarjetas para multimedia y aplicaciones tienen configuraciones diferentes. La documentación de Twitter ayudará a sacar el mejor provecho.

Para facilitar el proceso, comparto un video donde explico cómo crear un tarjeta Twitter de imagen destacada:

En el canal YouTube «Escuela Digital» puedes encontrar más videos sobre el tema.

¿Cómo conecto Twitter Card con WordPress?

Pues el proceso es sencillo. No hace falta tener conocimientos en HTML. Los pasos a seguir son:

  • Ingresa a WordPress.org;
  • en el directorio de plugins, busca “JM Twitter Cards”;
  • descarga el plugin y súbelo a tu blog;
  • activa la nueva adición desde el administrador del blog;
  • configura las opciones de “JM Twitter Cards”, para ello lee la documentación. Es sencillo.

Bien, espero que haya sido de interés y agrado esta entrada. Recuerda comentarla y compartirla con tus amigos y compañeros de trabajo.

¿Tienes una pregunta sobre el artículo? Cuéntanos en los comentarios. Además, si buscas información sobre un tema y no está disponible, anótalo a continuación para agregarlo a nuestra agenda de contenidos.

Tu aporte nos permite crear contenidos. Tu apoyo desde Nequi

Apoya la producción de la Escuela Digital desde PayPal.me

Con una taza de chocolate todo sabe mejor ¿Nos invitas a una?

¡Vamos por los 20.000 suscriptores en YouTube! Suscríbete

Por:
Juan Carlos Morales S.
Comunicador y educador
YouTube | LinkedIn | Instagram | Twitter

Licencia Creative Commons ¿Qué son las Twitter Cards? por juancadotcom se distribuye bajo una Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional. Basada en una obra en https://e-lexia.com/blog.

5 respuestas a «¿Qué son las Twitter Cards?»

  1. Hola, muchas gracias Sr Juan, estaremos atentos al artículo. Personalmente como Ingeniería de Sistemas, estudiante del Diplomado y funcionaria de una de las empresas mas grandes del país su blog ha sido de mucha ayuda y muy buenos conocimientos, estare muy pendiente! Saludes

  2. Buenas noches sr Juan!
    Soy una estudiante de un diplomado de Educación Virtual, el profe nos enseño su blog, queria felicitarlo por tan excelente trabajo y agradecerle por querer compartir sus conocimientos! Saludes

    1. Hola Luz

      Muchas gracias por el saludo y el agradable comentario. Me alegra que mi blog haga parte de discusiones académicas.

      ¿Puedes contarme a qué universidad pertenece el programa? Chévere conocer de dónde me leen.

      Saludos desde Medellín.

      Juan

      1. Hola, Universidad de Córdoba en convenio con el (CECG) Centro de Educación Continuada y Gerencial de la Universidad Autónoma del Caribe. Saludos desde Monteria!

        1. Hola Luz.

          ¡Qué buena noticia! Tengo pendiente un nuevo artículo sobre e-Learning para inicios de la próxima semana. Te adelanto que hablaré sobre el equipo e-Learning desde la dimensión pedagógica.

          Seguimos en contacto. Saludos al curso.

Responder a Luz Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Icono de soporte y atención. Dirige al formulario de contacto de e-Lexia.com Contacto
Logo de e-Lexia.com: Regresar al inicio del sitio web Inicio