Saltar al contenido
bobob

Vista previa de Open Graph

Previsualiza title, description, URL, imagen y robots de Open Graph, y copia un reporte crawler social.

Se ejecuta en tu navegadorLo que escribes no se envía a ningún servidor.

Entrada y resultado

Lo que escribes se guarda solo en este navegador. Al volver a abrir puedes recuperar lo último.

Casos de uso

  • Previsualiza title, description, URL, imagen y robots de Open Graph, y copia un reporte crawler social.
  • Trata la entrada con modo Local en navegador y revisa el resultado antes de copiar.
  • Combina Vista previa de Open Graph con herramientas relacionadas para acortar el flujo.

Ejemplos

Entrada comun
Title, description, image URL
Usa este ejemplo para revisar el flujo de entrada de Vista previa de Open Graph.
Salida típica
Card preview, robots policy, image diagnostics, and Open Graph tags
Ejemplo rápido para comprobar la forma del resultado antes de copiar.
Ejemplo adicional
Title, description, image URL, canonical URL
Ejemplo rápido para comprobar la forma del resultado antes de copiar.
Ejemplo adicional
https://www.bobob.app/og-image.png
Ejemplo rápido para comprobar la forma del resultado antes de copiar.

Errores frecuentes

  • Previsualiza title, description, URL, imagen y robots de Open Graph, y copia un reporte crawler social.
  • Si el modo Local en navegador no coincide con la forma real de la entrada, no confies en la salida sin revisarla.
  • Elimina secretos de producción, datos de clientes y URLs internas antes de compartir cualquier valor copiado.

Antes de copiar

  1. 1Compara otra vez la entrada original con la forma de salida.
  2. 2Revisa diferencias de runtime, codificación, zona horaria y política de seguridad.
  3. 3Continua con una herramienta relacionada para confirmar que Vista previa de Open Graph encaja con el siguiente paso.

Fuentes

  • og:image has to be an absolute URL

    The Open Graph protocol types `og:image` as a URL. A relative path like `/og.png` cannot be fetched by a crawler, so the preview comes back blank. Use the full https address.

    Base: ogp.me

  • A preview that will not update is usually their cache

    Platforms keep what they scraped earlier even after you fix the tags. Each one has a re-scrape tool; until you run it the old card stays. Often nothing is wrong with your page.

    Base: Crawler cache behaviour

Preguntas frecuentes

¿Donde se procesa la entrada de Vista previa de Open Graph?

Cuando es posible se procesa en el navegador. Aun asi, no pegues secretos de producción ni datos de clientes.

¿Puedo usar el resultado directamente en producción?

Antes de copiar, revisa diferencias de entorno de ejecución, codificación, zona horaria y políticas de seguridad.