¿Qué es un validador de tarjetas de Twitter y cómo usarlo?

Entonces, ¿qué es un validador de tarjetas de Twitter?

Para saber eso, primero deberá comprender qué es una tarjeta de Twitter.

No te sientas mal. No eres el único que no conoce las tarjetas de Twitter.

Mira, Twitter es una plataforma excepcional para hacer realidad tus sueños de marketing de contenidos.

Según las estadísticas de las redes sociales, Twitter tiene más de 350 millones de usuarios activos. Eso es un gran grupo de tráfico de calidad que espera convertirse a través de sus esfuerzos de contenido.

Entonces, ¿cómo desencadenas los CTR? ¿Cómo hace que los tweets sean lo suficientemente atractivos para atraer audiencias a su sitio web, blogs y páginas de destino?

Creando tweets informativos, atractivos y bien estructurados. Ahora, ¿cómo harías todo eso en el límite de 280 caracteres?

Ahí es donde las tarjetas de Twitter entran en escena. Las tarjetas de Twitter le permiten transmitir información llamativa a sus seguidores sin romper el límite de caracteres.

En este blog, discutiremos todo sobre las tarjetas de Twitter, el validador de tarjetas de Twitter y cómo puede usarlos para expandir los clientes potenciales entrantes a través del marketing de Twitter.

¡vamos a rasgar!

¿Qué es una tarjeta de Twitter?

Las tarjetas de Twitter están diseñadas para dar a sus tweets de enlace un aspecto más atractivo y estructurado para que la interacción con su audiencia sea más atractiva. Su experiencia inmersiva aumenta las posibilidades de mover más tráfico a la página compartida.

Todo lo que tiene que hacer es agregar algunas líneas de código a su página web, y luego, cada vez que alguien comparta el enlace de su contenido, se mostrará como una tarjeta de Twitter para todos sus seguidores.

Aquí, el sistema de Twitter reconoce la URL en un tuit y rastrea el sitio para obtener el tipo de tarjeta y el contenido para estructurar el tuit.

Es posible que no hayas oído hablar de las tarjetas de Twitter antes, pero es algo con lo que te encuentras todos los días en tus feeds de Twitter.

Mira el ejemplo de la tarjeta de Twitter a continuación. Aquí, el enlace al video de YouTube fue reemplazado por esta hermosa tarjeta de jugador.

Las tarjetas de Twitter no son nuevas. Mucha gente los usó antes para ir más allá del límite restrictivo de 140 caracteres y compartir más información. Ahora, el límite de caracteres ha cambiado, pero las tarjetas todavía están en uso.

Conozcamos más sobre las tarjetas de Twitter.

Tipos de tarjetas de Twitter

Twitter experimentó con diferentes opciones de tarjetas y tenía una tarjeta de generación de prospectos antes, pero la descontinuó más tarde. Actualmente, tienes la opción de crear 4 tipos de tarjetas de Twitter.

Cada tarjeta tiene una experiencia visual diferente según el tipo de medio que admitan. Debe elegir qué tipo de tarjeta desea implementar.

Nota: Solo puede tener una Tarjeta por página.

1. Tarjeta de resumen de Twitter

Como sugiere el nombre, la tarjeta de resumen brinda un resumen adecuado de la página web que comparte, que incluye una miniatura, un título, una descripción y la URL de la página.

Las tarjetas de resumen son una excelente manera de mostrar muchos tipos de contenido web, como publicaciones de blog, artículos de noticias, productos de comercio electrónico y reseñas de restaurantes.

La breve descripción en la tarjeta en sí funciona como un gran llamado a la acción para que su usuario haga clic en el tweet y vaya a su contenido.

¿Cómo agregar la tarjeta de resumen de Twitter a su sitio?

Para agregar la tarjeta de resumen, debe pegar los códigos escritos a continuación en el encabezado de su sitio web con las atribuciones adecuadas.

• Primero, define el tipo de tarjeta.

<meta name="twitter:card" content="summary" />

• Luego proporcione el @nombre de usuario de la cuenta a la que debe atribuirse la tarjeta.

<meta name="twitter:site" content="@username" />

• A continuación, escriba un título nítido para la página de contenido. El título en las aplicaciones de Android e iOS se truncará en dos líneas y en una línea en la visualización web. Por lo tanto, manténgalo por debajo de los 70 caracteres.

 <meta name="twitter:title" content="Title of your webpage" />

