Vista Previa de Tarjeta Social

Mira exactamente cómo se verá tu enlace al compartirlo en X, Facebook, LinkedIn e iMessage — antes de publicar. Pega una URL o completa las etiquetas meta manualmente. Gratis, sin registro.

🔗 Tu Enlace

URL de la página

Título de la tarjeta (og:title)

Descripción (og:description)

URL de la imagen (og:image — ideal 1200×630)

Nombre del sitio

📐 Chuleta de etiquetas meta — pega esto en el <head> de tu página:

𝕏 X (Twitter)

ejemplo.com

—

📘 Facebook

EJEMPLO.COM

—

💼 LinkedIn

—

ejemplo.com

💬 iMessage

—

ejemplo.com

Las vistas previas son aproximaciones fieles al estilo actual de cada plataforma. Haz siempre una comprobación final compartiendo de verdad o con el depurador de la plataforma.

Cómo funcionan las vistas previas de enlaces

Cuando pegas un enlace en X, Facebook, LinkedIn o iMessage, la plataforma descarga tu página y lee unas etiquetas meta especiales en el <head>:

og:title — el titular de la tarjeta
og:description — el texto de 1–2 frases
og:image — la imagen de vista previa (URL absoluta, ideal 1200×630)
og:url — la dirección canónica de la página
twitter:card — con valor summary_large_image para tarjetas grandes en X

¿Sin etiquetas? La plataforma adivina — normalmente mal. Una og:image ausente es la causa nº 1 de enlaces que se ven rotos al compartir.

🖼️ Reglas de imagen que importan

Usa 1200×630px, URL https:// absoluta, menos de 1 MB, JPG o PNG. Facebook recorta a 1.91:1; las tarjetas grandes de X muestran ~2:1. Mantén el texto importante lejos de los bordes.

Preguntas frecuentes

¿Qué es una tarjeta social Open Graph?

Cuando compartes un enlace en X, Facebook, LinkedIn o iMessage, la plataforma lee las etiquetas meta Open Graph (og:) y Twitter Card de tu página para crear una vista previa con imagen, título y descripción. Esta herramienta te muestra exactamente cómo se verá esa tarjeta antes de publicar.

¿Por qué mi enlace no muestra imagen al compartirlo?

Las causas más comunes: falta la etiqueta og:image, la imagen es menor de 200×200px (usa 1200×630 para mejores resultados), la URL de la imagen es relativa en vez de absoluta, o la plataforma tiene en caché una versión vieja — usa el depurador de cada red para refrescar la caché.

¿Esta herramienta puede leer las etiquetas meta de mi URL?

Lo intenta, usando un proxy CORS público. Muchos sitios bloquean la lectura automatizada; si falla, pega el título, la descripción y la URL de imagen manualmente — la vista previa se actualiza en vivo de todos modos.

¿Qué tamaño de imagen funciona mejor?

1200×630 píxeles es la opción universal segura: se ve nítida en Facebook, LinkedIn y las tarjetas grandes de X. Mantén el archivo bajo 1 MB y usa una URL https:// absoluta.

¿Mi URL se envía a un servidor?

No. Todo se renderiza localmente en tu navegador. El autocompletado opcional usa un proxy público para leer las etiquetas meta, pero nada de lo que escribes se guarda.

Vista Previa de Tarjeta Social

🔗 Tu Enlace

𝕏 X (Twitter)

📘 Facebook

💼 LinkedIn

💬 iMessage

Cómo funcionan las vistas previas de enlaces

🖼️ Reglas de imagen que importan

Preguntas frecuentes

Herramientas relacionadas