logo-small
Funciones Precios
Noticias 0
Últimas noticias Ver todos

No disponible temporalmente. Por favor, visítanos en otro momento.

Ver todos
Webinars 0
Próximos webinars Ver todos
Próximos webinars

Lo sentimos, no se han podido encontrar próximos webinars.

Visualiza los webinars grabados
Blog 0
Posts recientes Ver todos

No disponible temporalmente. Por favor, visítanos en otro momento.

Ver todos
Carlos Miñana

Todo sobre las Twitter Cards ¡Aprovecha al máximo tus tuits!

Carlos Miñana
Todo sobre las Twitter Cards ¡Aprovecha al máximo tus tuits!

Las Twitter Cards son una opción básica y necesaria si queremos que nuestros Tweets generen un mayor alcance y una mayor repercusión.

Así mismo, son un gran elemento para aumentar, considerablemente, nuestra presencia en la red social de microblogging, ya que, ayudan a incrementar el tráfico a tu web o blog, mejoran la marca personal, recaban información de clientes o suscriptores e, inclusive, permiten la descarga de una aplicación móvil.

En el anterior post en este mismo blog, escribía sobre 10 herramientas imprescindibles para potenciar al máximo nuestra cuenta de Twitter, estas aplicaciones combinadas con una buena estrategia y con la implementación de las Twitter Cards pueden dar unos resultados realmente asombrosos.

Además, esta funcionalidad que posee la red social de los 140 caracteres es gratuita para todas las cuentas.

Pero, antes de nada, vamos a ver qué son las Twitter Cards.

¿Qué son las Twitter Cards? 

Las Twitter Cards son unos Tweets enriquecidos que destacan por su contenido, permitiendo añadir más información en su previsualización.

Algunos de los contenidos que dejan incorporar son una imagen, un título, resumen y al autor.

Con ello, consiguen que las publicaciones sean mucho más visuales y tengan una mayor interacción social con tus seguidores.

Para que nos quede más claro, este concepto os voy a mostrar un Tweet enriquecido.

Como veis en la imagen, aparece el mensaje de los 140 caracteres, pero debajo se muestra las características que hemos mencionado con anterioridad.

Ventajas de usar Twitter Cards

Como he dicho antes, la implementación de las Twitter Cards debe de ser de obligado cumplimiento para cualquier blog o web que quiera mejorar en el resultado de sus Tweets y, por ende, en su cuenta.

Las ventajas principales que ofrecen las Twitter Cards son:

Mayor visibilidad.

Con ellas, destacas sobre el resto en el timeline por la previsualización del contenido.

Aumentas la interacción social con tus seguidores.

Ya que, tus tweets son más llamativos.

Mejora de la marca personal o empresarial.

Aumento del tráfico hacia tu blog o web.

Incremento de seguidores.

Posibilidad de incrementar acciones de marketing específicas para tu estrategia.

Sección específica para analizar los resultados e interacciones de las Twitter Cards.

Esta opción se encuentra dentro de Twitter Analytics.

Tipos de Twitter Cards

Twitter pone a disposición de los usuarios varios formatos de Twitter Cards para escoger la que más se amolde a sus necesidades.

Vayamos a ver los 5 modelos que hay a nuestro alcance:

Summary Card with large image

Esta es la opción que más adeptos tiene en Twitter y que, según las estadísticas, mejor repercusión tiene.

En ella, se muestra una imagen grande del artículo, extracto de este, título, fecha y autor.

De todas las opciones es la más atractiva y la que yo utilizo por sus buenos resultados.

Summary card with large image

Player Card

Son perfectas para compartir contenido multimedia de vídeo y audio.

En la vista previa los usuarios pueden visualizar el vídeo o sonido con sólo hacer clic, con lo que al usuario le facilitas la posibilidad de oír o ver el contenido sin abandonar Twitter.

Player card

Summary Card

La tarjeta resumen está enfocada a casi cualquier tipo de contenido.

Se muestra una pequeña foto, la fecha, el autor, un título y un extracto de la información por debajo de los 140 caracteres.

