Comprobador de Open Graph


Introduce una URL



Acerca de Comprobador de Open Graph

El verificador Open Graph de ToolsPivot analiza las etiquetas OG de cualquier URL y muestra como se vera tu enlace al compartirlo en redes sociales. Sin registro, sin limites de uso y con resultados al instante.

Cada vez que alguien comparte un enlace en Facebook, LinkedIn o WhatsApp, la vista previa que aparece depende de unas etiquetas concretas: las Open Graph. Si no estan bien configuradas, la plataforma muestra lo que le parece (un titulo cortado, una imagen que no tiene nada que ver o, peor aun, nada en absoluto). Y eso, en la practica, significa perder clics. Con esta herramienta puedes comprobar en segundos si tu pagina tiene las etiquetas correctas antes de que otro comparta tu enlace y se vea mal.

Que es el Protocolo Open Graph y Por Que Importa

El protocolo Open Graph es un conjunto de metaetiquetas HTML creado por Facebook en 2010 para controlar como aparece el contenido de una pagina web cuando se comparte en redes sociales. Hoy lo usan Facebook, Instagram, LinkedIn, WhatsApp, Telegram, Discord y Pinterest, entre otros. Basicamente, estas etiquetas le dicen a la red social: "esto es lo que quiero que muestres como titulo, esta es la imagen y esta es la descripcion".

Sin etiquetas OG, las plataformas intentan adivinar que mostrar. A veces aciertan. A veces cogen la imagen del banner de cookies o un texto aleatorio del footer. Y no hay forma de controlarlo sin tener las etiquetas en su sitio.

Lo cierto es que muchos sitios web, incluso algunos con buen SEO tecnico, descuidan esta parte. Eso se traduce en vistas previas poco atractivas que reducen el CTR en redes sociales. Segun datos recientes, los enlaces con vista previa optimizada pueden conseguir hasta un 40% mas de clics que aquellos con previsualizaciones rotas o genericas. Si necesitas crear estas etiquetas desde cero, puedes usar un generador de Open Graph para obtener el codigo listo.

Las cuatro etiquetas basicas que toda pagina necesita son:

  • og:title - El titulo que aparecera en la vista previa (maximo 60-67 caracteres).
  • og:description - La descripcion que acompana al titulo (entre 100 y 200 caracteres para no cortarse).
  • og:image - La URL de la imagen que se mostrara. Facebook recomienda 1.200 x 630 pixeles.
  • og:url - La URL canonica de la pagina.

Existen otras como og:type, og:locale, og:site_name u og:video, pero las cuatro anteriores son las imprescindibles.

Que Analiza Este Verificador de Etiquetas OG

La herramienta escanea el codigo HTML de cualquier URL y extrae todas las metaetiquetas OG para que puedas revisarlas de un vistazo. No se limita a listarlas: te muestra una previsualizacion de como se vera tu enlace al compartirlo.

Etiquetas Open Graph

Detecta y valida todas las etiquetas og: presentes en el head de tu pagina, incluyendo titulo, descripcion, imagen, URL, tipo de contenido, nombre del sitio e idioma (og:locale). Si falta alguna etiqueta obligatoria, lo indica de forma clara.

Etiquetas Twitter Card

Ademas del protocolo OG, revisa las etiquetas de Twitter Card (twitter:title, twitter:description, twitter:image, twitter:card). Esto es clave porque X (antes Twitter) utiliza su propio sistema, aunque recurre a las etiquetas OG como alternativa cuando no encuentra las suyas. Para un analisis mas profundo de Twitter Cards, existe una herramienta especifica dentro de la plataforma.

Previsualizacion en Redes Sociales

Puedes ver directamente como se mostrara tu enlace en Facebook, LinkedIn y Twitter. Sin tener que compartirlo de verdad primero. Esto ahorra un tiempo considerable cuando estas optimizando varias paginas o haciendo pruebas con diferentes imagenes y titulos.

Validacion de Imagen OG

