Comprobador de vista previa de gráfico abierto
¿Alguna vez compartiste un enlace en Facebook o LinkedIn y la vista previa se veía completamente mal? Quizás faltaba la imagen, el título estaba cortado o la descripción mostraba algo embarazoso. Nuestro Probador de vista previa OG te permite ver exactamente cómo se verá tu página web cuando se comparta en redes sociales antes de enviarla. Simplemente pega tu URL y obtén una vista previa instantánea que muestra el título, la descripción y la imagen que aparecerán. No más sorpresas desagradables en tu feed. Prueba tu página en múltiples plataformas y asegúrate de que tus etiquetas Open Graph estén haciendo su trabajo.
Qué es
Un Probador de vista previa OG es una herramienta que te muestra exactamente cómo aparecerá una página web cuando se comparta en plataformas de redes sociales como Facebook, LinkedIn, WhatsApp y X. Cuando alguien pega una URL en una publicación social, la plataforma obtiene las metaetiquetas Open Graph de la página para construir una tarjeta de vista previa enriquecida con título, descripción e imagen. Si esas etiquetas faltan, son incorrectas o están mal formateadas, la vista previa puede verse rota — imagen incorrecta, título truncado, descripción faltante o simplemente un enlace de texto plano. El Probador de vista previa OG simula este proceso para que puedas ver lo que otros verán antes de compartir. Obtiene las etiquetas Open Graph de tu página y las renderiza en una vista previa visual que imita cómo diferentes plataformas muestran los enlaces compartidos. Esto es increíblemente útil porque cada plataforma tiene reglas de visualización diferentes. Facebook puede mostrar una imagen grande con el título debajo, mientras que LinkedIn usa una relación de aspecto diferente y WhatsApp muestra una vista previa más pequeña. Una etiqueta que se ve perfecta en una plataforma podría recortarse torpemente en otra. Probar de antemano te permite detectar estos problemas y corregir tus etiquetas para que tus enlaces siempre se vean profesionales y cliqueables.
Cómo usar
- Copia la URL de la página web que quieras probar — asegúrate de que sea una página accesible públicamente, no detrás de un inicio de sesión ni en un servidor local.
- Pega la URL en el campo de entrada del Probador de vista previa OG y haz clic en el botón de vista previa o prueba para obtener los datos de Open Graph de tu página.
- Revisa la tarjeta de vista previa generada que muestra el título, la descripción y la imagen que aparecerán cuando tu enlace se comparta en redes sociales.
- Verifica cómo se ve la vista previa en diferentes estilos de plataforma — algunos probadores muestran variaciones de Facebook, LinkedIn y WhatsApp lado a lado.
- Si algo no se ve bien, vuelve atrás y actualiza tus etiquetas Open Graph, luego vuelve a probar hasta que la vista previa se vea exactamente como deseas que aparezca.
Ejemplos
Entrada: URL: https://example.com/blog
Proceso: Obtener etiquetas OG y luego renderizar tarjeta de vista previa
Resultado: Vista previa estilo Facebook con título, descripción, miniatura
Entrada: Falta la etiqueta og:image
Proceso: Detectar advertencia y luego mostrar imagen de marcador de posición
Resultado: Vista previa con advertencia de imagen rota, sugiere agregar og:image
Búsquedas Relacionadas
La gente también busca: probador de vista previa og, vista previa de Open Graph, vista previa de redes sociales, vista previa del enlace, metaetiquetas og, vista previa de Facebook.
probador de vista previa ogvista previa de Open Graphvista previa de redes socialesvista previa del enlacemetaetiquetas ogvista previa de Facebooktarjeta de Twitterprobador de etiquetas ogvista previa para compartir en redes socialesdepurador de Open Graphminiatura del enlaceetiquetas meta socialesprobador de imagen OGvista previa de URLdepurador de redes socialesvalidador de Open Graphvista previa de compartirherramientas de desarrollo web
Preguntas Frecuentes
¿Por qué mi enlace compartido muestra la imagen incorrecta?
Esto suele ocurrir cuando tu página no tiene una etiqueta og:image, la URL de la imagen en la etiqueta está rota, o las dimensiones de la imagen no son las ideales. Facebook prefiere imágenes de 1200x630 píxeles. Si tu imagen es demasiado pequeña, Facebook podría ignorarla y tomar otra imagen de tu página. Siempre especifica una etiqueta og:image con una imagen de alta calidad en el tamaño recomendado para mantener el control sobre lo que aparece.
Mi página tiene etiquetas Open Graph pero la vista previa aún se ve mal. ¿Por qué?
Las plataformas sociales almacenan en caché los datos de Open Graph, por lo que si actualizaste tus etiquetas recientemente, la versión anterior podría seguir mostrándose. El caché de Facebook puede durar días. Usa la herramienta Sharing Debugger de Facebook para rastrear tu página y limpiar el caché. También verifica que la URL de tu og:image sea absoluta (comenzando con https://) en lugar de relativa, ya que algunas plataformas no resuelven correctamente las URLs relativas.
¿Puedo probar una página que aún no está en vivo?
La mayoría de los probadores de vista previa de OG requieren que la página sea accesible públicamente en internet. Si tu página aún está en desarrollo, puedes usar una URL de staging si está disponible públicamente, o desplegarla temporalmente para probar. Algunas herramientas avanzadas también permiten pegar HTML sin procesar o código de etiquetas Open Graph directamente para probar sin una URL en vivo.
¿Necesito etiquetas Open Graph diferentes para diferentes plataformas?
El protocolo estándar de Open Graph funciona en Facebook, LinkedIn, WhatsApp y la mayoría de otras plataformas. Sin embargo, X (Twitter) utiliza sus propias etiquetas Twitter Card además de las etiquetas OG. Para obtener los mejores resultados en todas partes, incluye tanto las etiquetas OG estándar como las etiquetas Twitter Card. Las etiquetas og:title, og:description y og:image cubrirán la mayoría de las plataformas, mientras que twitter:card y twitter:image manejan X específicamente.
¿Cuánto tiempo tardan en mostrarse las etiquetas Open Graph actualizadas cuando comparto?
Una vez que actualices las etiquetas en tu página en vivo, técnicamente están disponibles de inmediato. Sin embargo, las plataformas sociales almacenan en caché los datos, por lo que si has compartido el enlace antes, es posible que aún aparezca la vista previa anterior. Deberás usar la herramienta de depuración de cada plataforma para forzar una nueva recuperación. El Depurador de uso compartido de Facebook, el Inspector de publicaciones de LinkedIn y el Validador de tarjetas de Twitter te permiten borrar el caché y ver la vista previa actualizada.