Verificador de Open Graph

Valida las etiquetas Open Graph y Twitter Card en cualquier pagina web para ver exactamente como aparecera cuando se comparta en redes sociales. Nuestro Verificador de Open Graph extrae todas las meta tags sociales, previsualiza como se muestra tu contenido en Facebook, Twitter y LinkedIn, e identifica propiedades faltantes o mal configuradas que podrian estar reduciendo tu interaccion social. Deja de adivinar como lucen tus compartidos y comienza a controlarlos.

Caracteristicas Principales de Nuestro Verificador de Open Graph

Previsualizacion Multi-Plataforma

Ve exactamente como aparecera tu URL cuando se comparta en Facebook, Twitter, LinkedIn y otras plataformas. Cada previsualizacion usa el formato de visualizacion real de la plataforma, mostrando el recorte de imagen, truncamiento de titulo y disposicion de descripcion tal como aparecen en los feeds sociales reales.

Extraccion Completa de Etiquetas

Extrae cada etiqueta Open Graph y Twitter Card de la pagina, mostrando el nombre de la propiedad y su valor en un formato claro y legible. Incluye og:title, og:description, og:image, og:url, og:type, og:site_name, twitter:card, twitter:title y todas las demas propiedades de meta sociales.

Validacion de Imagen

Verifica que la URL de og:image es accesible, comprueba las dimensiones de la imagen contra los requisitos minimos de la plataforma, valida la compatibilidad del formato de archivo e informa el tamano del archivo de imagen. Detecta imagenes rotas antes de que resulten en fallos de previsualizacion en los compartidos sociales.

Alertas de Propiedades Faltantes

Identifica propiedades Open Graph requeridas y recomendadas que estan ausentes de la pagina. Cada propiedad faltante se marca con una explicacion de su impacto y valor recomendado, ayudandote a construir una implementacion de etiquetas completa.

Analisis de Longitud de Caracteres

Verifica las longitudes de og:title y og:description contra los limites de visualizacion especificos de cada plataforma. Facebook trunca titulos a aproximadamente 88 caracteres y descripciones a 300 caracteres, mientras que Twitter y LinkedIn tienen limites diferentes. El verificador marca valores que seran truncados.

Verificacion de Consistencia de URL

Compara el valor de og:url con la URL real de la pagina y cualquier etiqueta canonica presente. Las inconsistencias entre estos valores pueden causar que las plataformas sociales asocien los compartidos con la URL incorrecta o creen conteos de compartidos duplicados entre variaciones de URL.

Validacion de Tipo de Twitter Card

Valida el marcado Twitter Card incluyendo tipo de tarjeta, especificaciones de imagen para el formato de tarjeta seleccionado y atribucion adecuada de twitter:site y twitter:creator. Asegura que tu contenido use el tipo de tarjeta optimo para maxima interaccion en Twitter.

Visualizacion del Codigo de Etiquetas Sin Procesar

Visualiza el codigo fuente HTML exacto de cada etiqueta extraida para propositos de depuracion. Esto ayuda a identificar errores de sintaxis, problemas de codificacion, etiquetas duplicadas de fuentes en conflicto y otros problemas tecnicos que no son visibles en la visualizacion formateada de propiedades.

Como Usar el Verificador de Open Graph

01

Paso 1

Ingresa la URL completa de la pagina que deseas verificar en el campo de entrada. Asegurate de incluir el prefijo de protocolo https:// y usa la URL exacta que sera compartida en redes sociales, incluyendo cualquier segmento de ruta o parametro.

02

Paso 2

Haz clic en el boton de verificar para iniciar el escaneo. La herramienta recuperara tu pagina usando una simulacion de rastreador que imita como las plataformas de redes sociales recuperan los datos de Open Graph.

03

Paso 3

Revisa la seccion de previsualizacion multi-plataforma para ver como aparece tu pagina en Facebook, Twitter y LinkedIn. Compara el titulo, descripcion e imagen mostrados con tu presentacion prevista y anota cualquier discrepancia.

