Generador Open Graph gratuito
Toma el control de cómo se ve tu web en redes sociales. Crea en segundos el código que define el aspecto de tus enlaces al ser compartidos.
Toma el control de cómo se ve tu web en redes sociales. Crea en segundos el código que define el aspecto de tus enlaces al ser compartidos.
Cada vez que compartes una página en LinkedIn, WhatsApp o Facebook, se genera automáticamente una vista previa: una imagen, un título, una descripción… ¿pero quién decide cómo se ve eso? Tú, si usas etiquetas Open Graph. O el algoritmo, si no haces nada.
Las etiquetas Open Graph son fragmentos de código que se colocan en el "head" de tu página web y que indican a las redes sociales qué contenido mostrar cuando alguien comparte un enlace. Si no las defines tú mismo, los resultados pueden ser aleatorios, incompletos o, en el peor de los casos, invisibles.
Por eso hemos creado esta herramienta: para que puedas generar fácilmente tus etiquetas OG sin saber programar. Solo introduces los datos, haces clic en generar, y te damos el código listo para pegar en tu web. Así de simple. Así de potente.
Esta herramienta genera las etiquetas principales del protocolo Open Graph, compatibles con las principales plataformas sociales como Facebook, LinkedIn, X, Discord, Pinterest o WhatsApp.
Podrás personalizar:
Con estos campos, cualquier enlace compartido de tu web se mostrará con una vista profesional, alineada con tu branding y optimizada para el clic
Introduce la URL completa de la página que quieres compartir para asegurarte de que el enlace apunta al destino correcto.
Escribe el título exacto que deseas que se muestre al compartir tu contenido en redes sociales o apps de mensajería.
Añade una descripción clara, atractiva y breve que resuma el contenido e invite al clic.
Sube o pega la URL directa de la imagen destacada que acompañará tu enlace en las vistas previas sociales.
Selecciona el tipo de contenido que mejor describe tu página, como “article”, “website”, “product” u otro schema compatible.
Pulsa el botón “Generar etiquetas” para obtener automáticamente el bloque de código con los campos que has completado.
Al instante, obtendrás un fragmento de código JSON-LD listo para ser integrado en tu página web.
También verás una vista previa simulada de cómo se mostrará tu enlace en redes sociales.
Copia el código generado y pégalo dentro de la etiqueta head de tu página para que los bots lo detecten correctamente.
Es ideal para creadores de contenido, diseñadores web, SEOs y cualquier persona que quiera que sus enlaces tengan el aspecto que merecen.
Si aún tienes alguna pregunta, ¡No dudes en escribirnos! Nos pondremos en contacto contigo lo antes posible.
Mandar un mensajeLas plataformas sociales intentarán adivinar qué mostrar. A veces aciertan, pero muchas veces fallan: títulos recortados, descripciones rotas o directamente sin imagen. Eso reduce el CTR y transmite una imagen poco profesional. Sin OG, estás a merced del algoritmo
Las etiquetas OG deben colocarse dentro del del HTML de tu página. Si usas WordPress, puedes hacerlo con plugins como Yoast SEO o Rank Math. Si usas HTML puro, solo copia y pega el bloque donde van las demás meta etiquetas.
El tamaño ideal es 1200x630 píxeles. Debe ser horizontal, pesar menos de 300 KB y tener buena calidad. Evita imágenes cuadradas o con texto demasiado pequeño. Facebook y LinkedIn priorizan imágenes grandes y nítidas.
Sí. El generador incluye una vista previa automática en la misma pantalla. Aun así, te recomendamos validar tu página final usando herramientas como el Facebook Sharing Debugger o el LinkedIn Post Inspector para asegurarte de que las plataformas lo interpretan correctamente.
Directamente no. Pero indirectamente sí, porque mejora tu CTR cuando alguien ve tu contenido en redes. Y un mejor CTR genera más tráfico. Y más tráfico cualificado puede traducirse en señales positivas para Google. Es parte de una estrategia más amplia.