Vista previa de tarjeta X
Previsualiza cómo aparece cualquier URL en X. Comprueba el título del card, la descripción, la imagen y la vista previa del enlace antes de publicar.
Título
De
framer.com
Vista previa de X tarjetas antes de publicar
Una vista previa de tarjeta de X ayuda a verificar que una URL compartida tenga un título claro, una descripción útil, una imagen recortada correctamente y un dominio reconocible antes de que aparezca en el feed.
Título
Comprueba cómo se leerá el titular del enlace en una tarjeta de X y si sigue teniendo sentido cuando la publicación que lo acompaña sea corta o de tipo conversacional.
Título
Descripción
framer.com
Descripción
Revisa el resumen para comprobar su claridad y si se ha truncado. Debe complementar la publicación sin depender de hashtags, menciones ni de un contexto que solo exista en el hilo circundante.
Título
Descripción
framer.com
Imagen
Prueba la imagen de la tarjeta a tamaño de feed. Los puntos focales fuertes, los márgenes seguros y el texto incrustado mínimo ayudan a que resista a los recortes adaptativos.
Favicon
Mantén actualizado el favicon del sitio para que el destino conserve una identidad visual coherente más allá de la propia tarjeta de X.
Título
Descripción
framer.com
Guía práctica para las vistas previas de tarjetas de X
Las tarjetas X empaquetan un destino en un objeto de feed compacto. Una comprobación previa revela si los metadatos, los medios y las señales del editor respaldan la publicación en lugar de distraer la atención de ella.
¿Cómo genera X una tarjeta con enlace?
El rastreador lee los metadatos de la tarjeta desde la página pública y los combina con la URL compartida. Los campos de las tarjetas de Twitter siguen siendo relevantes a pesar de que la plataforma ahora se llama X.
Cómo elegir el formato de tarjeta adecuado
Utiliza un resumen compacto cuando el destino requiera un contexto limitado y un formato de imagen grande cuando el aspecto visual sea fundamental para la historia. El formato debe adaptarse al contenido, no al hábito.
Metadatos de X y Open Graph
Las etiquetas de tarjetas dedicadas ofrecen un control específico de cada plataforma, mientras que los valores de Open Graph pueden proporcionar alternativas. Mantener ambos alineados evita que se muestren mensajes notablemente diferentes en las distintas redes.
Títulos que funcionan fuera de la publicación
Escribe un titular que identifique el destino sin depender del texto de la publicación. Evita indicaciones vagas que pierdan sentido cuando la tarjeta sea compartida por otra cuenta.
Seguridad de imagen para tarjetas dinámicas
Coloque las caras, los productos y la tipografía esencial cerca del centro. Los contextos de renderizado anchos y estrechos pueden recortar el contenido de los bordes incluso cuando la imagen de origen es técnicamente válida.
Almacenamiento en caché y actualizaciones retrasadas
Es posible que X continúe mostrando los metadatos obtenidos anteriormente después de realizar modificaciones. Planifica los cambios en las tarjetas con antelación a la publicación y verifica la URL activa con la suficiente antelación para resolver los elementos obsoletos.
Un flujo de trabajo limpio para compartir en X
Prepara la página en vivo, valida las etiquetas de las tarjetas, compara la tarjeta con el mensaje de la publicación, inspecciona el recorte en dispositivos móviles, actualiza los datos almacenados en caché cuando sea posible y, a continuación, publica.