Summary card

App Card

Si quieres promocionar una aplicación móvil o instar a que la instalen, esta tarjeta de Twitter te ayudará a hacerlo.

En ella se muestra el nombre, la descripción, el icono, atributos y el precio de la aplicación.

App card

Product Card

Son específicas para la muestras y promoción de productos.

En ellas se muestra una imagen del producto, una descripción permitiendo resaltar los detalles sobre tu producto.

Product card

Existen dos Twitter Cards más, pero Twitter anunció que iban a quedar obsoletas a partir del pasado 3 de Julio integrándose como Summary Cards with large image.

Después de ver los diferentes tipos de Twitter Cards y haber seleccionado la que mejor os convenga según vuestros objetivos, es hora de instalarlas.

Cómo crear Twitter Cards

Aunque no es muy difícil y es un procedimiento rápido, es algo que, por desconocimiento o por poca información, no suele resultar fácil.

En más de una ocasión me he topado con preguntas acerca de cómo implementar las Twitter Cards.

Para que veáis que realmente no es complicado, vamos a ver 3 maneras de insertar las Twitter Cards en nuestro blog o web para que podáis escoger la que más convenga a vuestras necesidades.

1.- Integración de las Twitter Cards Manualmente

Antes de entrar en detalles sobre cómo se deben introducir manualmente las Twitter Cards, no os recomiendo que lo hagáis si no tenéis, al menos, unos conocimientos básicos de programación.

Vayamos a ver los pasos que tenemos que seguir:

1.- Lo primero que debemos hacer es seleccionar la Twitter Card que queramos introducir.

Para ello, tan sólo tendrás que ir a la página de desarrolladores de Twitter. Puedes pinchar aquí para ir.

2.- Una vez seleccionada se mostrará, justo debajo de las características de la tarjeta de Twitter, el código o metatags (metaetiquetas) que debemos introducir en nuestro sitio, cambiando los datos por los nuestros.

Twitter cards código y metatags

3.- Una vez seleccionado el código, hay que pegarlo en el archivo header.php justo antes del cierre de la etiqueta <head>.

Asegúrate de reemplazar los datos que dan por defecto por los tuyos.

Podéis pegarlos por medios del propio archivo descargándolo a través del FTP o directamente desde el panel de control de vuestro Wordpress yendo a Apariencia > Editor.

4.- Ya sólo falta comprobar que tus Twitter Cards funcionen, para ello, deberás introducir la url en el Card Validation, de este modo, te informará que todo está correcto y una pre-visualización de la tarjeta.

Extra: para comprobar definitivamente que has introducido de manera adecuada, es interesante que envíes un tweet de prueba en la página web donde has implementado los datos.

2.- Por medio del plugin Yoast SEO

El plugin Yoast by SEO es uno de los mejores plugins para SEO y uno de los más populares hasta la fecha.

Más allá de sus funciones para optimizar nuestro contenido para un mejor SEO, ofrece otro tipo de funciones y una de ellas es la activación de las Twitter Cards.

Para activarlas esta función, tan sólo tendrás que realizar una serie de pasos muy sencillos:

1.- Ir a nuestro panel de control de Wordpress y seleccionar el plugin Yoast SEO.

2.- Una vez en el plugin, ir a la pestaña de Social.

3.- En social, tan solo habrá que seleccionar la casilla de Twitter y te ofrecerá la opción de activar las Twitter Cards.

4.- Ahora es momento para seleccionar el tipo de Tarjeta que quieres introducir.

Ya lo tenéis, ahora a medida que publiques cualquier post de tu site tendrás la opción activada.

Antes de nada, deberás haber añadido tu cuenta de Twitter en la pestaña de “Cuentas”.

Esta opción es muy sencilla para la activación de las Twitter Cards en vuestro sitio web o blog.

3.- A través del plugin JM Twitter Cards 

Este plugin está realizado de manera específica para la implementación de las Twitter Cards.

