Vista previa de Open Graph
Previsualiza una tarjeta social con los metadatos que indiques.
Vista previa de Open Graph
Make it yours
Adjust the values, then get your result.
Cómo usar Vista previa de Open Graph
The Open Graph preview shows an approximate social share card built from the page title, description, canonical URL and image URL you enter, and outputs the matching meta tags. Choose website or article as the og:type. The card shows the URL's hostname, title and description; the image URL goes into the tags but is not fetched or displayed.
- Introduce los valores solicitados en el panel de ajustes.
- Ajusta la configuración básica y abre el modo avanzado para opciones de exportación y ajuste fino. La configuración personalizada sigue activa al cerrar el panel.
- Ejecuta la vista previa de Open Graph, revisa la salida y usa los controles disponibles para copiar o descargar.
Qué admite esta herramienta
Previsualiza una tarjeta social con los metadatos que indiques.
- Título de página
- Set this value for your task.
- Descripción
- Set this value for your task.
- URL canónica
- Set this value for your task.
- URL de imagen social
- Set this value for your task.
- Tipo Open Graph
- website · article
Límites y procesamiento
Usa números finitos, fechas válidas y los rangos que muestra cada control. Los valores no válidos producen un error sin resultado descargable.
Fuente de ejemplo
https://example.com
Preguntas frecuentes
Why doesn't my Open Graph image show in the preview?
The tool does not download remote images. It notes that an image URL is set and adds og:image with a summary_large_image Twitter card, but the card itself shows text only. Open the image URL directly to confirm it loads.
Will Facebook or LinkedIn show my link exactly like this preview?
Not necessarily. The preview is approximate, and social networks cache cards and may crop or render them differently. Use it to check your wording and tag values before publishing the page.
Which Open Graph tags does the preview generate?
It produces og:type, og:title, og:description, og:url and, when an image URL is given, og:image, along with the title element, meta description, canonical link and a twitter:card tag. Title and description text is HTML-escaped.
¿Dónde se procesa mi entrada?
Esta operación procesa su fuente en tu navegador. Copiar y descargar son acciones explícitas; la entrada de origen no se guarda en una cuenta ni en un historial.
¿Cuáles son los límites de entrada?
Usa números finitos, fechas válidas y los rangos que muestra cada control. Los valores no válidos producen un error sin resultado descargable.