Vista previa de tarjeta para compartir (Open Graph)
Introduce los mismos valores que tus etiquetas Open Graph (título, descripción, imagen, URL) para visualizar cómo se vería la tarjeta de vista previa al compartir en Twitter/X, Facebook y Discord — sin tener que publicar realmente el enlace para probarlo.
Vista previa en Twitter / X
Vista previa en Facebook
Vista previa en Discord
Cómo funciona
Cuando se comparte un enlace en Twitter/X, Facebook o Discord, cada plataforma lee las etiquetas meta Open Graph (og:title, og:description, og:image, og:url) presentes en el <head> de la página para construir su propia tarjeta de vista previa — y cada plataforma la muestra con un estilo ligeramente diferente. En lugar de publicar realmente el enlace para ver el resultado (lo que también expone la página públicamente y almacena el enlace en la caché de la plataforma), introduce aquí los valores previstos para tus etiquetas y visualiza inmediatamente las tres representaciones lado a lado.
¿Por qué la herramienta no obtiene automáticamente las etiquetas de mi URL?
Porque eso requeriría hacer una petición de red hacia un sitio externo desde tu navegador, lo cual está bloqueado por la política de seguridad CORS de los navegadores para la gran mayoría de los sitios, y porque una vista previa obtenida así podría de todos modos no reflejar fielmente cómo interpreta realmente cada plataforma tus etiquetas. Introducir los valores manualmente es más simple, más fiable, y funciona para cualquier URL, incluida una página que aún no esté en línea.
La imagen no se muestra en la vista previa, ¿por qué?
Si la URL de la imagen introducida no es accesible públicamente (página en desarrollo local, URL inválida, o servidor que bloquea la visualización desde otro dominio), tu navegador tampoco podrá cargarla aquí. Comprueba que la URL corresponda realmente a una imagen accesible públicamente.
Privacidad: no se obtiene ninguna vista previa real desde Internet — solo se usan los valores que introduces, todo dentro de tu navegador.