Mis herramientas

Generador de Open Graph

Escribe un título y una descripción, mira la tarjeta para compartir y copia las etiquetas meta.

Más opciones

Rellena cualquier campo y las etiquetas aparecerán aquí: no hay botón «generar».

Cómo se usa

  1. Rellena el título, la descripción, la imagen y la URL de la página. La vista previa de la tarjeta y las etiquetas <meta> se actualizan mientras escribes: no hay botón de generar.
  2. Abre «Más opciones» para añadir un nombre de sitio, una configuración regional o un usuario de Twitter. Desactiva Twitter Card si solo necesitas Open Graph.
  3. Copia las etiquetas y pégalas en el <head> de tu página. Descargar te da el mismo bloque como archivo .html que puedes conservar.

Ejemplo

Campos

Título «Cómo hornear el pan de masa madre perfecto» · tipo website · URL de imagen · URL de página · nombre del sitio «Blog de panadería» · configuración regional es_ES · Twitter @blogpanaderia

Etiquetas

<meta property="og:title" content="Cómo hornear el pan de masa madre perfecto">
<meta property="og:type" content="website">
<meta property="og:image" content="https://example.com/og-image.png">
<meta property="og:url" content="https://example.com/blog/pan-de-masa-madre">
<meta property="og:description" content="Una guía paso a paso, desde la masa madre hasta una miga abierta y crujiente.">
<meta property="og:site_name" content="Blog de panadería">
<meta property="og:locale" content="es_ES">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@blogpanaderia">
<meta name="twitter:title" content="Cómo hornear el pan de masa madre perfecto">
<meta name="twitter:description" content="Una guía paso a paso, desde la masa madre hasta una miga abierta y crujiente.">
<meta name="twitter:image" content="https://example.com/og-image.png">

Las etiquetas se generan en un orden fijo, así que los mismos campos producen siempre el mismo bloque. Los campos vacíos se omiten: no se generan etiquetas content="" vacías.

Alcance, límites y preguntas frecuentes

  • Sin consulta de URL: esta herramienta no puede leer las etiquetas existentes de otro sitio ni comprobar si se detecta tu página publicada. Tras publicar, pega tu URL en el depurador de compartir de Facebook o en el validador de tarjetas de X para confirmarlo.
  • Los campos vacíos se omiten. Si dejas la descripción en blanco, no se emite og:description: no hay valores de relleno.
  • Las comprobaciones de URL son avisos, no bloqueos. Una ruta relativa o un https:// ausente siguen generando la etiqueta; corrígelo por tu parte si una plataforma la rechaza.
  • Solo se generan las tarjetas de Twitter summary y summary_large_image. Las tarjetas de aplicación y de reproductor necesitan campos adicionales app:id / player: que la mayoría de las páginas no usan.
  • La imagen de vista previa se carga desde la URL exacta de og:image que escribes, igual que la obtienen las redes sociales. No se envía a nuestro servidor; si el host no responde, se muestra un marcador de posición.
  • No se sube, guarda ni escribe nada en la URL de la página. Al recargar se parte del ejemplo; si vacías los campos, se parte de cero.

Lo que la gente suele necesitar después, una vez colocadas las etiquetas.

Generador de favicons

Generador de sitemaps