Vista previa de la tarjeta de Twitter

Previsualiza cómo aparece cualquier URL como una tarjeta de Twitter. Comprueba el título, la descripción, la imagen y la tarjeta de enlace antes de publicar.

x.com

Paleta

De

framer.com

Previsualiza las tarjetas de Twitter antes de publicar

La vista previa de las tarjetas de Twitter (Twitter cards) te permite comprobar si un enlace generará una tarjeta clara con el título, la descripción, la imagen y el dominio correctos. Úsala para detectar metadatos faltantes, recortes incorrectos y copias poco efectivas antes de compartir el enlace.

Título

Revisa el titular que Twitter podría incluir en la tarjeta. Procura que sea lo suficientemente directo para un feed dinámico y evita repetir información que ya quede clara en el texto de la publicación.

Título

Descripción

framer.com

Descripción

Usa la descripción de la tarjeta para añadir el contexto que el titular no puede incluir. Un texto claro y conciso tiene menos probabilidades de cortarse y es más fácil de leer en pantallas más pequeñas.

Título

Descripción

framer.com

Imagen

Inspecciona la imagen de la tarjeta de Twitter para comprobar el recorte, el contraste y la legibilidad. Los elementos importantes y el texto deben permanecer seguros dentro del área central.

Favicon

Aunque la tarjeta destaca el dominio del editor, un favicon coherente sigue ayudando al reconocimiento del usuario durante todo el proceso de navegación y de compartir contenidos.

Título

Descripción

framer.com

Una guía práctica para las vistas previas de las tarjetas de Twitter

Las Twitter Cards convierten una URL simple en un adjunto visual en la cronología. Comprobar la tarjeta renderizada ayuda a proteger el titular, el resumen, la imagen y la identidad del editor antes de programar una publicación.

¿Qué crea una tarjeta de Twitter?

Twitter lee las etiquetas de tarjeta dedicadas y también puede utilizar las de reserva de Open Graph. El tipo de tarjeta elegido, el título, la descripción, la imagen y la información de la cuenta determinan el archivo adjunto final.

¿Tarjeta de resumen o tarjeta de imagen grande?

Una tarjeta de resumen mantiene el elemento visual compacto, mientras que una tarjeta con una imagen grande da más protagonismo a la fotografía o al diseño artístico. Elige el formato que mejor represente el destino en lugar de limitarte a elegir por defecto en función del tamaño.

Cómo utiliza Twitter las alternativas de Open Graph

Cuando faltan los valores específicos de Twitter, el rastreador puede reutilizar campos compatibles de Open Graph. Las etiquetas de tarjeta explícitas proporcionan un mayor control y reducen la ambigüedad entre plataformas.

Escribir títulos para un canal de contenido rápido

Comienza con el tema y el valor en lugar de la marca o texto de relleno. El título debe seguir teniendo sentido cuando los usuarios encuentren la tarjeta sin leer la conversación circundante.

Cómo evitar recortes de imagen desastrosos

Usa la relación de aspecto recomendada, mantén los detalles importantes alejados de los bordes y evita el texto demasiado pequeño. Realiza pruebas tanto en ordenadores de sobremesa como en dispositivos móviles, ya que el espacio disponible para las tarjetas varía.

Por qué puede seguir apareciendo una tarjeta antigua

Twitter puede almacenar en caché los metadatos y los archivos multimedia después del primer rastreo. Actualizar el código fuente de la página no siempre reemplaza una vista previa existente de inmediato, así que espere a que se vuelva a rastrear antes del lanzamiento.

Un flujo de trabajo para publicar Twitter Cards

Valida la URL pública, confirma el tipo de tarjeta, inspecciona los recortes del titular y de la imagen, corrige los metadatos, solicita un nuevo rastreo si es necesario y, solo entonces, programa la publicación final.