Vista previa de Open Graph y generador de etiquetas meta
Previsualiza tu tarjeta para compartir en redes y genera etiquetas meta Open Graph y Twitter Card con tus propios valores, en tu navegador.
🔒 Funciona por completo en tu navegador. Tu entrada y salida no se envían a ningún servidor ni se guardan: totalmente privado.
Comprueba cómo se ve tu enlace al compartirlo y copia las etiquetas Open Graph y Twitter Card en el <head> de tu página. No se descarga nada: la URL de la imagen solo va en las etiquetas; para previsualizar una imagen real, elige un archivo local.
Vista previa
Etiquetas meta
Acerca de esta herramienta
¿Quieres ver cómo se verá un enlace antes de compartirlo? Introduce un título, una descripción, una imagen y una URL, y esta herramienta recrea la tarjeta social y genera las etiquetas Open Graph y Twitter Card correspondientes, listas para pegar en la cabecera de tu página. Por privacidad, nunca descarga la dirección de imagen que escribes —esa URL solo va dentro de las etiquetas—, así que, para previsualizar una imagen real, eliges en su lugar un archivo local de tu dispositivo. Todo se genera en tu navegador, sin subir nada.
Preguntas frecuentes
¿Qué son las etiquetas Open Graph y Twitter Card?
Son pequeñas etiquetas meta en la cabecera de una página que indican a las plataformas sociales cómo mostrar un enlace compartido. Open Graph, surgida en Facebook, define el título, la descripción y la imagen de vista previa que leen la mayoría de las redes. Las etiquetas Twitter Card hacen lo mismo en X y permiten elegir un diseño, como una imagen grande. Sin ellas, las plataformas adivinan a partir de la página y la tarjeta suele verse pobre o incorrecta.
¿Por qué la vista previa no carga la imagen desde mi URL?
Es a propósito. Para proteger tu privacidad, la herramienta nunca solicita la dirección de imagen que escribes: esa URL solo se escribe en las etiquetas generadas, nunca se descarga. Por eso la vista previa no puede traer de ahí una imagen remota. Si quieres ver una imagen real en la maqueta, elige un archivo local de tu dispositivo; se lee directamente en el navegador, se muestra en la tarjeta y no se sube a ningún sitio.
¿Dónde van las etiquetas generadas y coincidirá cada plataforma con la vista previa?
Copia las etiquetas en la sección head del HTML de tu página y vuelve a publicarla para que los rastreadores puedan leerlas. La vista previa de aquí sigue las convenciones habituales, pero cada plataforma recorta las imágenes y el texto de forma algo distinta, y muchas guardan la tarjeta en caché, así que usa sus depuradores oficiales para forzar una actualización tras los cambios. Las etiquetas se generan localmente en tu navegador y nada de lo que introduces se envía a un servidor.