Generador Open Graph
Crea etiquetas Open Graph y Twitter Card con vistas previas de compartido en vivo para Facebook, LinkedIn y X. Guía de tamaños de imagen, metadatos de artículo y comprobación de completitud.
Cargando Generador Open Graph…
Tus archivos nunca salen de tu dispositivo
Cómo usar Generador Open Graph
- 1
Abre Generador Open Graph en esta página. Se carga directamente en tu navegador.
- 2
Añade tu archivo, texto o valores y ajusta la configuración.
- 3
Copia o descarga el resultado. No se sube ni se guarda nada.
Acerca de esta herramienta
Cuando alguien comparte tu enlace en Facebook, LinkedIn, WhatsApp, Slack o X, la tarjeta de vista previa con su título, descripción e imagen sale de las etiquetas Open Graph. Sin ellas, las plataformas adivinan y a menudo eligen la imagen equivocada o ninguna. Este generador Open Graph crea las etiquetas desde un formulario y muestra vistas previas en vivo, para que sepas exactamente cómo se verá tu enlace antes de publicarlo.
Cómo crear etiquetas Open Graph
- Escribe la URL de la página, el título y la descripción.
- Añade la URL de la imagen, su texto alternativo, tamaño y tipo.
- Elige el tipo de contenido: website, article, product, book y más. Para artículos, añade autor, fechas de publicación, sección y etiquetas.
- Elige el tipo de tarjeta de Twitter y añade tus usuarios.
- Revisa las vistas previas de Facebook, LinkedIn y Twitter y la comprobación de completitud, y copia el HTML en el head de la página.
Tamaños de imagen
| Uso | Tamaño |
|---|---|
| Facebook, LinkedIn, la mayoría de apps | 1200 x 630 px (1,91:1) |
| Mínimo de LinkedIn | 1200 x 627 px |
| Tarjeta grande de Twitter | 1200 x 675 px (16:9) o 1200 x 600 |
| Alternativa cuadrada | 600 x 600 px |
Mantén las imágenes por debajo de 5 MB, usa JPG o PNG y pon el texto importante en el centro, porque algunas plataformas recortan los bordes.
Las etiquetas principales
- og:title: el titular de la tarjeta, idealmente con menos de 60 caracteres.
- og:description: una o dos frases, entre 150 y 160 caracteres aproximadamente.
- og:image: una URL https absoluta a la imagen de vista previa.
- og:url: la URL canónica de la página.
- og:type: website para la mayoría de páginas, article para entradas de blog.
- og:locale y og:site_name para el idioma y la marca.
¿No se actualizan las vistas previas?
Las plataformas guardan en caché las vistas previas de los enlaces. Después de cambiar tus etiquetas, actualiza la caché con el Sharing Debugger de Facebook o el Post Inspector de LinkedIn y vuelve a compartir. Comprueba también que la URL de la imagen sea pública y no requiera iniciar sesión.
Para los resultados de búsqueda, añade las etiquetas title y description con el generador de meta etiquetas, y ajusta tu imagen para compartir a 1200 x 630 con el redimensionador de imágenes 1200x630.
Preguntas frecuentes
¿Qué tamaño debe tener una imagen Open Graph?
1200 x 630 píxeles con proporción 1,91:1 funciona en Facebook, LinkedIn y la mayoría de apps. Mantén el archivo por debajo de 5 MB.
¿Necesito etiquetas Open Graph y Twitter Card?
X usa las etiquetas Open Graph si faltan las de Twitter, pero añadir twitter:card te permite elegir el diseño con imagen grande.
¿Por qué Facebook muestra una imagen antigua?
Facebook guarda en caché las vistas previas. Pasa la URL por el Sharing Debugger para obtener las etiquetas nuevas y vuelve a compartir.
¿Dónde pongo las etiquetas generadas?
En la sección head de la página, o en los campos sociales de tu CMS o plugin SEO.
¿og:image debe ser una URL absoluta?
Sí. Usa una URL https completa que cualquiera pueda abrir sin iniciar sesión.
¿Qué og:type debo usar?
website para la portada y las páginas generales, article para entradas de blog y noticias. Existen product y otros tipos para contenidos específicos.