UTILS.
Privadas por defecto
og

Generador de Open Graph

Genera meta etiquetas de Open Graph y Twitter Card con una vista previa en vivo de la compartición en redes sociales.

Tus archivos se quedan en este dispositivo

Los archivos se procesan en tu navegador, sin subirse a ningún servidor. El sitio descarga el código y los recursos necesarios. Sin cuentas ni rastreadores.

Usa Descargar para guardar esta herramienta como un archivo HTML y usarla sin conexión.

Privacidad →
— la salida aparece aquí —

Prueba un ejemplo resuelto

Ejemplo

Escribe Trail Mug como título, Acme como nombre del sitio, https://example.com/mug como URL y https://example.com/mug.jpg como imagen. El resultado tiene las etiquetas og:title, og:url, og:image y og:site_name, además de etiquetas de Twitter Card con el tipo summary_large_image.

Ten en cuenta

Usa una URL de imagen absoluta, porque la mayoría de las plataformas no resuelven rutas relativas; 1200 × 630 píxeles sirve para casi todas las vistas previas. Las plataformas guardan en caché las vistas previas, así que tras cambiar las etiquetas usa la herramienta de depuración de cada una para actualizarlas.

Acerca de esta herramienta

Crea etiquetas de Open Graph y Twitter Card y muestra cómo se verá tu enlace al compartirlo. Todo funciona en tu navegador.

Preguntas frecuentes

¿Qué es Open Graph?
Un protocolo que permite a las redes sociales mostrar una vista previa enriquecida (título, descripción, imagen) cuando se comparte tu página.
¿Qué tarjeta de Twitter se usa?
summary_large_image cuando proporcionas una imagen; de lo contrario, la tarjeta summary más pequeña.

Más herramientas