04

Paso 4

Examina la lista de etiquetas extraidas para verificar que todas las propiedades Open Graph requeridas y recomendadas estan presentes con valores correctos. Presta atencion particular a og:image, og:title, og:description y og:url.

05

Paso 5

Verifica los resultados de validacion para problemas marcados incluyendo etiquetas faltantes, imagenes sobredimensionadas o subdimensionadas, texto truncado, URLs de imagen inaccesibles e inconsistencias de URL. Cada problema incluye severidad y recomendacion.

06

Paso 6

Corrige cualquier problema identificado actualizando los meta tags de tu pagina, luego vuelve a ejecutar el verificador para confirmar que tus cambios resolvieron los problemas. Despues de la verificacion, usa el Depurador de Compartidos de Facebook y el Validador de Tarjetas de Twitter para limpiar cualquier dato de previsualizacion en cache en esas plataformas.

¿Listo para Analizar?

Pruebe Verificador de Open Graph ahora — completamente gratis, sin registro

Usar Herramienta Ahora

¿Que es un Verificador de Open Graph?

Un verificador de Open Graph es una herramienta de diagnostico que recupera una pagina web, extrae sus meta tags Open Graph y Twitter Card, y muestra exactamente como aparecera la pagina cuando se comparta en plataformas de redes sociales. Conecta la brecha entre lo que pretendias que parecieran tus previsualizaciones sociales y lo que las plataformas realmente muestran basandose en las etiquetas que encuentran en tu HTML.

Cuando ingresas una URL en nuestro Verificador de Open Graph, la herramienta realiza la misma operacion que las plataformas de redes sociales ejecutan cuando alguien comparte tu enlace. Envia una solicitud HTTP a la URL, analiza la respuesta HTML y extrae cada meta tag con prefijo og: y twitter: del encabezado de la pagina. Los datos extraidos se utilizan entonces para renderizar previsualizaciones simuladas mostrando como aparecera el compartido en Facebook, Twitter, LinkedIn y otras plataformas.

Mas alla de simplemente mostrar las etiquetas, el verificador valida cada propiedad contra los requisitos especificos de cada plataforma. Verifica que og:image apunte a un archivo de imagen accesible de dimensiones adecuadas, que og:url devuelva una respuesta HTTP valida, que las propiedades requeridas esten presentes y que los valores de las propiedades se ajusten a los formatos esperados. Cada problema se marca con un nivel de severidad y una recomendacion especifica para su correccion.

La herramienta tambien identifica discrepancias comunes entre plataformas. Dado que Facebook, Twitter, LinkedIn y Pinterest tienen requisitos de visualizacion y comportamientos de respaldo ligeramente diferentes, el mismo conjunto de etiquetas OG puede producir resultados diferentes en cada plataforma. El verificador muestra estas variaciones lado a lado, ayudandote a optimizar para todas las plataformas simultaneamente en lugar de descubrir problemas despues de que el contenido ya haya sido compartido.

Para equipos que gestionan contenido a escala, el Verificador de Open Graph sirve como paso de control de calidad en el flujo de trabajo de publicacion. Antes de que una publicacion de blog, pagina de producto o pagina de destino de campana se publique, ejecutarlo a traves del verificador confirma que las previsualizaciones sociales cumplen con los estandares de calidad. Esto previene el escenario comun y embarazoso de compartir una pieza de contenido importante solo para descubrir que se muestra con una imagen faltante, titulo incorrecto o descripcion generica en redes sociales.

El verificador es particularmente valioso despues de migraciones de sitio, actualizaciones del CMS o cambios de plantilla que pueden alterar o eliminar inadvertidamente las etiquetas Open Graph. Estos cambios tecnicos pueden romper el compartir social en todo tu sitio sin ninguna indicacion visible en las paginas mismas. Una verificacion sistematica de las paginas clave inmediatamente despues de cualquier cambio tecnico detecta estos problemas antes de que afecten tu rendimiento en redes sociales.