Una descripción de 200 caracteres para resumir correctamente la página de contenido. Recuerda no usar el título como descripción. Eso sería un desperdicio.

 <meta name="twitter:description" content="Description" />

• Ahora da la URL de la imagen para que aparezca en la tarjeta de Twitter.

 <meta name="twitter:image" content="image URL" />

Para obtener los mejores resultados, utilice las siguientes dimensiones y límites de caracteres:

Título : 70 caracteres

Descripción : 200 caracteres

Dimensión de imagen admitida : Relación de aspecto 1:1, dimensión mínima 144X144 píxeles y máxima 4096×4096 píxeles.

Tamaño de la imagen : Menos de 5 MB

2. Tarjeta de resumen de Twitter con imagen grande

Piensa en una tarjeta de resumen pero con una imagen grande.

La tarjeta de resumen con una imagen grande tiene la misma funcionalidad que la tarjeta de resumen típica pero con la excepción de que puede agregar una imagen grande.

Las marcas lo utilizan para enfatizar los elementos visuales de la página web. Una gran imagen estructurada puede ser un excelente freno de desplazamiento en medio de una cronología de Twitter abarrotada.

¿Cómo agregar una tarjeta de resumen de Twitter con una imagen grande a su sitio?

A continuación se encuentran las etiquetas meta que debe agregar a su sitio para implementar tarjetas de resumen con una imagen grande en sus tweets.

 <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=”your title”> <meta name=”twitter:description” content=”your description.”> <meta name=”twitter:image” content=”image URL">
<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=”your title”> <meta name=”twitter:description” content=”your description.”> <meta name=”twitter:image” content=”image URL">

Dimensiones de la ficha resumen con imagen grande:

Título : 70 caracteres

Descripción : 200 caracteres

Dimensión de imagen admitida : Relación de aspecto de 2:1 con dimensiones mínimas de 300 × 157 o máximas de 4096 × 4096 píxeles.

Tamaño de la imagen : Menos de 5 MB

3. Tarjeta de aplicación de Twitter

Además de promocionar el contenido del sitio web, Twitter también es un lugar destacado para promocionar su aplicación y generar instalaciones. Después de todo, el 80% de los usuarios de Twitter acceden a la plataforma desde un dispositivo móvil.

Con la función de tarjeta de aplicación, promocionar su aplicación se vuelve más interesante. La tarjeta de aplicación es una excelente manera de promocionar su aplicación en Twitter para obtener más descargas .

Muestra el nombre, el ícono, la descripción e incluso información como el precio y la calificación de su aplicación.

Como nota al margen, asegúrese de que su aplicación esté disponible públicamente en las tiendas de aplicaciones ; de lo contrario, Twitter no podrá extraer los datos necesarios para crear una tarjeta de aplicación.

¿Cómo agregar una tarjeta de aplicación a su sitio?

• Para agregar una tarjeta de aplicación, pegue los siguientes códigos en el HTML de su página web:

 <meta name=”twitter:card” content=”app”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:description” content=”your description”>
<meta name=”twitter:card” content=”app”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:description” content=”your description”>

• De forma predeterminada, Twitter extrae los datos de las tiendas de EE. UU., por lo que si su aplicación está disponible en un país diferente, defina el nombre del país con la etiqueta a continuación.

 <meta name=”twitter:app:country” content=”your country like US”>

• A continuación, define el nombre, la identificación de la aplicación y la URL de su aplicación en la tienda de aplicaciones.

 <meta name=”twitter:app:name:iphone” content=”your iphone app name”> <meta name=”twitter:app:id:iphone” content=”your iphone app ID”> <meta name=”twitter:app:url:iphone” content=”your iphone app URL”>
<meta name=”twitter:app:name:iphone” content=”your iphone app name”> <meta name=”twitter:app:id:iphone” content=”your iphone app ID”> <meta name=”twitter:app:url:iphone” content=”your iphone app URL”>

• Etiquetas para una aplicación optimizada para iPad. Si su aplicación no está optimizada para iPad, complete las etiquetas de la misma manera que lo hizo para iPhone.
  

 <meta name=”twitter:app:name:ipad” content=”your ipad app name”> <meta name=”twitter:app:id:ipad” content=”your ipad app ID”> <meta name=”twitter:app:url:ipad” content=”your ipad app URL”>
