Generador de Open Graph

Responsables de sitios y creadores de contenido pueden usarlo antes de publicar una página o prepararla para compartir. Prepara una página para compartirla en redes sociales.

Prepara una página para compartirla en redes sociales. Todo se procesa en tu navegador, sin enviar ni guardar ningún dato.

Cómo usar

Reúne el título, la descripción, la dirección de la página y la dirección de la imagen que quieres que aparezcan cuando se comparta el enlace.
Introduce esos valores en el campo, siguiendo el orden que muestra la interfaz de la herramienta.
Ejecuta la generación para crear las etiquetas Open Graph correspondientes, listas para copiar.
Copia el código resultante y colócalo en la sección head de la página de destino.
Borra los campos para preparar otra página o comparar versiones alternativas antes de publicar.

Ejemplo

Con la muestra proporcionada, el generador crea etiquetas a partir de un título, una descripción, una dirección de página y una dirección de imagen. Comprueba que cada valor pertenezca realmente a la página en la que estás trabajando antes de copiar el código en tu sitio, especialmente el enlace de la imagen y la dirección canónica de la página.

Entrada

Page title
Short description for sharing
https://example.com/page
https://example.com/image.jpg

Resultado

<meta property="og:type" content="website">
<meta property="og:title" content="Page title">
<meta property="og:description" content="Short description for sharing">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://example.com/image.jpg">

Límites y formatos

La herramienta solo crea etiquetas para copiar; no publica nada en tu sitio por ti.
Los valores deben ser precisos, porque una dirección incorrecta producirá una vista previa social rota.
La apariencia final depende de cada plataforma social y de sus reglas de caché.
Comprueba el tamaño y el formato de la imagen directamente en la plataforma donde piensas compartir el enlace.
Prueba el resultado en varias plataformas, ya que cada una puede aplicar sus propias reglas de visualización.

Dónde se procesa

La generación ocurre en tu navegador. La información que escribes permanece en tu dispositivo y no se envía a ningún servicio externo. No necesitas una cuenta para crear o copiar el resultado.

Preguntas frecuentes

¿Dónde debo colocar el código generado?

Coloca las etiquetas en la sección head de la página de destino, preferiblemente antes de otros scripts. Indican a las plataformas sociales qué título, descripción e imagen mostrar cuando alguien comparte el enlace.

¿Puedo usar un archivo de imagen local?

No, las plataformas sociales necesitan obtener la imagen desde una dirección accesible públicamente. Usa una imagen que ya esté en línea en tu sitio o en un servicio de alojamiento permitido.

¿Por qué no se actualiza la vista previa después de mi cambio?

Las plataformas sociales a menudo almacenan en caché datos antiguos. Después de publicar las nuevas etiquetas, usa su herramienta de depuración para refrescar la caché o espera a que caduque de forma natural.