Verificador de Open Graph y Twitter Card

El verificador de Open Graph y Twitter Card de ToolsPivot analiza las etiquetas OG de cualquier URL y muestra cómo se verá tu enlace al compartirlo en Facebook, X, LinkedIn y WhatsApp. Sin registro, con hasta 60 páginas al día por visitante y 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 están bien configuradas, la plataforma muestra lo que le parece (un título cortado, una imagen que no tiene nada que ver o, peor aún, nada en absoluto). Y eso, en la práctica, significa perder clics. Con esta herramienta puedes comprobar en segundos si tu página tiene las etiquetas correctas antes de que otro comparta tu enlace y se vea mal.

Qué es el Protocolo Open Graph y Por Qué Importa

El protocolo Open Graph es un conjunto de metaetiquetas HTML creado por Facebook en 2010 para controlar cómo aparece el contenido de una página web cuando se comparte en redes sociales. Hoy lo usan Facebook, Instagram, LinkedIn, WhatsApp, Telegram, Discord y Pinterest, entre otros. Básicamente, estas etiquetas le dicen a la red social: "esto es lo que quiero que muestres como título, esta es la imagen y esta es la descripción".

Sin etiquetas OG, las plataformas intentan adivinar qué 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 técnico, descuidan esta parte. Eso se traduce en vistas previas poco atractivas que reducen el CTR en redes sociales. Un enlace con una imagen y un título claros llama más la atención y recibe más clics que uno con una previsualización rota o genérica. Si necesitas crear estas etiquetas desde cero, la pestaña Generar etiquetas de este mismo verificador te da el código listo.

Las cuatro etiquetas básicas que toda página necesita son:

• og:title - El título que aparecerá en la vista previa (los títulos largos se cortan; la documentación de las tarjetas de X fija un máximo de 70 caracteres).
• og:description - La descripción que acompaña al título (entre 100 y 200 caracteres para no cortarse).
• og:image - La URL de la imagen que se mostrará. Facebook recomienda 1.200 x 630 píxeles.
• og:url - La URL canónica de la página.

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

Qué Analiza Este Verificador de Etiquetas OG

La herramienta escanea el código 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 previsualización de cómo se verá tu enlace al compartirlo.

Etiquetas Open Graph

Detecta y valida todas las etiquetas og: presentes en el head de tu página, incluyendo título, descripción, 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

Además 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 og:title, og:description y og:image cuando no encuentra las suyas; sin twitter:card, como mucho muestra la tarjeta pequeña de resumen. Si solo te interesa X, ve directamente a la revisión de la tarjeta de X dentro de este mismo verificador.

Previsualización en Redes Sociales

Puedes ver directamente cómo se mostrará tu enlace en Facebook, X (Twitter), LinkedIn y WhatsApp, de forma muy parecida a lo que enseña cada app. Sin tener que compartirlo de verdad primero. Esto ahorra un tiempo considerable cuando estás optimizando varias páginas o haciendo pruebas con diferentes imágenes y títulos.

Validación de Imagen OG

La imagen es el elemento que más 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 píxeles funciona bien en la mayoría de redes. Por debajo de 600 x 315 píxeles, Facebook la muestra como miniatura, y por debajo de 200 x 200 no la usa. El verificador marca como problema las imágenes de menos de 200 x 200 píxeles y te sugiere una más grande si no llega a 1.200 x 630. Si necesitas ajustar las dimensiones, un redimensionador de imágenes puede ahorrarte trabajo.

Metadatos SEO Básicos

El verificador cruza las etiquetas OG con los datos básicos de la página: si falta og:title, avisa de que se usará el título de la página, y si og:url falta o no coincide con la dirección analizada, también lo señala. Para revisar el título SEO y la meta descripción, y comprobar si hay coherencia entre lo que Google muestra en los resultados de búsqueda y lo que las redes sociales muestran en sus previsualizaciones, usa el verificador de metaetiquetas.

Ventajas de Usar un Verificador de Open Graph

• Previsualización antes de compartir. Compruebas cómo se verá tu enlace en redes sin publicarlo. Eso evita sorpresas (y correcciones a posteriori).
• Detección de errores invisibles. Una etiqueta mal cerrada o una imagen con URL rota no se ve a simple vista en el navegador, pero sí afecta a la vista previa social.
• Ahorro de tiempo en auditorías. Si gestionas un sitio con cientos de páginas, revisar las etiquetas OG de forma manual página por página es inviable. La herramienta revisa cada página en segundos y lista todas sus etiquetas de una vez, así que puedes repasar tus páginas clave sin leer el código fuente.
• 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 título claro, una descripción 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 botón y obtienes el análisis. Así de sencillo.
• Compatible con cualquier CMS. Da igual si tu web está en WordPress, Shopify, PrestaShop, Wix o es una web hecha a medida. Lee el HTML de la página publicada.

