Cómo habilitar las tarjetas de sitio web de Twitter para obtener más tráfico social

Publicado: 2015-10-26

Casi todos los tweets con un enlace tienen el mismo aspecto.

"Título + enlace + a través de @handle + #hashtag".

¿Y ese enlace? Está completamente desoptimizado. Aburrido. Haces clic en el tweet y no pasa nada. Todo lo que el usuario sabe sobre el enlace es lo que la persona que comparte elige incluir. Eso no le da mucho control sobre cómo las personas descubren su sitio web.

No sé ustedes, pero yo soy un poco fanático del control. Y no me gusta como suena eso.

Quiero que los usuarios de Twitter sepan qué esperar cuando hacen clic en un enlace a mi sitio; estar emocionado de experimentarlo. ¿Y cómo pueden hacer eso cuando no saben nada?

Afortunadamente, Twitter necesita mantener contentos a los sitios web y las marcas. Así que crearon una respuesta a eso: tarjetas de Twitter.

Las tarjetas de Twitter son una manera fácil de agregar medios a los tweets. Los ejemplos incluyen fotos, videos y gifs compatibles y ampliados en su línea de tiempo.

Este es un ejemplo de una tarjeta de imagen:

Y para los propietarios de sitios web, existe la tarjeta de sitio web de Twitter. Extrae el contenido del enlace compartido e incluye su identificador de Twitter. Esto es lo que parece:

tipos de tarjetas

Hay dos tipos de tarjetas de Twitter que ayudarán a atraer más tráfico a su sitio web: la tarjeta de resumen y la tarjeta de resumen con una imagen grande.

  • Una tarjeta de resumen es lo que se muestra en el ejemplo anterior del New York Times. Incluye el título de la página, la descripción y la miniatura, e incluye su identificador de Twitter con un botón de seguimiento rápido.
  • Una tarjeta de resumen con una imagen grande es más visual. En lugar de mostrar varios datos sobre la página, extrae una miniatura grande de la página y nada más.

Cualquiera que decidas usar, tu contenido ocupará más espacio en la línea de tiempo.

Dos ventajas principales de las tarjetas web

  1. Te ayudará a ganar seguidores. Si elige la tarjeta de resumen regular, cualquier persona que comparta su contenido está promocionando su identificador. Tanto si lo incluyen en el texto de su tuit como si no.
  2. Obtendrá tasas de clics más altas. No es ningún secreto que a todos nos gustan los medios enriquecidos y el contenido atractivo. Los enlaces sencillos son viejos y aburridos. Darles a los usuarios "algo más" en el tweet puede ayudar a persuadirlos de su valor, hasta que clamen por ver su sitio.

Cómo habilitar las tarjetas de sitio web de Twitter en WordPress

Hay dos formas de habilitar las tarjetas de sitio web de Twitter: a través de un complemento o agregando el código usted mismo.

Uso del complemento SEO de WordPress

Bastantes complementos pueden obtener tarjetas de Twitter en su sitio, pero apuesto a que ya tiene uno en particular: WordPress SEO.

Aquí se explica cómo configurarlo:

  1. En su tablero de WordPress, navegue a la sección Social de la configuración de SEO de WordPress.
  2. En Cuentas, ingrese su identificador de Twitter (no incluya la '@') en el campo correspondiente.

twitter-cards-handle

  1. Dirígete a la pestaña de Twitter.

twitter-cards-resumen

  1. Marque la casilla para habilitar los metadatos de la tarjeta de Twitter.
  2. Seleccione el tipo de tarjeta a utilizar: la tarjeta de sitio web normal o la tarjeta de imagen grande.
  3. Guardar cambios.

¿No es eso fácil? Hombre, ese complemento es genial por muchas razones.

Uso de Jetpack

Publicize by Jetpack tendrá tarjetas de sitios web de Twitter (sin una imagen grande) habilitadas de manera predeterminada. Solo necesita aplicar a través del validador de Twitter. Para los usuarios de Jetpack, realmente no hay forma de que sea más fácil.

Sin embargo, si aún no usa WordPress SEO o Jetpack, definitivamente no desea instalarlos solo para esta característica (una gran exageración). Entonces, también hay complementos solo para tarjetas de Twitter.

Uso de las tarjetas de Twitter de JM

JM Twitter Cards es un complemento independiente que le brinda un control avanzado sobre sus tarjetas de página. Tiene más opciones para elegir además de las dos tarjetas de sitios web, y puede personalizar la información para cada publicación o página directamente desde el editor.

Una vez que haya descargado el complemento, querrá habilitar la configuración de todo el sitio para establecer valores predeterminados para cuando no haya personalizado la información.

Para ponerse en marcha:

  1. Complete sus identificadores de Twitter (puede incluir identificadores separados para la publicación y el autor de la publicación) y el tipo de tarjeta en la configuración general.

twitter-cards-jm

  1. En la pestaña Imágenes, seleccione una imagen alternativa para que la use el complemento si no puede encontrar otra en la página.

twitter-cards-imagen

  1. Eso es todo lo que realmente necesita, pero puede sumergirse en las configuraciones más avanzadas si se siente elegante.

Agregar HTML usted mismo

Alternativamente, puede agregar las etiquetas meta a su sitio usted mismo. Este es un ejemplo de lo que agregaría al <head>:

&amp;amp;lt;meta name=&amp;amp;quot;twitter:card&amp;amp;quot; content=&amp;amp;quot;summary_large_image&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:site&amp;amp;quot; content=&amp;amp;quot;@nytimes&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:creator&amp;amp;quot; content=&amp;amp;quot;@SarahMaslinNir&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:title&amp;amp;quot; content=&amp;amp;quot;Parade of Fans for Houston’s Funeral&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:description&amp;amp;quot; content=&amp;amp;quot;NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:image&amp;amp;quot; content=&amp;amp;quot;http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg&amp;amp;quot;&amp;amp;gt;

Eso sería para una tarjeta de sitio web con una imagen grande. Puede encontrar más información sobre cómo personalizar las metaetiquetas aquí para tarjetas de imágenes grandes y aquí para tarjetas de sitios web.

Para la mayoría de los métodos, ya no es necesario aplicar usando el validador. Pero si desea usarlo para obtener vistas previas y valores de verificación doble, puede hacerlo aquí.

Haz que Twitter trabaje para ti

Cambios como estos tardan cinco minutos en implementarse. Por los siglos de los siglos. ¿Y a cambio? Su sitio está mucho más optimizado para las redes sociales. Y cuando otras personas pueden dirigir el tráfico a su sitio tan bien como usted, su enfoque puede moverse a otra parte.

No te detengas ahí; inserte tarjetas de Twitter en su blog. ¡Te hará estallar contenido! Aprende cómo aquí.