Para ello y una vez instalado tendrás que ir al plugin y rellenar los siguientes campos:

Tarjeta: selecciona la tarjeta que quieres introducir.

Sitio: cuenta de twitter.

Título: descripción del título.

Descripción: una línea de información.

Creador: cuenta del que escribe.

Imagen: seleccionar la url del contenido del sitio (www.xxxx.com/wp-content/uploads/....) 

Dominio: tu web o blog.

Una vez realizado estos pasos, tan sólo tendrás que validar y aplicar.

Al realizar estos pasos, te llegará un correo de confirmación y ya podrás disfrutar de todas las ventajas de las Twitter Cards.

Análisis de las Twitter Cards

Una de las mayores ventajas que vas a tener una vez activadas las Twitter Cards es la posibilidad de analizar cada una de ellas.

Para ir a la sección de estadísticas, tendrás que acceder a tu cuenta, ir a Analytics (pincha encima de tu imagen de arriba a la derecha y aparece un desplegable con la opción) y dentro de las estadísticas seleccionar Cards de Twitter.

Twitter cards Analytics

Una vez aquí los elementos que vemos son:

Muestra

Una gráfica, de los últimos 28 días, de los Tweets con urls tuyas, impresiones y clics a la url comparándolo con tus propios Tweets.

En este apartado puedes ver la conversión en clics de las impresiones de los Tweets.

Cambios cronológicos

Muestra como las Cards de Twitter afectan en el comportamiento de los Tweets.

Tipos de Cards

Las Cards de Twitter que mejor rendimiento tienen.

Enlaces

Descubre cuáles son los enlaces que más impresiones y clics obtienen en las urls.

Influenciadores

Una sección que resulta de lo más útil para saber quién es la cuenta que más tráfico, impresiones y clics te genera.

Tweets

Descubre los Tweets que mejor funcionaron y más clics obtuvieron.

Fuentes

Desde los lugares que twittearon tus usuarios más influyentes.

Es interesante hacer una lectura adecuada para extraer conclusiones y mejorar nuestra cuenta de twitter.

Conclusión

Como habéis comprobado la implementación de las Twitter Cards no es una tarea muy complicada.

Sin duda, es una opción que hará que tu cuenta de Twitter mejore y aumente de manera considerable las interacciones en tus publicaciones.

Espero que con estos apuntes te haya despejado las dudas, si tienes cualquier otra, coméntamela y estaré encantado de responder a todas tus preguntas. 

Foto (Twitter cards): Shutterstock

¿Utilizas las Twitter Cards? ¿Vas a empezar a utilizarlas? ¿Crees que ofrecen un plus adicional?

Carlos estudió Publicidad y RRPP. Actualmente ejerce como Consultor de Marketing Digital y Social Media a la vez que da ponencias internacionalmente. Le apasiona la buena comunicación, emprender y el deporte a partes iguales. Puedes seguir sus peripecias en Publicidad en la Nube

2000 es el número máximo de caracteres permitido
Juan Rodríguez Talavera
Hola Carlos, ¿qué tal? Te quería preguntar una cosa. Recientemente he visto unas twitter cards de 4 fotos que pinchando en cada una te lleva a la publicación de un tweet con hashtags. Vodafone lo está haciendo, ¿eso como sería? ¿con código? No logro encontrar cómo hacerlo. Gracias!
Christian Aguado - SEO en Barcelona
@carlosmiana -Carlos buena aportacion, es mas lo puse en marcha ayer mismo y todo funcionaba perfecto, mayor visibilidad aumento de interaccion, etc... pero hoy cual es mi sorpresa ya no aparecen mas TW CARDS desaparecieron todas, esto es normal? que ocurrio? te paso algun caso?

p.d: hago el test de validacion de TW CARD y me dice que esta Ok!!
Carlos Miñana
Christian Aguado - SEO en Barcelona
Hola Christian.

