Genera etiquetas Open Graph y Twitter Card para que tus páginas luzcan geniales al compartirlas, con una vista previa de tarjeta social en vivo. Gratis y se ejecuta en tu navegador.

Todo se ejecuta en tu navegador. Nada de lo que escribes se sube a ningún sitio.

Etiquetas
Tamaño recomendado: 1200 × 630 px.

Twitter / X
Vista previa de Facebook / LinkedIn
Aún no hay imagen
Vista previa de Twitter / X
Metaetiquetas generadas

Acerca de Generador de Open Graph

El Generador de Open Graph crea las meta tags og: y twitter: que controlan cómo se despliega un enlace al compartirlo en Facebook, LinkedIn, X y otras plataformas. Define el tipo de contenido (sitio web, artículo, producto o perfil), título, descripción, URL canónica, imagen, nombre del sitio e idioma, además de opciones de Twitter Card, incluyendo el tipo de tarjeta y las cuentas de sitio/autor.

Dos vistas previas en vivo, una con el estilo de una tarjeta de Facebook/LinkedIn y otra como una tarjeta de X, se actualizan mientras escribes, así puedes ver exactamente cómo aparecerán el título, la descripción, el dominio y la imagen de 1200 × 630 px antes de que la página se publique.

Todo se ejecuta en tu navegador; nada de lo que escribes se sube. Copia las etiquetas de Open Graph y Twitter Card generadas al portapapeles o descárgalas como fragmento HTML listo para pegar en el <head> de tu página.

Cómo usar Generador de Open Graph

  1. Elige el og:type: sitio web, artículo, producto o perfil, o haz clic en "Rellenar ejemplo" para partir de un caso.
  2. Ingresa el título, la descripción, la URL canónica y la URL de la imagen (se recomienda 1200 × 630 px), además del nombre del sitio y el idioma.
  3. Configura el tipo de Twitter Card (Resumen o Resumen con imagen grande) y opcionalmente las cuentas @sitio y @autor.
  4. Revisa ambas vistas previas de tarjetas sociales mientras se actualizan en vivo.
  5. Copia las meta tags generadas o descarga el archivo .html y añádelo a tu página.

Preguntas frecuentes

Usa 1200 × 630 píxeles. Esa proporción se renderiza nítida como tarjeta grande en Facebook, LinkedIn y X sin recortes inesperados.

X recurre a Open Graph para la mayoría de los campos, pero twitter:card es necesaria para elegir el diseño de la tarjeta, y twitter:site / twitter:creator añaden atribución; el generador produce todas juntas.

Las plataformas sociales guardan en caché las vistas previas de enlaces. Después de implementar nuevas etiquetas, vuelve a rastrear la URL con el depurador de compartición o el validador de tarjetas de la plataforma para refrescar la caché.

No. Los datos del formulario, las vistas previas y el marcado generado existen solo en tu navegador: nada se envía a un servidor.

Sí, completamente gratuito y sin límites.

¿Necesitas ayuda?
¿Encontraste un problema con esta herramienta? Avísanos.
Informar de un problema

Añade esta herramienta gratuita a tu propio sitio web: copia y pega el código de abajo.