Por que es Esencial Verificar las Etiquetas Open Graph

Crear etiquetas Open Graph es solo la mitad de la ecuacion. Sin verificacion, no puedes estar seguro de que tus etiquetas estan correctamente formateadas, accesibles para los rastreadores sociales y produciendo las previsualizaciones que esperas. Estas son las razones criticas por las que la validacion regular de Open Graph deberia ser parte de tu flujo de trabajo.

Los Rastreadores Sociales se Comportan Diferente a los Navegadores

Tu pagina puede verse perfecta en un navegador web, pero los rastreadores de redes sociales procesan las paginas de manera diferente. Tienen limites de tiempo de espera estrictos, tipicamente de dos a cinco segundos, y abandonaran el rastreo si tu pagina tarda demasiado en responder. No ejecutan JavaScript, por lo que las etiquetas OG generadas dinamicamente por scripts del lado del cliente pueden ser invisibles para los rastreadores sociales. Siguen cadenas de redireccion de manera diferente y pueden no procesar las etiquetas en la URL de destino final. El Verificador de Open Graph simula este comportamiento de rastreador, revelando problemas que son invisibles durante las pruebas normales del navegador.

Accesibilidad y Cumplimiento de Tamano de Imagen

La falla mas comun de Open Graph es una imagen que no se muestra en las previsualizaciones sociales. Esto ocurre cuando la URL de og:image devuelve un error 404, cuando la imagen esta bloqueada por robots.txt o autenticacion, cuando la imagen es demasiado pequena para los requisitos minimos de la plataforma, o cuando el servidor de imagenes es demasiado lento para responder dentro de la ventana de tiempo de espera del rastreador. El verificador valida la accesibilidad y dimensiones de la imagen para detectar estos problemas antes de que resulten en compartidos sin imagen.

Prevencion de Problemas de Previsualizacion en Cache

Las plataformas sociales almacenan agresivamente en cache los datos de Open Graph. Cuando actualizas tus etiquetas OG, los datos antiguos en cache pueden persistir durante horas o incluso dias, lo que significa que los compartidos continuan mostrando informacion desactualizada. Si el cache original capturo datos incorrectos o faltantes, el problema se agrava. Verificar tus etiquetas OG antes del primer compartido asegura que los datos iniciales en cache sean correctos. Si necesitas actualizar datos en cache, los resultados del verificador confirman lo que necesita cambiar, y luego puedes usar herramientas especificas de cada plataforma para limpiar sus caches.

Consistencia Multi-Plataforma

Cada plataforma social muestra los datos OG con un formato ligeramente diferente. Facebook muestra og:site_name encima del titulo, Twitter lo omite, y LinkedIn lo muestra de manera diferente. El recorte de imagen varia entre plataformas. Los limites de caracteres para titulos y descripciones difieren. El verificador previsualiza tu compartido en multiples plataformas simultaneamente, asegurando que tu contenido luzca profesional en todas partes, no solo en la plataforma que probaste manualmente.

Proteccion de la Reputacion de Marca

Cuando tu contenido se comparte con una imagen rota, titulo incorrecto o descripcion irrelevante, refleja mal tu marca. En contextos profesionales como LinkedIn o canales de Slack, una previsualizacion de enlace mal formateada puede socavar la credibilidad de contenido por lo demas excelente. La verificacion regular de OG asegura que cada compartido de tu contenido mantenga la apariencia profesional que tu marca exige.

Maximizacion del ROI del Trafico Social

Si inviertes tiempo y presupuesto en marketing de redes sociales, promocion de contenido o alcance a influencers, las etiquetas OG mal configuradas desperdician esa inversion. Cada compartido que se muestra sin una previsualizacion convincente representa clics e interaccion potencial perdidos. Verificar las etiquetas OG antes de lanzar campanas asegura que tu inversion social produzca el maximo retorno.

Problemas Comunes de Open Graph y Como Solucionarlos

