¿Qué son las etiquetas Open Graph?
Las etiquetas Open Graph (OG) son etiquetas meta HTML que controlan cómo se ve tu página cuando se comparte en plataformas sociales como Facebook, LinkedIn y X (Twitter). Definen el título, la descripción, la imagen y la URL de origen que se muestran en la vista previa.
¿Qué hace exactamente esta herramienta?
OG Preview te muestra una vista previa en vivo de cómo se verá una página en Facebook, X (Twitter) y LinkedIn. Hay dos modos:
- Entrada manual (predeterminado): escribe una URL/dominio, un título, una descripción y una URL de imagen. Las tres vistas previas se actualizan al instante mientras escribes.
- Obtener URL (Beta): pega la URL de una página pública y la herramienta intenta leer sus etiquetas OG/Twitter existentes a través de un proxy CORS público, y luego representa las vistas previas junto con una tabla de las etiquetas que encontró y cuáles esenciales faltan.
Todo se ejecuta en tu navegador. La herramienta no genera un archivo de código descargable, no aloja ni redimensiona imágenes y no guarda nada en un servidor.
¿Necesito etiquetas OG para cada página?
Idealmente sí: cada página debería tener su propio título, descripción e imagen para que cada enlace compartido se vea relevante en lugar de recurrir a una vista previa genérica del sitio.
¿Cuál es la diferencia entre las etiquetas OG y las Twitter Cards?
Las etiquetas OG son el estándar común que usan Facebook, LinkedIn y otros. Las Twitter Cards son etiquetas twitter: específicas de X/Twitter. Si no defines las etiquetas de Twitter, X generalmente recurre a tus etiquetas OG, por lo que muchos sitios definen ambas.
¿Qué tamaño de imagen debo usar?
1200×630px (una proporción de 1.91:1) es una opción segura en las tres plataformas. Usa una URL https:// absoluta para la imagen: los rastreadores sociales no resuelven las rutas relativas.
¿Por qué no se actualiza mi vista previa en la plataforma real?
Las plataformas sociales almacenan en caché las vistas previas de forma agresiva. Después de cambiar tus etiquetas, usa los depuradores oficiales para forzar una actualización: Facebook Sharing Debugger, Twitter Card Validator y LinkedIn Post Inspector.
¿La herramienta almacena mis datos?
No. Todo el procesamiento ocurre localmente en tu navegador. En el modo Obtener URL, la solicitud pasa a través de un proxy CORS de terceros para obtener la página, pero esta herramienta no almacena el contenido.
¿Por qué a veces falla Obtener URL?
Depende de proxies CORS públicos, y muchos sitios los bloquean o no devuelven HTML utilizable. Por eso está etiquetado como Beta: si falla, cambia a Entrada manual.