Disculpa la tardanza en contestar. No es normal esto que te sucede. Puedes explicar con más detalle los pasos que has seguido. Gracias.
Christian Aguado - SEO en Barcelona
Gracias a ti por sacar tiempo para responderme, aplique la opcion del plugin by YOAST y tras configurar la parte de redes sociales como comentabas aparecen, pero al publicar un tw normal desaparece y pierde la configuracion.
Carlos Miñana
Christian Aguado - SEO en Barcelona
¿Un tweet normal de tu blog o de tercero?. ¿En ese mismo tweet aparece la opción "ver resumen"?
Christian Aguado - SEO en Barcelona
por cierto si aparece la opcion "ver resumen"
Christian Aguado - SEO en Barcelona
lo estoy probando nuevamente, te comento los pasos que estoy haciendo:

0- Estado actual no se muestran las tw cards
1- ir al plugin seo by YOAST opcion "social" - ponemos nuevamente el usuario de tw en la seccion cuentas. Luego vamos a la seccion twitter y marcamos añade meta datos de tarjetas de twitter con la opcion sumario con imagen grande. - guardar cambios
2- teoricamente salia y luego desaparecia ahora ya ni eso... quizas me dejado algo?
Carlos Miñana
Christian Aguado - SEO en Barcelona
Si pinchas en "ver resumen" aparece la Twitter Card. Es posible que lo tengas configurado de esta manera.

Los pasos que sigues son correctos, debería de funcionar.
Christian Aguado - SEO en Barcelona
configurado de esa manera? y no puede cambiarse esa configuracion? y porque aparece y luego desaparece? no se puede hacer nada para dejar la opcion buena?
Carlos Miñana
Christian Aguado - SEO en Barcelona
¿Y si pruebas a hacerlo manualmente? Es posible que sea un fallo del plugin, desgraciadamente a veces pasa.

Aún así, dime tu web.
Christian Aguado - SEO en Barcelona
gracias carlos, mi web es www.pasionseo.com y es una pena que un plugin con tanto renombre como YOAST tenga un fallo asi
Carlos Miñana
Christian Aguado - SEO en Barcelona
Hola Christian. Las tienes activas, en tu código fuente de la página se puede ver. He hecho una prueba y funcionan.

Lo que sucede es que a veces se mostrará como "Ver resumen" o "ver contenido multimedia" es normal, a mí también me sucede.

Saludos.
Christian Aguado - SEO en Barcelona
mira la cuenta ahora!! ahora esta todo activo!!
Christian Aguado - SEO en Barcelona
Si ya vi el código pero siempre se ve como siempre, cuando lo conseguí aunque durante poco tiempo se veia genial, mirare si hay alguna manera de forzarlo.

Gracias por todo Carlos
Carlos Miñana
Christian Aguado - SEO en Barcelona
Visto, correcto!!! :-)
Vicente Espinoza
Vicente Espinoza
Gracias Carlos por la información sobre las Twitter Cards, lo que aun no logro entender bien es sobre el asunto de la validación, su puedes extenderte en ello te lo agradecería, éxitos.
Carlos Miñana
Vicente Espinoza
Hola Vicente.

Es muy sencillo, si has seguido cualquiera de los tres pasos anteriores, tendrás activada las Twitter Cards, para comprobarlo tan sólo tendrás que ir a url de Card Validation que menciono en al artículo y comprobar si tienes activadas.

Saludos.
Borja García Zapardiel
Borja García Zapardiel
Una duda, he activado en mi web la opción de las Twitter Cards a traves del plugin del Yoast. He validado la url. Mi duda es cómo lanzar un tweet con este formato. Saludos
Carlos Miñana
Borja García Zapardiel
Hola Borja.

En principio ya te debería ir. Haz una prueba y mira si te publica como una Card.

Saludos.
Ramgon
Buen post Carlos, imprescindibles sin duda. Un apunte más, si usamos WP SEO Yoast podemos configurar las Twitter Cards en él también.
Carlos Miñana
Ramgon
Gracias @RaMGoN:disqus. Correcto, en SEO Yoast se puede configurar las Twitter Cards.

Abrazos y gracias por comentar.
Have a Suggestion?