Saltar al contenido
QuickToolio
esEspañolenEnglishptPortuguêsfrFrançaisdeDeutschitItaliano

Generador de etiquetas Open Graph

Genera las etiquetas Open Graph y Twitter Card para que tu página se vea bien al compartirla en Facebook, LinkedIn, X y otras redes sociales.

Se procesa en tu dispositivo. Nada se envía a ningún servidor.
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

Genera las etiquetas og:title, og:description, og:image y similares, además de las etiquetas twitter:card correspondientes, el estándar que usan las redes sociales para generar la vista previa de un enlace.

Casos de uso

  • Preparar la vista previa social de un artículo de blog.
  • Configurar cómo se verá un producto al compartirlo en redes.
  • Añadir metadatos sociales a una landing page nueva.

Cómo funciona

  1. 1

    Rellena los campos

    Título, descripción, URL, imagen y tipo de contenido.

  2. 2

    Copia el código

    Pega el resultado en el head de tu HTML.

Detalles técnicos

  • Genera og:title, og:description, og:url, og:image, og:site_name y og:type (website por defecto) y, si eliges un tipo de tarjeta, las etiquetas twitter:card, twitter:title, twitter:description y twitter:image.
  • La URL de la imagen debe ser absoluta y pública: las redes descargan la imagen desde sus propios servidores.
  • Las redes guardan en caché la vista previa; tras cambiar las etiquetas, puede tardar en actualizarse o requerir volver a consultar la URL con su depurador de enlaces.

Preguntas frecuentes

¿Qué tamaño debe tener la imagen og:image?

Se recomienda una imagen de al menos 1200x630 píxeles para que se muestre correctamente en la mayoría de plataformas.

Herramientas relacionadas

← Web y SEO