¿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:

Enseñar, construir comunidades de aprendizaje y gestionar conocimiento es lo que disfruto hacer. Ser profesor es mi proyecto de vida

Teaching, building learning communities and managing knowledge is what I enjoy doing. Being a teacher is my life projecthttps://t.co/dInTCD4VtG

— Juan Carlos Morales S. (@Escuela Digital) 8 de junio de 2018

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:

App 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.

Tu aporte nos permite crear contenidos. Tu apoyo desde Nequi

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

¿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.

—

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

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