A traves de millones de verificaciones de URLs, ciertos problemas de Open Graph aparecen consistentemente. Estos son los problemas mas frecuentes, sus causas y soluciones paso a paso para cada uno.

No se Muestra Imagen en la Previsualizacion Social

Este es el problema OG mas reportado. Las causas comunes incluyen: la etiqueta og:image falta completamente de la pagina, la URL de la imagen devuelve un error 404 o redireccion, la imagen se sirve sobre HTTP mientras la pagina usa HTTPS causando bloqueo de contenido mixto, la imagen es demasiado pequena para cumplir los minimos de la plataforma, o la imagen tarda demasiado en cargar y el rastreador se agota. Solucion: Agrega una etiqueta og:image valida apuntando a una URL HTTPS de una imagen de al menos 1200 por 630 pixeles, alojada en un servidor que responda en menos de dos segundos.

Imagen Incorrecta Apareciendo en la Previsualizacion

Cuando la og:image especificada falla la validacion, las plataformas recurren a escanear el cuerpo de la pagina buscando cualquier imagen disponible, lo que puede seleccionar un logo, icono, imagen de barra lateral o anuncio. Solucion: Verifica que tu URL de og:image carga correctamente cuando se accede directamente en un navegador. Asegurate de que la URL no requiera autenticacion o cookies. Prueba que el servidor de imagenes responda rapidamente y no bloquee agentes de usuario de rastreadores.

Previsualizacion Desactualizada Despues de Actualizar Etiquetas

Las plataformas sociales almacenan datos OG en cache para eficiencia, por lo que actualizar tus etiquetas no cambia inmediatamente las previsualizaciones existentes. Facebook puede almacenar datos en cache hasta por 30 dias. Solucion: Despues de actualizar las etiquetas OG, usa el Depurador de Compartidos de Facebook para hacer clic en Extraer de nuevo, lo que obliga a Facebook a volver a recuperar tu pagina. Para Twitter, envia la URL al Validador de Tarjetas. Para LinkedIn, usa el Inspector de Publicaciones y haz clic en el boton de actualizar. Permite 24 horas para que los caches se propaguen completamente.

Titulo o Descripcion Truncados en la Previsualizacion Social

Facebook trunca titulos a aproximadamente 88 caracteres y descripciones a unos 300 caracteres. Twitter es mas restrictivo con titulos a 70 caracteres. LinkedIn trunca a limites similares. Solucion: Mantiene og:title por debajo de 60 caracteres y og:description por debajo de 200 caracteres para asegurar la visualizacion completa en todas las plataformas. Prioriza la informacion mas importante al inicio en caso de truncamiento en plataformas mas estrictas.

Etiquetas OG Presentes Pero No Siendo Leidas

Si tus etiquetas OG son generadas por JavaScript despues de la carga de la pagina, los rastreadores sociales no pueden verlas porque no ejecutan JavaScript. Las aplicaciones de pagina unica construidas con React, Angular o Vue frecuentemente tienen este problema. Solucion: Implementa renderizado del lado del servidor (SSR) o usa un servicio de pre-renderizado que sirva HTML estatico con etiquetas OG a los agentes de usuario de rastreadores sociales. Verifica viendo el codigo fuente de tu pagina sin JavaScript habilitado.

og:url y URL Canonica Inconsistentes

Cuando og:url difiere de la etiqueta canonica o la URL real de la pagina, las plataformas sociales pueden consolidar los conteos de compartidos bajo la URL incorrecta o mostrar contenido inesperado. Solucion: Asegurate de que og:url, la etiqueta canonica y la URL real de la pagina apunten a la misma URL preferida. No incluyas parametros de rastreo, IDs de sesion o fragmentos de URL en ninguno de estos valores.

Requisitos Especificos de Open Graph por Plataforma

Aunque el protocolo Open Graph proporciona un estandar universal, cada plataforma social interpreta y muestra los datos OG con sus propios matices. Comprender estos requisitos especificos por plataforma asegura previsualizaciones optimas en todas partes donde se comparte tu contenido.

