Omnikit
DesarrolloArchivosDineroTodas las herramientas
Ctrl K
Herramientas de desarrolloHerramientas de archivosCalculadoras financierasTodas las herramientas
InicioHerramientas para desarrolladoresVista previa de Open Graph
EnglishالعربيةবাংলাDeutschEspañolFrançaisPolskiPortuguêsРусский

Vista previa de Open Graph

desarrollo

Pegue una página y vea la tarjeta para compartir en Facebook, LinkedIn, X, WhatsApp y Slack

Se ejecuta en su navegador. Nada de lo que escribe se envía a ningún sitio.

Un enlace compartido se convierte en una tarjeta construida con etiquetas que la mayoría de las páginas ponen mal. Pegue una URL y vea cómo se verá en Facebook, LinkedIn, X, WhatsApp y Slack, 5 vistas previas a la vez, con la proporción de la imagen y cualquier etiqueta que falte señalada.

Esta página se ha traducido automáticamente del original en inglés. Ninguna persona ha revisado todavía la traducción, así que la versión en inglés es la que debe consultar. Leer el original en inglés

Siguiente:
  • Open Graph Checker Check the live Open Graph and Twitter card tags of any URL and see what is missing
  • Comprobador de title y meta description Longitud del título y la meta descripción en caracteres y píxeles, y dónde los corta Google

Cómo comprobar las etiquetas Open Graph

1

Abra su página y pulse Ctrl+U para ver su código fuente; esta herramienta no puede abrir una dirección web por sí misma.

2

Pegue el código fuente en el panel HTML de la página.

3

Pulse cada opción de la fila Red, de Facebook a Slack, para ver la tarjeta que dibujaría esa red.

4

Lea qué etiqueta aportó el Titular, la Descripción y la Imagen, y la línea Falta para saber qué añadir.

5

Pulse Copiar informe o descárguelo como open-graph-report.txt.

Acerca de la vista previa de Open Graph

Esta vista previa de Open Graph lee las metaetiquetas de una página que usted pega y dibuja la tarjeta para compartir que Facebook, LinkedIn, X, WhatsApp y Slack construirían con ellas. Cada red se muestra con su propio orden de alternativas, así que puede ver qué etiqueta aportó realmente el titular, la segunda línea y la imagen.

Lo que no hará es descargar una página por usted. No hay ningún servidor detrás de este sitio y el navegador no puede solicitar páginas de otros, así que cualquier herramienta de aquí que dijera leer una URL en vivo estaría mintiendo sobre dónde se hace el trabajo. Abra la página, pulse Ctrl+U para ver el código fuente y péguelo aquí. Basta con pegar solo el head, o incluso unas pocas metaetiquetas.

Las comprobaciones cubren los errores que de verdad rompen las tarjetas: una ruta og:image relativa, la falta de og:url, un valor de twitter:card que no es un tipo de tarjeta, etiquetas repetidas donde el rastreador se queda en silencio con la primera, y etiquetas añadidas con JavaScript en el cliente que un rastreador nunca ejecuta. Cada una explica qué hace la red en su lugar.

Pegue también una dirección base y las rutas relativas se resuelven, para que el informe muestre la URL absoluta que debería haber llevado su etiqueta. Herramientas relacionadas: Meta Tag Generator escribe un bloque correcto desde cero.

Preguntas frecuentes

¿Puedo pegar una URL en lugar de HTML?

No, y ninguna herramienta que funcione solo en su navegador puede hacerlo. Leer la página de otro sitio requiere un servidor que la descargue, o un permiso del navegador que esta página no tiene. Abra la página, pulse Ctrl+U para ver el código fuente y péguelo aquí. Basta con el head.

¿Por qué la vista previa de mi enlace no muestra imagen?

Nueve de cada diez veces el valor de og:image es una ruta relativa como /card.png. Las redes descargan la imagen desde sus propios servidores, así que debe ser una dirección https:// completa. Las otras causas habituales son una imagen detrás de un inicio de sesión y un archivo de más de unos 5 MB.

¿Sigue teniendo X un validador de tarjetas?

X retiró el Card Validator público en 2022. Comprobar una tarjeta ahora significa publicar el enlace o leer las etiquetas usted mismo. Esta página las lee como lo hace X: primero las etiquetas twitter:, luego las og:, con la tarjeta de resumen pequeña por defecto.

¿Por qué mis etiquetas funcionan aquí pero no en Facebook?

Facebook guarda en caché una tarjeta la primera vez que se comparte un enlace y no la vuelve a leer por su cuenta. Tras cambiar las etiquetas, pase la URL por el Sharing Debugger de Facebook y elija Scrape Again. El Post Inspector de LinkedIn hace lo mismo.

Mis etiquetas las añade JavaScript. ¿Funcionarán?

Normalmente no. Los rastreadores de Facebook, WhatsApp y Slack leen el HTML que envía el servidor y no ejecutan su JavaScript. Las etiquetas inyectadas por un framework en el cliente son invisibles para ellos, así que genérelas en el servidor o prerrenderice la página.

¿Se envía a algún sitio el HTML pegado?

No. El análisis es simple trabajo con cadenas en su navegador y la página no hace ninguna solicitud de red. Se pueden comprobar aquí páginas de pruebas y sitios internos sin que nada salga de su dispositivo.

¿Sigue sin resolverlo? Pregunte sobre Vista previa de Open Graph y cualquiera que lo sepa puede responder. No se necesita cuenta.

Herramientas relacionadas

Todas las herramientas para desarrolladores
Comprobador de semverPruebe versiones contra un rango de npm como ^1.2.3, ordénelas y vea la siguiente versiónComprobador de title y meta descriptionLongitud del título y la meta descripción en caracteres y píxeles, y dónde los corta GoogleProbador de expresiones regularesPruebe expresiones regulares de JavaScript con resaltado en vivo y una explicación en lenguaje claroComparador de textosCompare dos textos lado a lado y vea cada línea añadida y eliminadaComparar JSONCompare dos documentos JSON y vea cada valor añadido, eliminado y modificadoDensidad de palabras clave y legibilidadRecuento de palabras y frases, densidades, tiempo de lectura y puntuación de legibilidad FleschCódigos de estado HTTPTodos los códigos de estado HTTP, qué significan, cuándo enviarlos y la RFC de la que procedensystemd OnCalendar TesterCheck a systemd timer OnCalendar= value and see its next run times, or convert cron
¿Le ha resultado útil esta herramienta?
Omnikit

Tareas pequeñas, hechas en su navegador. Gratis, rápido y privado. Los archivos nunca se suben.

Archivos

  • Compress Image
  • Image to PDF
  • Merge PDF
  • Compress PDF
  • PDF to Word
  • Word to PDF

Desarrollo

  • JSON Formatter & Validator
  • Base64 Encode & Decode
  • JWT Decoder, Verifier & Encoder
  • Password Generator
  • UUID Generator
  • Unix Timestamp Converter

Dinero

  • SIP Calculator
  • EMI Calculator
  • GST Calculator
  • FD Calculator
  • PPF Calculator
  • Lumpsum Calculator
EnglishالعربيةবাংলাDeutschEspañolFrançaisPolskiPortuguêsРусский
GuíasPreguntasAcerca deCómo verificamosBiblioteca de leyes (beta)PrivacidadCondicionesDivulgaciónContactoMore: Exam practice (UGC NET Paper 1)Se ejecuta en su navegador. No se sube nada. © 2026 Omnikit (theomnikit.com)