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.

Introduce los siguientes datos:

¿Qué es y por qué necesitas etiquetas Open Graph?

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.

Imagen estadistica open graph

¿Qué puedes generar con esta herramienta?

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:

  • Título og:title el texto principal que se mostrará.
  • Descripción og:description el resumen que aparece debajo
  • Imagen destacada og:image la miniatura que llama la atención.
  • URL de la página og:url el enlace final que se compartirá.
  • Tipo de contenido og:type página web, artículo, producto…
  • Idioma og:locale el idioma de destino, por defecto es_ES

Con estos campos, cualquier enlace compartido de tu web se mostrará con una vista profesional, alineada con tu branding y optimizada para el clic

Cómo funciona el generador Open Graph



01

Introduce la URL completa de la página que quieres compartir para asegurarte de que el enlace apunta al destino correcto.

02

Escribe el título exacto que deseas que se muestre al compartir tu contenido en redes sociales o apps de mensajería.

03

Añade una descripción clara, atractiva y breve que resuma el contenido e invite al clic.

04

Sube o pega la URL directa de la imagen destacada que acompañará tu enlace en las vistas previas sociales.

05

Selecciona el tipo de contenido que mejor describe tu página, como “article”, “website”, “product” u otro schema compatible.

06

Pulsa el botón “Generar etiquetas” para obtener automáticamente el bloque de código con los campos que has completado.

07

Al instante, obtendrás un fragmento de código JSON-LD listo para ser integrado en tu página web.

08

También verás una vista previa simulada de cómo se mostrará tu enlace en redes sociales.

09

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.





Etiquetas Open Graph que se generan

EtiquetaDescripciónEjemplo
og:titleTítulo principal del enlaceGuía definitiva de SEO para ecommerce
og:descriptionResumen que aparece bajo el títuloAprende a duplicar el tráfico de tu tienda online
og:urlURL que se muestra al compartirhttps://tusitio.com/guia-seo
og:imageImagen de miniatura que aparece en la vista previahttps://tusitio.com/images/seo-miniatura.jpg
og:typeTipo de contenido (article, website, product...)article
og:localeIdioma/localización del contenidoes_ES

Todos los campos son opcionales, pero se recomienda rellenarlos todos para una presentación óptima.

Preguntas frecuentes

Si aún tienes alguna pregunta, ¡No dudes en escribirnos! Nos pondremos en contacto contigo lo antes posible.

Mandar un mensaje

¿Qué pasa si no pongo etiquetas Open Graph?

+

Las 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

¿Dónde pego el código generado?

+

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.

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

+

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.

¿Puedo ver cómo se verá antes de pegarlo?

+

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.

¿Esto mejora mi posicionamiento SEO?

+

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.