Facebook

Facebook fue el creador del protocolo Open Graph y tiene el soporte mas completo. Las etiquetas requeridas son og:title, og:type, og:image y og:url. Facebook recomienda encarecidamente og:description y og:site_name. Para imagenes, el tamano minimo para una previsualizacion grande es 600 por 315 pixeles, pero se recomienda 1200 por 630 pixeles para pantallas de alta resolucion. Facebook soporta multiples etiquetas og:image y usara la primera valida. La plataforma almacena agresivamente en cache los datos OG, asi que usa el Depurador de Compartidos para limpiar el cache despues de actualizaciones.

Twitter

Twitter usa su propio marcado de Tarjetas con etiquetas con prefijo twitter: pero recurre a las etiquetas Open Graph cuando las etiquetas de Tarjeta estan ausentes. La propiedad twitter:card es requerida para activar la funcionalidad de Tarjeta. Twitter soporta los tipos Summary, Summary with Large Image, App y Player. Para tarjetas de Imagen Grande, el tamano minimo de imagen es 300 por 157 pixeles, y la relacion de aspecto se recorta a aproximadamente 2:1. Twitter no soporta multiples etiquetas de imagen y usara solo la primera.

LinkedIn

LinkedIn lee las etiquetas Open Graph estandar y las muestra en un formato similar a Facebook. La plataforma prefiere imagenes de 1200 por 627 pixeles y soporta formatos JPEG y PNG. El Inspector de Publicaciones de LinkedIn te permite previsualizar y actualizar datos OG en cache. Una diferencia importante es que LinkedIn muestra og:description de manera mas prominente que algunas otras plataformas, por lo que invertir en una descripcion convincente beneficia particularmente el rendimiento de compartir en LinkedIn.

Pinterest

Pinterest lee og:image para Rich Pins y prefiere imagenes verticales con una relacion de aspecto 2:3 para una visualizacion optima en el feed de pines. Pinterest tambien soporta su propio conjunto de metadatos a traves del marcado de Rich Pin de Pinterest, que puede validarse a traves de su Validador de Rich Pin. Para sitios de comercio electronico, Pinterest puede extraer precios y disponibilidad de productos de datos estructurados junto con las etiquetas OG.

WhatsApp y Aplicaciones de Mensajeria

WhatsApp, Telegram, Slack y Discord leen etiquetas Open Graph para generar previsualizaciones de enlaces en los mensajes. Estas plataformas tipicamente muestran og:title, og:description y og:image en un formato de tarjeta compacta. Los requisitos de imagen son generalmente menos estrictos que las plataformas de redes sociales, pero las imagenes aun deberian ser de al menos 300 por 200 pixeles y cargar rapidamente. Los rastreadores de aplicaciones de mensajeria frecuentemente tienen ventanas de tiempo de espera muy cortas, haciendo que los tiempos de respuesta rapidos del servidor sean particularmente importantes.

Preguntas Frecuentes

Todo lo que necesitas saber sobre Verificador de Open Graph

El Verificador de Open Graph analiza todas las meta tags de redes sociales en una pagina web incluyendo og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale, etiquetas Twitter Card y cualquier propiedad OG o social adicional. Valida cada etiqueta contra los requisitos de la plataforma, verifica la accesibilidad y dimensiones de la imagen, identifica propiedades requeridas faltantes y genera previsualizaciones simuladas de redes sociales mostrando como aparecera la pagina en Facebook, Twitter y LinkedIn.

Esto tipicamente ocurre porque tu etiqueta og:image apunta a una URL que devuelve un error, referencia una imagen demasiado pequena para los requisitos minimos de Facebook de 200 por 200 pixeles, o el servidor de imagenes es demasiado lento para responder antes de que el rastreador de Facebook se agote. Tambien puede ocurrir si tu etiqueta og:image esta siendo generada por JavaScript, que el rastreador de Facebook no puede ejecutar. Corrige la URL de la imagen, asegurate de que cargue rapidamente sobre HTTPS y usa el Depurador de Compartidos de Facebook para limpiar la previsualizacion en cache.