La imagen es el elemento que mas impacto tiene en el CTR de un enlace compartido. El verificador comprueba que la imagen existe, que es accesible y que sus dimensiones se ajustan a las recomendaciones de cada plataforma. Una imagen de 1.200 x 630 pixeles funciona bien en la mayoria de redes, pero si usas menos de 600 pixeles de ancho, Facebook puede mostrarla en formato pequeno (sin vista previa enriquecida). Si necesitas ajustar las dimensiones, un redimensionador de imagenes puede ahorrarte trabajo.

Metadatos SEO Basicos

Junto a las etiquetas OG, analiza el titulo HTML, la meta descripcion y la etiqueta canonical. Esto permite comprobar si hay coherencia entre lo que Google muestra en los resultados de busqueda y lo que las redes sociales muestran en sus previsualizaciones.

Ventajas de Usar un Verificador de Open Graph

  • Previsualizacion antes de compartir. Compruebas como se vera tu enlace en redes sin publicarlo. Eso evita sorpresas (y correcciones a posteriori).
  • Deteccion de errores invisibles. Una etiqueta mal cerrada o una imagen con URL rota no se ve a simple vista en el navegador, pero si afecta a la vista previa social.
  • Ahorro de tiempo en auditorias. Si gestionas un sitio con cientos de paginas, revisar las etiquetas OG de forma manual pagina por pagina es inviable. La herramienta lo hace en segundos.
  • Consistencia entre plataformas. Facebook, LinkedIn y Twitter interpretan las etiquetas de forma ligeramente distinta. Verificar te asegura que el resultado es aceptable en todas.
  • Mejora del CTR en redes sociales. Un titulo claro, una descripcion persuasiva y una imagen llamativa pueden marcar la diferencia entre que alguien haga clic o pase de largo.
  • Sin registro ni coste. Introduces la URL, pulsas el boton y obtienes el analisis. Asi de sencillo.
  • Compatible con cualquier CMS. Da igual si tu web esta en WordPress, Shopify, PrestaShop, Wix o es una web hecha a medida. Lee el HTML de la pagina publicada.

Funcionalidades Clave

  • Analisis completo de etiquetas OG. Extrae og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale y cualquier otra propiedad OG presente en la pagina.
  • Verificacion de Twitter Cards. Revisa las etiquetas twitter:card, twitter:title, twitter:description y twitter:image para asegurar la compatibilidad con X.
  • Vista previa de Facebook. Muestra como aparecera tu enlace en el feed de Facebook, incluyendo recorte de imagen y truncamiento de texto.
  • Vista previa de LinkedIn. LinkedIn tiene sus propios limites de caracteres y formatos de imagen; la herramienta los refleja.
  • Comprobacion de imagen. Valida la accesibilidad, el formato y las dimensiones de la imagen og:image.
  • Deteccion de etiquetas ausentes. Identifica las etiquetas obligatorias que faltan y las senala para corregirlas.
  • Revision de meta titulo y descripcion. Compara las etiquetas OG con las meta etiquetas SEO estandar para detectar incoherencias.
  • Resultados instantaneos. El analisis tarda unos pocos segundos, incluso en paginas con mucho codigo.
  • Sin limites de uso. Puedes analizar tantas URLs como necesites sin restricciones.

Como Usar el Verificador Open Graph

