Generador de Open Graph

Qué hace el Generador de Open Graph

El Generador de Open Graph crea las metaetiquetas sociales que deciden cómo se ve tu página cuando alguien la comparte en Facebook, LinkedIn, Slack, Discord, X/Twitter y muchas otras plataformas. Sin estas etiquetas, un enlace compartido suele mostrar solo una URL desnuda o un fragmento aleatorio; con ellas, la plataforma muestra una tarjeta cuidada con título, descripción e imagen de vista previa. Esta herramienta produce un conjunto completo de propiedades og: y las etiquetas Twitter Card correspondientes a partir de un único formulario breve, de modo que introduces cada valor una sola vez.

Indicas el título, la descripción, la URL de la imagen, la URL canónica de la página, el nombre del sitio y un tipo de contenido como website, article o product. Para X/Twitter puedes elegir entre una tarjeta de resumen compacta y una tarjeta con imagen grande, y añadir el usuario del editor. El resultado es un bloque de etiquetas <meta> listo para pegar que va dentro del <head> de la página. Como las plataformas sociales almacenan en caché estas etiquetas, generarlas bien a la primera te ahorra volver a rastrear y depurar después.

Flujo de trabajo privado, en el navegador

Todas las etiquetas se generan localmente con JavaScript del lado del cliente. La herramienta no descarga tu imagen, no rastrea tu URL y no sube ninguno de los valores que escribes: todo permanece en el navegador. Esto es útil cuando preparas tarjetas para una campaña sin lanzar, una URL de pruebas o contenido bajo embargo, porque ninguno de esos detalles sale de tu dispositivo.

Consejos prácticos

Usa una URL de imagen absoluta y accesible públicamente en lugar de una ruta relativa, porque los rastreadores sociales no pueden resolver enlaces relativos. Una imagen de 1200×630 píxeles es una opción segura y llena bien la tarjeta grande. Mantén og:title cerca del título real de tu página y redacta og:description como un gancho directo de una línea, ya que estos textos se optimizan para obtener clics y no para el posicionamiento en buscadores. Incluye siempre og:url con la dirección canónica para que las comparticiones se consoliden en una sola página. Tras publicar, valida tus etiquetas con los depuradores oficiales de cada plataforma y vuelve a rastrear si cambias la imagen, porque las plataformas guardan en caché la primera versión que ven.