Atrae se­gui­do­res a tu página web con las Twitter Cards

Dada la gran cantidad de usuarios re­gi­s­tra­dos, Twitter es la pla­ta­fo­r­ma más atractiva a nivel mundial para quienes quieren que sus pu­bli­ca­cio­nes tengan un alto radio de in­flue­n­cia. Sin embargo, hasta la fecha, los mensajes están limitados a 140 ca­ra­c­te­res y no disponen de una imagen en vista previa. Para enlazar a co­n­te­ni­dos externos sin una Twitter Card se pueden usar los llamados Short URL (enlaces cortos), que ahorran espacio pero no permiten al lector hacerse una idea del contenido al que enlazan. Esto es pre­ci­sa­me­n­te lo que inspira a los ci­be­r­cri­mi­na­les a compartir enlaces cortos con material dañino. Por co­n­si­guie­n­te, la confianza que inspiran este tipo de enlaces es bastante baja, hasta el punto de ser ignorados por muchos usuarios.

El uso de Twitter Cards evita este problema, ya que estas tarjetas muestran el enlace en un modo de vista previa muy atractivo que resulta familiar por otras redes como Facebook. Con una imagen, un texto in­tro­du­c­to­rio y un enlace opcional a la página, al servicio o al producto, el usuario recibe a primera vista toda la in­fo­r­ma­ción que falta en un tuit normal, lo que co­n­tri­bu­ye a tener una pe­r­ce­p­ción más favorable del contenido de la página enlazada.

La popular pla­ta­fo­r­ma de mi­cro­blo­g­gi­ng ofrece en su página diversas formas de soporte técnico e in­fo­r­ma­ti­vo a aquellos in­te­re­sa­dos en integrar las tarjetas de vista previa conocidas como Twitter Cards. En la sección para de­sa­rro­lla­do­res de la página web oficial se tiene acceso a un vídeo in­tro­du­c­to­rio y a diversas guías que informan sobre el uso y la in­te­gra­ción de las Twitter Cards. Además, bajo "Card Types" se en­cue­n­tran los di­fe­re­n­tes tipos de tarjeta, resumidos a co­n­ti­nua­ción:

• Summary Cards: la Twitter Card más clásica está indicada para di­fe­re­n­tes tipos de contenido web como son entradas de blog, pu­bli­ca­cio­nes de noticias o productos. Está compuesta por una de­s­cri­p­ción, un título, un enlace y la imagen en vista previa.
• Summary Cards with Large Image: la única di­fe­re­n­cia respecto al primer tipo es que contiene una imagen más grande sobre el texto, lo que hace a este tipo de tarjeta perfecto si se quiere pro­mo­cio­nar un producto.
• Photo Cards: en estas tarjetas se puede aumentar el tamaño de la foto si se hace clic sobre ella. Son el tipo de tarjeta ideal para fo­tó­gra­fos y empresas que se pro­mo­cio­nan con fotos de ex­trao­r­di­na­ria calidad. Están co­m­pue­s­tas por los mismos elementos que las dos primeras.
• Gallery Cards: con estas tarjetas es posible presentar una galería de cuatro fotos como mínimo, invitando a acceder a una serie con fotos parecidas haciendo clic en el enlace. Está compuesta por una de­s­cri­p­ción, un título y el enlace.
• App Cards: este tipo de Twitter Card se usa para presentar una apli­ca­ción. En los di­s­po­si­ti­vos móviles se indica su in­s­ta­la­ción mediante un botón de descarga. Sus co­m­po­ne­n­tes son el título, una de­s­cri­p­ción, el icono y sus ca­ra­c­te­rí­s­ti­cas más de­s­ta­ca­bles (va­lo­ra­ción, precio, ID de la apli­ca­ción, etc.).
• Player Cards: este tipo de tarjetas permite re­pro­du­cir en Twitter archivos de audio como podcasts o vídeos desde pla­ta­fo­r­mas como YouTube. Incluye el título, la de­s­cri­p­ción, el re­pro­du­c­tor integrado y el enlace.
• Twitter Website Cards (de pago): si se es usuario de los Twitter Ads, mediante estas tarjetas es posible diseñar campañas dirigidas al público objetivo para aumentar el tráfico a la web, ya que po­si­bi­li­tan una mayor se­g­me­n­ta­ción. Además de los co­m­po­ne­n­tes comunes, estas incluyen un botón de llamada a la acción (Call to action), que puede ser "leer más" o "reserva ya", por ejemplo.

El primer paso antes de usar esta apli­ca­ción de Twitter es integrar el código del tipo de Twitter Card que se quiera usar en el Head del código HTML de la página. En la sección de soporte técnico de Twitter en­cue­n­tras una detallada guía al respecto. En el caso que se quiera integrar en un proyecto basado en un CMS como WordPress o Joomla, exiten in­co­n­ta­bles plugins que pueden ayudarte a instalar y a gestionar una Twitter Card. En el caso de WordPress son re­co­me­n­da­bles es­pe­cia­l­me­n­te JM Twitter Cards y Jetpack. Mientras que si se usa el primero el tipo de tarjeta que se quiere integrar se se­le­c­cio­na ma­nua­l­me­n­te, Jetpack busca au­to­má­ti­ca­me­n­te el tipo más apropiado a la entrada que se quiere compartir. Para Joomla existe la extensión Twitter Article Card, con un fu­n­cio­na­mie­n­to muy parecido al de Jetpack para WordPress. Drupal, por su parte, ofrece opciones in­te­gra­das en la co­n­fi­gu­ra­ción de los metatags, de forma que no es necesario instalar ningún plugin. Último paso: co­m­pro­ba­ción con Twitter Cards Validator Una vez integrado en la página el código pro­po­r­cio­na­do por Twitter y antes de usar las Twitter Cards, es co­n­ve­nie­n­te comprobar cómo se verán las tarjetas mediante el Twitter Cards Validator, al que se accede con el usuario y la co­n­tra­se­ña de la cuenta de Twitter. En el campo Card URL se in­tro­du­ci­rá la página web del proyecto en cuestión, sea un blog, una página o una tienda online, para el que se han co­n­fi­gu­ra­do las Twitter Cards. En la ventana de vista previa de la derecha se puede ver cómo se verán las pu­bli­ca­cio­nes futuras en Twitter con snippet incluido. Si todo está bien se recibe un correo de co­n­fi­r­ma­ción, aunque aún pueden pasar unos días antes de que se apliquen a los tuits que se publiquen.