<meta name=”twitter:app:name:ipad” content=”your ipad app name”> <meta name=”twitter:app:id:ipad” content=”your ipad app ID”> <meta name=”twitter:app:url:ipad” content=”your ipad app URL”>

• Defina los mismos parámetros para su aplicación presente en Google Play.

 <meta name=”twitter:app:name:googleplay” content=”your googleplay app name”> <meta name=”twitter:app:id:googleplay” content=”your googleplay app ID”> <meta name="twitter:app:url:googleplay" content="your Google Play app URL ">
<meta name=”twitter:app:name:googleplay” content=”your googleplay app name”> <meta name=”twitter:app:id:googleplay” content=”your googleplay app ID”> <meta name="twitter:app:url:googleplay" content="your Google Play app URL ">

Dimensión a tener en cuenta para la tarjeta App:

Título : Obtenido de su ID de aplicación

Descripción : 200 caracteres

Imagen : la imagen cargada en la tienda iTunes/Google Play debe tener un tamaño inferior a 1 MB

4. Tarjeta de jugador de Twitter

El video ha sido el rey del marketing de contenidos, y con la aparición de plataformas de audio como los espacios de Twitter, el audio también ha comenzado a tomar el asiento delantero en el marketing de Twitter.

Afortunadamente, la tarjeta del jugador es compatible con ambos tipos de medios y brinda una experiencia más rica a los usuarios de Twitter.

¿Qué hacen?

Las tarjetas de reproductor extraen automáticamente el video o el audio presente en el enlace y lo reproducen allí mismo en la línea de tiempo o en el feed , para que los usuarios no tengan que salir de la aplicación solo para interactuar con el multimedia.

La tarjeta es una excelente manera de promocionar videos de nuevos productos, fragmentos de podcasts, detrás de escena y eventos de marca.

¿Cómo agregar una tarjeta de jugador a su sitio?

A continuación se muestran los códigos de muestra que debe pegar en el HTML de su página web:

 <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@username" /> <meta name="twitter:title" content="Title of your video" /> <meta name="twitter:description" content="Description." /> <meta name="twitter:image" content="Image URL" /> <meta name="twitter:player" content="https://yoursite.com/container.html" /> <meta name="twitter:player:width" content="Width" /> <meta name="twitter:player:height" content="Height" />
 <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@username" /> <meta name="twitter:title" content="Title of your video" /> <meta name="twitter:description" content="Description." /> <meta name="twitter:image" content="Image URL" /> <meta name="twitter:player" content="https://yoursite.com/container.html" /> <meta name="twitter:player:width" content="Width" /> <meta name="twitter:player:height" content="Height" />

Para obtener una comprensión más profunda e instrucciones sobre cómo probar la experiencia de la tarjeta de jugador en las distintas plataformas, visite aquí.

¿Cómo usar un validador de tarjetas de Twitter?

Una vez que haya terminado de seleccionar su tarjeta y hacer que las etiquetas estén activas en su sitio web, el siguiente paso es verificar si todo funciona correctamente o no.

¿Cómo haces eso? Con la ayuda del validador de tarjetas de Twitter en solo dos simples pasos:

Paso 1 : Vaya a la página web del validador de tarjetas de Twitter.

Paso 2 : pegue la URL de la página con las metaetiquetas. Haga clic en el botón "Vista previa de la tarjeta".

Si todo funciona bien, la vista previa de la tarjeta le mostrará cómo aparecerá su tarjeta en las fuentes de Twitter. Además, verá la información sobre la cantidad de metaetiquetas, el tipo de tarjeta y un mensaje de éxito de la carga de la tarjeta con éxito.

Por otro lado, verá un mensaje de error en la sección de registro si su tarjeta no se encuentra o tiene algún otro problema.

Conclusión

El hecho de que las tarjetas de Twitter sean antiguas no significa que no funcionen. Está estadísticamente probado que los tweets con medios adjuntos funcionan mejor que un tweet normal. Cue para que las tarjetas de Twitter funcionen de maravilla para usted.

La tarjeta de Twitter correcta alineada con su estrategia de marketing puede aumentar la visibilidad, el compromiso y la estética general de su perfil de Twitter.

Así que asegúrese de aceptar esta idea, discútala con su equipo y haga que su desarrollador de back-end trabaje.

Además, si, como yo, crees que Twitter puede hacer o deshacer tu marca y te tomas en serio cambiar el rumbo a tu manera; ¡Prueba SocialPilot hoy mismo!