Funcionalidades Clave

• Análisis 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 página.
• Verificación 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 cómo aparecerá tu enlace en el feed de Facebook, incluyendo recorte de imagen y truncamiento de texto.
• Vista previa de LinkedIn. LinkedIn tiene sus propios límites de caracteres y formatos de imagen; la vista previa se parece mucho a la real, aunque no es idéntica.
• Comprobación de imagen. Valida que la imagen og:image cargue, que su dirección no sea relativa y que su tamaño y su proporción sean adecuados.
• Detección de etiquetas ausentes. Identifica las etiquetas obligatorias que faltan y las señala para corregirlas.
• Comprobación de og:url y og:type. Avisa si og:url falta o no coincide con la página analizada y si falta og:type, en cuyo caso la página se trata como website.
• Resultados instantáneos. El análisis tarda unos pocos segundos, incluso en páginas con mucho código.
• Hasta 60 páginas al día. Cada visitante puede analizar hasta 60 páginas diarias sin crear una cuenta.

Cómo Usar el Verificador Open Graph

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

Paso 2: Pulsa el botón de análisis y espera unos segundos mientras se rastrea el HTML de la página.

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

Paso 4: Consulta la previsualización para ver cómo se mostrará el enlace en Facebook, X (Twitter), LinkedIn y WhatsApp.

Paso 5: Si detectas problemas, corrige las etiquetas en tu CMS o directamente en el código HTML y vuelve a ejecutar el análisis para confirmar los cambios.

Cuándo Conviene Verificar las Etiquetas Open Graph

El verificador es especialmente útil en situaciones concretas que van más allá de una simple revisión rutinaria. No se trata de usarlo una vez y olvidarse; hay momentos clave donde una comprobación marca la diferencia.

• Antes de lanzar una campaña en redes. Si vas a invertir en publicidad o difusión orgánica, asegúrate de que el enlace se verá bien. Un anuncio en Facebook con imagen rota desperdicia presupuesto.
• Al publicar contenido nuevo. Artículos de blog, fichas de producto, landing pages. Cada página nueva debería pasar por el verificador antes de compartirla.
• Tras cambiar imágenes o títulos. Las redes sociales cachean las vistas previas. Si cambias la imagen OG pero no purgas la caché de Facebook (con su Sharing Debugger), puede seguir mostrando la antigua.
• Durante auditorías técnicas SEO. Las etiquetas OG forman parte del SEO técnico. Si estás revisando meta etiquetas, canonicals y datos estructurados, incluir OG en la revisión es lo lógico.
• Al migrar a otro CMS o dominio. Las migraciones rompen cosas. Verificar que las etiquetas OG siguen intactas después 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 cómo se ve tu enlace. A veces el problema es tan simple como una imagen cortada.
• En sitios multiidioma. Las páginas con versiones en varios idiomas necesitan etiquetas og:locale correctas (es_ES, es_MX, en_US). Si no coinciden, las redes pueden mostrar la versión equivocada.

Casos Prácticos: Quién Necesita Esta Herramienta

Agencia de Marketing Digital Preparando Entregables

Situación: Una agencia en Barcelona gestiona las redes de 15 clientes y necesita asegurar que cada enlace compartido se muestra correctamente en Facebook, LinkedIn y WhatsApp. Cómo lo resuelve:

• Analiza las URLs principales de cada cliente con el verificador.
• Detecta fichas de producto con imagen OG en baja resolución.
• Corrige las etiquetas y documenta el cambio en el informe mensual. Resultado: Las fichas de producto se comparten con imágenes nítidas en Facebook, LinkedIn y WhatsApp.

Tienda Online en MercadoLibre y Shopify

Situación: Un vendedor con tienda propia en Shopify y presencia en MercadoLibre comparte enlaces de productos en grupos de WhatsApp Business y Facebook. Cómo lo resuelve:

• Verifica que cada ficha de producto tiene og:image con la foto principal del producto (no una genérica).
• Ajusta og:description para incluir precio y envío gratis, que es lo que el comprador quiere ver en la vista previa.
• Comprueba la previsualización antes de enviar el enlace a sus grupos de ventas. Resultado: Los enlaces compartidos en WhatsApp muestran imagen, título y descripción correctos, lo que genera más consultas directas.

Community Manager de Pyme

