Una guía completa de Twitter Cards

Publicado: 2016-01-20

Las tarjetas de Twitter son un protocolo que le permite adjuntar fotos, videos y otros medios interactivos enriquecidos a los tweets para atraer tráfico a su sitio web. Twitter ofrece una gran cantidad de tarjetas diferentes. Además, Twitter Cards se puede integrar con unas pocas líneas de HTML en su página web. Los usuarios que se vinculen a su contenido con un Tweet obtendrán una Tarjeta agregada al Tweet visible para todos sus seguidores.

Las tarjetas de Twitter son un gran socio para su estrategia de SEO, ya que ayudan a aumentar el compromiso, aumentar la tasa de clics y las conversiones. Las Twitter Cards pueden mejorar el alcance de su contenido en las redes sociales y desarrollar su marca y SEO local.

Entendiendo los diferentes tipos de Twitter Cards

Hay 5 tipos de Twitter Cards:

  • Tarjeta de resumen
  • Tarjeta resumen con imagen grande
  • Tarjeta de jugador
  • Tarjeta de aplicación
  • Tarjeta de generación de prospectos

Tarjeta de resumen

La tarjeta de resumen se puede utilizar para publicaciones de blog, noticias, páginas de productos o cualquier otra noticia comercial. Esas tarjetas tienen como objetivo ofrecer una vista previa del contenido al mostrar su título, descripción y una imagen en miniatura.
Requisitos:

  • Título: 70 caracteres
  • Descripción: 200 caracteres
  • Imagen: al menos 120×120 píxeles y no más de 1 MB

Para agregarlo a su sitio web, debe pegar este código en el HTML de su página web:

<meta nombre=”twitter:tarjeta” contenido=”resumen” />
<meta name=”twitter:site” content=”@yoursite” />
<meta name=”twitter:title” content=”Tu Título” />
<meta name=”twitter:description” content=”Tu descripción.” />
<meta name=”twitter:image” content=”https://where-your-image-is-hosted/name.jpg” />

Tarjeta resumen con imagen grande

Estas Tarjetas funcionan casi igual que la anterior excepto por el tamaño de la imagen. Permite presentar una imagen más convincente en el ancho completo para atraer mejor a los espectadores en su sitio web.
Requisitos:

  • Título: 70 caracteres
  • Descripción: 200 caracteres
  • Imagen: al menos 280 x 150 píxeles y no más de 1 MB

Añade este código HTML para configurar este tipo de Twitter Cards:

<meta name=”twitter:card” content=”summary_large_image”>
<meta name=”twitter:site” content=”@yourwebsite”>
<meta name=”twitter:creator” content=”@yourtwitterhandle”>
<meta name=”twitter:title” content=”tu título”>
<meta name=”twitter:description” content=”tu descripción.”>
<meta name=”twitter:image” content=” https://where-your-image-is-hosted/name.jpg “>

Tarjeta de aplicación

Las tarjetas de aplicaciones se pueden usar para promocionar aplicaciones móviles en Twitter y aumentar las instalaciones. Esta Tarjeta destaca un nombre, una descripción, un ícono, una calificación y un precio. Twitter puede usar las identificaciones de su aplicación para extraer algunas de estas informaciones.
Requisitos:

  • Título: ordenado por el ID de la aplicación
  • Descripción: 200 caracteres
  • Imagen: logotipo de la aplicación ordenado por el ID de la aplicación; la imagen debe tener al menos 800 x 320 píxeles y puede tener formato JPG, JPEG, PNG o GIF. Se prefieren imágenes de menos de 1 MB

Si su aplicación no está disponible en la tienda de aplicaciones, Twitter no podrá tomar esa información. Si su aplicación no se encuentra en la tienda de EE. UU., indique en la metaetiqueta twitter:app:country de dónde proviene. Además, si su enlace apunta directamente a App Store o Google Play, Twitter creará automáticamente una App Card.

Aquí está el código que debe ingresar:

<meta nombre=”twitter:tarjeta” contenido=”aplicación”>
<meta name=”twitter:site” content=”@yourwebsite”>
<meta name=”twitter:description” content=”tu descripción”>
<meta name=”twitter:app:country” content=”tu país como nosotros”>
<meta name=”twitter:app:name:iphone” content=”nombre de la aplicación de tu iPhone”>
<meta name="twitter:app:id:iphone" content="tu ID de la aplicación de iPhone">
<meta name=”twitter:app:url:iphone” content=”la URL de tu aplicación para iPhone”>
<meta name=”twitter:app:name:ipad” content=”nombre de la aplicación de tu ipad”>
<meta name=”twitter:app:id:ipad” content=”tu ID de aplicación de ipad”>
<meta name=”twitter:app:url:ipad” content=”la URL de la aplicación de tu ipad”>
<meta name=”twitter:app:name:googleplay” content=”el nombre de tu aplicación de Googleplay”>
<meta name=”twitter:app:id:googleplay” content=”tu ID de Google Play Add”

Tarjeta de jugador

Las Player Cards se crearon para promover la transmisión de medios como un reproductor de video o audio dentro de su tweet. Esto es perfecto para promocionar Vines o podcasts, por ejemplo.
Requisitos:

  • Descripción: 200 caracteres
  • Imagen: se muestra en lugar del reproductor en plataformas que no admiten iframes o reproductores en línea. Las mismas dimensiones que su
  • jugador; no más de 1 MB
  • Vídeo: H.264, perfil básico, nivel 3.0, hasta 640 x 480 píxeles a 30 fps.
  • Audio: AAC, perfil de baja complejidad

Tarjeta de generación de prospectos

Las tarjetas de generación de prospectos son excelentes para conectarse con clientes potenciales. Por lo tanto, puede recopilar información sobre las perspectivas. Las personas pueden expresar interés sobre su negocio sin tener que completar un formulario o salir de su cuenta de Twitter. Por lo general, su nombre, identificador de Twitter y dirección de correo electrónico ya están ingresados ​​para que no necesiten completarlos.
Requisitos:

  • Título: 50 caracteres
  • Llamada a la acción: 20 caracteres
  • Mensaje posterior al envío (opcional): 100 caracteres
  • Imagen: al menos 800 x 200 píxeles con una relación de aspecto de 4:1 y no más de 3 MB

Para configurar correctamente su tarjeta de generación de prospectos, debe iniciar sesión en su cuenta de anuncios de Twitter (incluso si la tarjeta es gratuita):

  • Inicie sesión en Twitter
  • Haga clic en el icono Configuración y seleccione Anuncios de Twitter en el menú desplegable.
  • Haga clic en la pestaña Creatividades en el menú de navegación superior y seleccione Tarjetas
  • Haga clic en Crear sus primeras tarjetas de generación de prospectos
  • Una vez que esté configurado, haga clic en la pestaña Tweets y luego haga clic en el botón azul Redactar Tweet en la esquina superior derecha
  • Redacta tu Tweet y haz clic en Adjuntar una tarjeta a este Tweet cuando estés listo.
  • Seleccione la Tarjeta que desea adjuntar y luego envíe su Tweet

¿Cómo integrar esas Twitter Cards en un CMS?

Si su sitio web funciona con WordPress, es posible que desee integrar esas tarjetas de Twitter en su sistema para ahorrar tiempo. Si nos centramos en WordPress, existen tres plugins que puedes instalar:

  • mochila propulsora
  • Tarjetas de Twitter de JM
  • SEO por Yoast

Twitter ofrece una buena guía para configurar tu CMS con Twitter Cards, por lo que definitivamente deberías echarle un vistazo.

Una vez que esté bien configurado, debe verificar si funciona bien en Twitter. Conéctate a Twitter Card Validator y verás si todo parece como debe ser. Tomamos el ejemplo de nuestro último artículo:

¿Cómo comprobar el rendimiento de tus Twitter Cards?

Para ir más allá, es posible que desee echar un vistazo al comportamiento de sus tarjetas de Twitter. Recientemente hemos desarrollado una nueva función que le permite comprobar fácilmente el rendimiento de sus tarjetas de Twitter (y Open Graphs, por cierto). Puede analizar la distribución y las propiedades de sus Twitter Cards, obtener información y acceder a los detalles de la URL. Este es un gran socio para su estrategia de SEO, ya que mejora su alcance para compartir en redes sociales, la tasa de clics y las conversiones.

Comienza tu prueba gratuita