Cada plataforma tiene su propio metodo de limpieza de cache. Para Facebook, visita developers.facebook.com/tools/debug, ingresa tu URL y haz clic en Extraer de nuevo. Para Twitter, envia tu URL a cards-dev.twitter.com/validator. Para LinkedIn, usa linkedin.com/post-inspector y haz clic en el boton de actualizar. Los caches de WhatsApp son mas dificiles de limpiar y tipicamente requieren esperar 24 a 48 horas para la actualizacion automatica. Despues de limpiar los caches, verifica la previsualizacion actualizada compartiendo el enlace en una publicacion de prueba privada.

Si, puedes verificar las etiquetas Open Graph en cualquier URL de acceso publico, incluyendo sitios web de competidores. El verificador recupera la pagina de la misma manera que los rastreadores de redes sociales, extrayendo todas las etiquetas OG y Twitter Card disponibles. Esto lo convierte en una herramienta valiosa de investigacion competitiva para ver como los competidores presentan su contenido en redes sociales. Las paginas que requieren autenticacion o estan bloqueadas por robots.txt pueden no ser completamente accesibles para el verificador.

El tamano minimo de og:image varia segun la plataforma. Facebook requiere al menos 200 por 200 pixeles para una miniatura y 600 por 315 pixeles para una previsualizacion grande. Twitter requiere al menos 144 por 144 pixeles para tarjetas Summary y 300 por 157 pixeles para tarjetas de Imagen Grande. LinkedIn requiere al menos 200 por 200 pixeles. El tamano universalmente recomendado es 1200 por 630 pixeles, que funciona bien en todas las plataformas principales y se ve nitido en pantallas de alta resolucion.

Si el verificador no encuentra etiquetas OG, las causas mas probables son: tus etiquetas son generadas por JavaScript del lado del cliente que el rastreador no puede ejecutar, tu pagina redirige y las etiquetas existen solo en la URL original no en el destino, tu servidor bloquea agentes de usuario de rastreadores, o las etiquetas estan colocadas fuera de la seccion head del HTML. Verifica el codigo fuente de tu pagina haciendo clic derecho y seleccionando Ver codigo fuente para confirmar que las etiquetas aparecen en el HTML sin procesar antes de cualquier ejecucion de JavaScript.

Si, cada pagina que pueda ser compartida en redes sociales deberia tener su propio conjunto unico de etiquetas Open Graph con contenido especifico de esa pagina. Usar el mismo og:title, og:description y og:image en todas las paginas resulta en que cada compartido luzca identico independientemente de que pagina se compartio, lo que confunde a los usuarios y reduce la interaccion. Las plataformas CMS y los plugins SEO pueden automatizar la generacion unica de etiquetas OG basada en el contenido de la pagina, haciendo que la personalizacion por pagina sea manejable incluso para sitios grandes.

Verifica las etiquetas Open Graph siempre que publiques contenido nuevo, actualices paginas existentes, cambies la plantilla o tema de tu sitio, instales o actualices plugins del CMS, o migres tu sitio a una nueva plataforma. Para sitios de alto trafico, establece una auditoria trimestral de tus paginas mas compartidas para detectar cualquier degradacion. Siempre verifica las etiquetas OG antes de lanzar campanas en redes sociales o enviar contenido a influencers, ya que las previsualizaciones rotas desperdician la inversion promocional y danan la percepcion de marca.

Herramientas SEO Relacionadas

Explore otras herramientas para mejorar su estrategia SEO

Generador de Open Graph

Crea etiquetas Open Graph para vistas previas enriquecidas en redes sociales

Generador de Meta Etiquetas

Crea meta etiquetas optimizadas para mejor visibilidad en motores de busqueda

Analizador de Meta Etiquetas

Analiza y evalua las meta etiquetas de cualquier pagina web para SEO