Paso 1: Abre la herramienta e introduce la URL completa de la pagina que quieres analizar (debe incluir https:// o http://).

Paso 2: Pulsa el boton de analisis y espera unos segundos mientras se rastrea el HTML de la pagina.

Paso 3: Revisa las etiquetas detectadas. Veras un listado con cada propiedad OG, su valor actual y, si corresponde, avisos de errores o etiquetas ausentes.

Paso 4: Consulta la previsualizacion para ver como se mostrara el enlace en Facebook, LinkedIn y Twitter.

Paso 5: Si detectas problemas, corrige las etiquetas en tu CMS o directamente en el codigo HTML y vuelve a ejecutar el analisis para confirmar los cambios.

Cuando Conviene Verificar las Etiquetas Open Graph

El verificador es especialmente util en situaciones concretas que van mas alla de una simple revision rutinaria. No se trata de usarlo una vez y olvidarse; hay momentos clave donde una comprobacion marca la diferencia.

  • Antes de lanzar una campana en redes. Si vas a invertir en publicidad o difusion organica, asegurate de que el enlace se vera bien. Un anuncio en Facebook con imagen rota desperdicia presupuesto.
  • Al publicar contenido nuevo. Articulos de blog, fichas de producto, landing pages. Cada pagina nueva deberia pasar por el verificador antes de compartirla.
  • Tras cambiar imagenes o titulos. Las redes sociales cachean las vistas previas. Si cambias la imagen OG pero no purgas la cache de Facebook (con su Sharing Debugger), puede seguir mostrando la antigua.
  • Durante auditorias tecnicas SEO. Las etiquetas OG forman parte del SEO tecnico. Si estas revisando meta etiquetas, canonicals y datos estructurados, incluir OG en la revision es lo logico.
  • Al migrar a otro CMS o dominio. Las migraciones rompen cosas. Verificar que las etiquetas OG siguen intactas despues de mover tu web a WordPress, Shopify o cualquier otro sistema evita problemas silenciosos.
  • Cuando el CTR en redes es bajo. Si compartes contenido y nadie hace clic, antes de culpar al algoritmo, revisa como se ve tu enlace. A veces el problema es tan simple como una imagen cortada.
  • En sitios multiidioma. Las paginas con versiones en varios idiomas necesitan etiquetas og:locale correctas (es_ES, es_MX, en_US). Si no coinciden, las redes pueden mostrar la version equivocada.

Casos Practicos: Quien Necesita Esta Herramienta

Agencia de Marketing Digital Preparando Entregables

Situacion: Una agencia en Barcelona gestiona las redes de 15 clientes y necesita asegurar que cada enlace compartido se muestra correctamente en Facebook, LinkedIn e Instagram. Como lo resuelve:

  • Analiza las URLs principales de cada cliente con el verificador.
  • Detecta fichas de producto con imagen OG en baja resolucion.
  • Corrige las etiquetas y documenta el cambio en el informe mensual. Resultado: Los clientes ven un aumento medio del 25% en clics desde redes sociales en el siguiente mes.

Tienda Online en MercadoLibre y Shopify

Situacion: Un vendedor con tienda propia en Shopify y presencia en MercadoLibre comparte enlaces de productos en grupos de WhatsApp Business y Facebook. Como lo resuelve:

  • Verifica que cada ficha de producto tiene og:image con la foto principal del producto (no una generica).
  • Ajusta og:description para incluir precio y envio gratis, que es lo que el comprador quiere ver en la vista previa.
  • Comprueba la previsualizacion antes de enviar el enlace a sus grupos de ventas. Resultado: Los enlaces compartidos en WhatsApp muestran imagen, titulo y descripcion correctos, lo que genera mas consultas directas.

Community Manager de Pyme

Situacion: La persona encargada de redes sociales en una empresa mediana de Bogota publica 3-4 articulos del blog corporativo por semana en LinkedIn y Facebook. Como lo resuelve:

  • Antes de cada publicacion, pasa la URL por el verificador para confirmar que el titulo no se corta y la imagen se ve bien.
  • Detecta que el plugin SEO de WordPress no esta generando og:image para las paginas de categoria y lo corrige con Yoast. Resultado: Las publicaciones del blog corporativo tienen un aspecto profesional y consistente en todas las redes.

Desarrollador Web en Proyecto Freelance

Situacion: Un programador en Workana esta entregando un sitio web para un restaurante en Ciudad de Mexico y necesita que los enlaces funcionen bien al compartirlos. Como lo resuelve:

  • Usa la herramienta para verificar las paginas principales: inicio, menu, reservas, contacto.
  • Descubre que falta og:type en todas las paginas y que la imagen apunta a un localhost.
  • Corrige el codigo antes de la entrega final al cliente. Resultado: El cliente comparte el enlace de su web en Instagram y WhatsApp y se muestra exactamente como esperaba.

Estudiante Universitario con Blog de Investigacion

Situacion: Una estudiante de la Universidad Complutense tiene un blog donde publica resumenes de su TFG y los comparte en LinkedIn para construir su perfil profesional. Como lo resuelve:

  • Verifica que cada entrada del blog tiene og:title con el titulo de la investigacion y og:image con una grafica relevante.
  • Ajusta og:description para que resuma la investigacion en unos 155 caracteres. Resultado: Cuando sus profesores o contactos ven el enlace en LinkedIn, la vista previa es clara y profesional.

Etiquetas OG y su Impacto por Plataforma

No todas las redes sociales tratan las etiquetas Open Graph de la misma forma. Conocer estas diferencias te ayuda a optimizar para cada plataforma sin hacer suposiciones.

Facebook e Instagram usan el protocolo OG de forma completa, ya que fue creado por Meta. Las imagenes se muestran mejor a 1.200 x 630 px y los titulos se cortan alrededor de los 65 caracteres.

LinkedIn reconoce las etiquetas OG pero aplica sus propios limites de truncamiento. Los titulos largos pueden perder las ultimas palabras, y la imagen debe tener al menos 1.200 px de ancho para aparecer en formato grande.

WhatsApp y Telegram generan vistas previas basadas en las etiquetas OG cuando alguien pega un enlace en un chat. Si og:image no esta presente o apunta a una URL rota, el enlace aparece como texto plano. En mercados hispanohablantes, donde WhatsApp es la app de mensajeria por excelencia, esto tiene un impacto directo en la difusion de contenido.

X (antes Twitter) prioriza sus propias etiquetas de Twitter Card, pero si no las encuentra, recurre a las etiquetas OG como alternativa. Puedes generar Twitter Cards por separado para tener control total sobre ambos protocolos.

Pinterest usa og:image de forma prominente. Si la imagen no cumple con las dimensiones minimas, el pin no se genera correctamente.

Errores Frecuentes en Etiquetas Open Graph

Despues de revisar cientos de sitios, hay patrones que se repiten una y otra vez. Ojo con estos:

La imagen OG apunta a una URL que ya no existe o a un servidor local (localhost). Esto ocurre mas de lo que parece, especialmente en sitios que han migrado de un entorno de desarrollo a produccion sin actualizar las rutas. Una buena practica es incluir la verificacion OG en tu checklist de velocidad y rendimiento antes de lanzar.

El titulo OG es identico al meta titulo SEO, sin adaptacion. El titulo para Google y el titulo para redes sociales pueden (y a menudo deben) ser diferentes. Google valora la inclusion de la palabra clave; en redes, lo que funciona es un titulo que genere curiosidad o resuma el beneficio.

Falta la etiqueta og:locale, lo que hace que Facebook asuma que el contenido esta en ingles. Para sitios en espanol, anadir og:locale con valor es_ES o es_MX (segun el mercado principal) es un detalle pequeno que marca la diferencia.

Las dimensiones de la imagen son insuficientes. Facebook necesita al menos 600 x 315 px para mostrar una vista previa grande. Por debajo de eso, muestra el enlace en formato reducido, mucho menos visible. Si trabajas con imagenes que necesitan ajuste, herramientas como un compresor de imagenes te ayudan a mantener la calidad sin pasarte de peso.

No purgar la cache tras hacer cambios. Facebook, LinkedIn y WhatsApp cachean las vistas previas. Si cambias la imagen y no usas el Sharing Debugger de Meta para forzar una actualizacion, seguira mostrando la version antigua durante dias.

Herramientas Relacionadas

Completa tu flujo de trabajo con estas herramientas complementarias de ToolsPivot:

Preguntas Frecuentes

Que son las etiquetas Open Graph?

Las etiquetas Open Graph son fragmentos de codigo HTML que controlan como se muestra un enlace cuando se comparte en redes sociales. Definen el titulo, la descripcion, la imagen y la URL que aparecen en la vista previa. Facebook creo este protocolo en 2010 y hoy lo usan tambien LinkedIn, WhatsApp, Telegram, Pinterest y Discord.

Es gratis este verificador?

Si, completamente gratis. No hay registro, no hay limites de uso diario y no existen funciones bloqueadas detras de un pago.

Que diferencia hay entre Open Graph y Twitter Cards?

Open Graph es el protocolo creado por Meta (Facebook) y lo reconocen la mayoria de plataformas. Twitter Cards es el sistema propio de X. Si X no encuentra etiquetas de Twitter Card en una pagina, usa las OG como respaldo. Lo recomendable es tener ambos conjuntos de etiquetas.

Que tamano debe tener la imagen Open Graph?

El tamano recomendado es de 1.200 x 630 pixeles, con una proporcion de 1,91:1. Facebook acepta imagenes desde 600 x 315 px para vista previa grande, pero por debajo de eso las muestra en formato reducido. Procura que el archivo no supere los 5 MB.

Las etiquetas OG afectan al posicionamiento en Google?

No directamente. Google no usa las etiquetas OG como factor de ranking. Pero si mejoran el CTR en redes sociales, generan mas trafico y mas senales sociales, lo cual puede tener un efecto indirecto en el SEO. Ademas, una pagina con buenas meta etiquetas tanto para buscadores como para redes demuestra cuidado tecnico.

Como anado etiquetas Open Graph a mi web?

Depende de tu plataforma. En WordPress, plugins como Yoast SEO o Rank Math las generan automaticamente. En Shopify, se configuran desde la seccion de meta campos del producto. En sitios hechos a medida, se anaden manualmente en la seccion del HTML.

Por que mi imagen no aparece al compartir el enlace?

Las causas mas comunes son: la URL de la imagen esta rota o apunta a localhost, la imagen no cumple las dimensiones minimas, el servidor bloquea el acceso al bot de la red social, o la red social tiene cacheada una version anterior. Verifica con esta herramienta y luego usa el Sharing Debugger de Meta para forzar la actualizacion.

Puedo usar el verificador desde el movil?

Si, funciona en cualquier navegador, incluidos los de smartphones y tablets. No necesitas instalar nada.

Con que frecuencia debo verificar mis etiquetas OG?

Cada vez que publiques contenido nuevo, cambies imagenes o titulos, o hagas una migracion. En sitios con muchas paginas, una revision mensual de las paginas principales es una buena practica.

Que pasa si no tengo etiquetas Open Graph?

Las redes sociales intentaran extraer informacion del HTML de la pagina (titulo, primera imagen, meta descripcion). El resultado suele ser impredecible: imagenes del menu de navegacion, textos de footer o previsualizaciones vacias. No tener etiquetas OG no rompe nada, pero pierdes todo el control sobre como se ve tu contenido compartido.

El verificador funciona con paginas protegidas por contrasena?

No. Si la pagina requiere autenticacion, la herramienta no puede acceder al HTML y, por tanto, no puede extraer las etiquetas. Lo mismo aplica a paginas bloqueadas por robots.txt o con restricciones de acceso por IP.

Las etiquetas OG son iguales para todas las redes sociales?

La base es la misma (og:title, og:description, og:image), pero cada plataforma tiene sus matices. LinkedIn puede truncar los titulos a una longitud distinta que Facebook, y Pinterest da mas peso a la imagen. X prioriza sus propias Twitter Cards. Por eso conviene verificar la previsualizacion en varias plataformas, no solo en una.

{ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "Que son las etiquetas Open Graph?", "acceptedAnswer": { "@type": "Answer", "text": "Las etiquetas Open Graph son fragmentos de codigo HTML que controlan como se muestra un enlace cuando se comparte en redes sociales. Definen el titulo, la descripcion, la imagen y la URL que aparecen en la vista previa. Facebook creo este protocolo en 2010 y hoy lo usan tambien LinkedIn, WhatsApp, Telegram, Pinterest y Discord." } }, { "@type": "Question", "name": "Es gratis este verificador?", "acceptedAnswer": { "@type": "Answer", "text": "Si, completamente gratis. No hay registro, no hay limites de uso diario y no existen funciones bloqueadas detras de un pago." } }, { "@type": "Question", "name": "Que diferencia hay entre Open Graph y Twitter Cards?", "acceptedAnswer": { "@type": "Answer", "text": "Open Graph es el protocolo creado por Meta (Facebook) y lo reconocen la mayoria de plataformas. Twitter Cards es el sistema propio de X. Si X no encuentra etiquetas de Twitter Card en una pagina, usa las OG como respaldo. Lo recomendable es tener ambos conjuntos de etiquetas." } }, { "@type": "Question", "name": "Que tamano debe tener la imagen Open Graph?", "acceptedAnswer": { "@type": "Answer", "text": "El tamano recomendado es de 1.200 x 630 pixeles, con una proporcion de 1,91:1. Facebook acepta imagenes desde 600 x 315 px para vista previa grande, pero por debajo de eso las muestra en formato reducido. Procura que el archivo no supere los 5 MB." } }, { "@type": "Question", "name": "Las etiquetas OG afectan al posicionamiento en Google?", "acceptedAnswer": { "@type": "Answer", "text": "No directamente. Google no usa las etiquetas OG como factor de ranking. Pero si mejoran el CTR en redes sociales, generan mas trafico y mas senales sociales, lo cual puede tener un efecto indirecto en el SEO." } }, { "@type": "Question", "name": "Como anado etiquetas Open Graph a mi web?", "acceptedAnswer": { "@type": "Answer", "text": "Depende de tu plataforma. En WordPress, plugins como Yoast SEO o Rank Math las generan automaticamente. En Shopify, se configuran desde la seccion de meta campos del producto. En sitios hechos a medida, se anaden manualmente en la seccion head del HTML." } }, { "@type": "Question", "name": "Por que mi imagen no aparece al compartir el enlace?", "acceptedAnswer": { "@type": "Answer", "text": "Las causas mas comunes son: la URL de la imagen esta rota o apunta a localhost, la imagen no cumple las dimensiones minimas, el servidor bloquea el acceso al bot de la red social, o la red social tiene cacheada una version anterior. Verifica con esta herramienta y luego usa el Sharing Debugger de Meta para forzar la actualizacion." } }, { "@type": "Question", "name": "Puedo usar el verificador desde el movil?", "acceptedAnswer": { "@type": "Answer", "text": "Si, funciona en cualquier navegador, incluidos los de smartphones y tablets. No necesitas instalar nada." } }, { "@type": "Question", "name": "Con que frecuencia debo verificar mis etiquetas OG?", "acceptedAnswer": { "@type": "Answer", "text": "Cada vez que publiques contenido nuevo, cambies imagenes o titulos, o hagas una migracion. En sitios con muchas paginas, una revision mensual de las paginas principales es una buena practica." } }, { "@type": "Question", "name": "Que pasa si no tengo etiquetas Open Graph?", "acceptedAnswer": { "@type": "Answer", "text": "Las redes sociales intentaran extraer informacion del HTML de la pagina (titulo, primera imagen, meta descripcion). El resultado suele ser impredecible: imagenes del menu de navegacion, textos de footer o previsualizaciones vacias. No tener etiquetas OG no rompe nada, pero pierdes todo el control sobre como se ve tu contenido compartido." } }, { "@type": "Question", "name": "El verificador funciona con paginas protegidas por contrasena?", "acceptedAnswer": { "@type": "Answer", "text": "No. Si la pagina requiere autenticacion, la herramienta no puede acceder al HTML y, por tanto, no puede extraer las etiquetas. Lo mismo aplica a paginas bloqueadas por robots.txt o con restricciones de acceso por IP." } }, { "@type": "Question", "name": "Las etiquetas OG son iguales para todas las redes sociales?", "acceptedAnswer": { "@type": "Answer", "text": "La base es la misma (og:title, og:description, og:image), pero cada plataforma tiene sus matices. LinkedIn puede truncar los titulos a una longitud distinta que Facebook, y Pinterest da mas peso a la imagen. X prioriza sus propias Twitter Cards. Por eso conviene verificar la previsualizacion en varias plataformas, no solo en una." } } ] }



Report a Bug
Logo

CONTACT US

marketing@toolspivot.com

ADDRESS

Ward No.1, Nehuta, P.O - Kusha, P.S - Dobhi, Gaya, Bihar, India, 824220

Our Most Popular Tools