Generador de Open Graph
Crea el set completo de etiquetas og: y twitter: y mira la vista previa de la tarjeta en vivo antes de pegar nada.
Fragmento HTML
Vista previa de la tarjeta
example.com
Page title
Esta herramienta funciona por completo en tu navegador. Tus datos nunca salen de tu dispositivo y no se suben a ningún servidor.
Cómo usarlo
- 1Introduce el título, la descripción y la URL canonical de la página.
- 2Añade la URL de la imagen para compartir (1200 × 630 px sirve en todas) y elige el tipo de tarjeta.
- 3Copia las etiquetas a tu <head> y revisa la tarjeta de vista previa.
Generador de Open Graph
Cuando compartes un enlace en X, Facebook, LinkedIn, Slack o iMessage, la tarjeta se construye casi por completo con etiquetas Open Graph, y las twitter: rellenan los huecos. Este generador emite ambos espacios de nombres: og:title, og:type, og:url, og:image, og:image:alt, og:site_name, og:description y og:locale, más twitter:card, twitter:site y twitter:creator.
La mayoría de plataformas recurren a las og: cuando falta una twitter:, así que solo añade las extra donde difieran. La vista previa en vivo aproxima cómo se ve una tarjeta de imagen grande o un summary.
Preguntas frecuentes
¿Qué tamaño debe tener og:image?
1200 × 630 píxeles (1.91:1) es el valor seguro en Facebook, X y LinkedIn. Mantén el archivo por debajo de 8 MB, usa una URL absoluta y añade siempre og:image:alt por accesibilidad.
¿Necesito las etiquetas og: y twitter: a la vez?
twitter:title, twitter:description y twitter:image recurren a sus equivalentes og:. Sobre el set og: solo necesitas twitter:card (summary o summary_large_image), twitter:site y, opcionalmente, twitter:creator.
¿Qué og:type elijo?
website para portales y páginas genéricas, article para noticias y posts (añade article:published_time si puedes), y product para fichas de e-commerce. El tipo cambia cómo algunas plataformas clasifican el enlace.
Herramientas relacionadas
Generador de meta etiquetas
Genera title, description, keywords, robots y viewport con salida HTML en vivo, lista para pegar en tu <head>.
Todas las herramientas →
Vista previa SERP
Previsualiza tu fragmento en Google para escritorio y móvil con truncado por píxeles y medidores de longitud de title y description.
Todas las herramientas →
Generador de datos estructurados
Genera JSON-LD válido para Organization, LocalBusiness, Product, Article, FAQPage y HowTo, escapado y listo para pegar.
Todas las herramientas →
Generador de enlaces UTM
Añade utm_source, medium, campaign, term y content a cualquier URL y obtén un enlace de seguimiento bien codificado para copiar o compartir.
Todas las herramientas →
Insertar esta herramienta
Pon esta herramienta en tu sitio con una línea: se ejecuta en el navegador del visitante.
<iframe src="https://zoyku.com/es/tools/open-graph-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — open-graph-generator" loading="lazy"></iframe>