Situación: La persona encargada de redes sociales en una empresa mediana de Bogotá publica 3-4 artículos del blog corporativo por semana en LinkedIn y Facebook. Cómo lo resuelve:

• Antes de cada publicación, pasa la URL por el verificador para confirmar que el título no se corta y la imagen se ve bien.
• Detecta que el plugin SEO de WordPress no está generando og:image para las páginas de categoría 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

Situación: Un programador en Workana está entregando un sitio web para un restaurante en Ciudad de México y necesita que los enlaces funcionen bien al compartirlos. Cómo lo resuelve:

• Usa la herramienta para verificar las páginas principales: inicio, menú, reservas, contacto.
• Descubre que falta og:type en todas las páginas y que la imagen apunta a un localhost.
• Corrige el código antes de la entrega final al cliente. Resultado: El cliente comparte el enlace de su web en Facebook y WhatsApp y se muestra exactamente como esperaba.

Estudiante Universitario con Blog de Investigación

Situación: Una estudiante de la Universidad Complutense tiene un blog donde publica resúmenes de su TFG y los comparte en LinkedIn para construir su perfil profesional. Cómo lo resuelve:

• Verifica que cada entrada del blog tiene og:title con el título de la investigación y og:image con una gráfica relevante.
• Ajusta og:description para que resuma la investigación 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 usa el protocolo OG de forma completa, ya que Open Graph nació allí. Las imágenes se muestran mejor a 1.200 x 630 px y los títulos demasiado largos se cortan según el espacio disponible. Las publicaciones del feed de Instagram, en cambio, no muestran tarjetas de vista previa de enlaces.

LinkedIn reconoce las etiquetas OG pero aplica sus propios límites de truncamiento. Los títulos largos pueden perder las últimas palabras. Para la imagen, LinkedIn recomienda al menos 1.200 x 627 píxeles con proporción 1,91:1, y las de menos de 401 px de ancho las muestra como miniatura.

WhatsApp y Telegram generan vistas previas basadas en las etiquetas OG. WhatsApp lee la página cuando quien lo envía pega el enlace y pide que og:image pese menos de 600 KB y tenga al menos 300 px de ancho. Telegram guarda una copia en caché que puedes actualizar con su bot @WebpageBot. Si og:image no está presente o apunta a una URL rota, la vista previa puede salir sin imagen. En mercados hispanohablantes, donde WhatsApp es la app de mensajería por excelencia, esto tiene un impacto directo en la difusión de contenido.

X (antes Twitter) prioriza sus propias etiquetas de Twitter Card, pero si no las encuentra, recurre a og:title, og:description y og:image; sin twitter:card, como mucho muestra la tarjeta pequeña de resumen. En la pestaña de generación de este verificador puedes crear las etiquetas de Twitter Card junto a las OG para tener control total sobre ambos protocolos.

Pinterest usa og:image de forma prominente y recomienda imágenes verticales con proporción 2:3. Sus Rich Pins leen el mismo marcado Open Graph o Schema.org, sin necesidad de etiquetas propias de Pinterest.

Errores Frecuentes en Etiquetas Open Graph

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 más de lo que parece, especialmente en sitios que han migrado de un entorno de desarrollo a producción sin actualizar las rutas. Una buena práctica es incluir la verificación OG en tu checklist de velocidad y rendimiento antes de lanzar.

El título OG es idéntico al meta título SEO, sin adaptación. El título para Google y el título para redes sociales pueden (y a menudo deben) ser diferentes. Google valora la inclusión de la palabra clave; en redes, lo que funciona es un título que genere curiosidad o resuma el beneficio.

Falta la etiqueta og:locale, lo que hace que Facebook asuma que el contenido está en inglés. Para sitios en español, añadir og:locale con valor es_ES o es_MX (según el mercado principal) es un detalle pequeño 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 imágenes que necesitan ajuste, herramientas como un compresor de imágenes te ayudan a mantener la calidad sin pasarte de peso.

No purgar la caché 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 actualización, seguirá mostrando la versión antigua durante días.

Herramientas Relacionadas

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

• Analizador de Meta Tags: Revisa todas las meta etiquetas de una página, no solo las OG.
• Generador de Meta Tags: Crea meta etiquetas optimizadas para SEO y redes sociales.
• Verificador SEO de Sitio Web: Auditoría completa del estado SEO de tu página.
• Verificador de Enlaces Rotos: Detecta enlaces que ya no funcionan en tu sitio.
• Analizador de Enlaces: Revisa la estructura de enlaces internos y externos de cualquier página.

Preguntas Frecuentes