RevealTheme logo

Inspector de Open Graph

Previsualiza cómo aparecerá una URL al compartirse en Facebook, Twitter/X, LinkedIn y otras plataformas.

Cómo usar esta herramienta

  1. 1

    Paste the full URL of the page you want to inspect, including https://, into the input field.

  2. 2

    Click Analyze. Our server fetches the page's HTML and parses its meta tags.

  3. 3

    Read the extracted Open Graph and Twitter Card values side by side, and check the rendered og:image preview below them.

  4. 4

    Adjust the tags in your site's HTML head, redeploy, then re-run the tool to confirm the changes are live.

¿Qué es el Inspector de Open Graph?

Las metaetiquetas de Open Graph (Facebook) y Twitter Card controlan cómo aparece tu URL al compartirse en redes sociales: el título, la descripción y la imagen que se muestran. Las etiquetas OG ausentes o rotas dan lugar a publicaciones poco atractivas que reciben menos interacción. Esta herramienta extrae todas las metaetiquetas OG y de Twitter y muestra la vista previa resultante.

Casos de uso comunes

  • Debugging why a freshly published blog post shows a blank or wrong thumbnail when shared on LinkedIn or Facebook.

  • Confirming a CMS or framework actually emitted the og:image and og:description you configured before you announce a launch.

  • Checking that a single-page app renders its meta tags server-side, since tags added only by client JavaScript will be missing from the results.

  • Auditing a batch of marketing landing pages so each has a distinct title, description, and share image.

  • Verifying twitter:card is set to summary_large_image so a post displays a wide image rather than a small thumbnail.

  • Spotting when a redirect or stale cache is serving old meta tags after you changed them, since the tool shows the final fetched URL's HTML.

Preguntas frecuentes

¿Cuál es el tamaño recomendado de la imagen OG?
1200×630 px funciona en todas las plataformas principales. Twitter prefiere 1200×675 para las tarjetas summary_large_image.
¿Necesito etiquetas OG y de Twitter a la vez?
Twitter recurre a las etiquetas OG si faltan las específicas de Twitter. Configura ambas para un control máximo.

Herramientas relacionadas