Generador de gráficos abierto

Cree etiquetas Open Graph perfectas en segundos, sin necesidad de codificación.

Tool Icon Generador de gráficos abierto

Recommended: 60 characters max
Full canonical URL
0/300 characters
Recommended: 1200×630 pixels (1.91:1 ratio)

Acerca de esta herramienta

Muy bien, probablemente hayas visto esas pequeñas tarjetas de vista previa cuando pegas un enlace en Slack, Twitter o Facebook. Ya sabes, ¿el título, un fragmento de texto y tal vez una imagen? Esa es una etiqueta Open Graph haciendo su trabajo. Y si alguna vez ha intentado configurarlos manualmente, sabrá que es un poco complicado. Ahí es donde entra en juego este Open Graph Generator. No es sofisticado. No intenta impresionarte. Simplemente le ayuda a crear las metaetiquetas que necesita para que sus enlaces se vean realmente decentes cuando se comparten.

Construí esto porque me cansé de buscar en la documentación cada vez que quería compartir una publicación de blog o un enlace de proyecto. Olvidé la sintaxis exacta, estropeé las dimensiones de la imagen o omití accidentalmente una propiedad requerida. Esta herramienta supera eso. Completa algunos campos, presiona generar y boom: tiene un código limpio y listo para usar. Cópialo, pégalo en tu encabezado HTML y listo.

Características clave

  • Genera todas las metaetiquetas esenciales de Open Graph de una sola vez
  • Te permite obtener una vista previa de cómo se verá tu enlace en las principales plataformas
  • Admite imágenes, títulos, descripciones y URL personalizados
  • Resulta HTML limpio que puede colocar directamente en su sitio
  • Sin registro, sin seguimiento, sin tonterías: solo un formulario simple y resultados
  • Funciona sin conexión una vez cargado, por lo que puedes usarlo incluso sin Internet

Preguntas frecuentes

¿Necesito saber HTML para usar esto?
No. No es necesario ser desarrollador. Simplemente complete los campos (título, descripción, URL de la imagen, etc.) y la herramienta escupirá el código. Si puedes copiar y pegar, estás bien.

¿Por qué no aparece mi imagen cuando comparto el enlace?
La mayoría de las veces, se debe a que la URL de la imagen está rota, es demasiado pequeña o está bloqueada por el servidor. Asegúrese de que su imagen tenga al menos 1200 x 630 píxeles y sea de acceso público. Además, algunas plataformas almacenan en caché metadatos antiguos, por lo que es posible que necesites utilizar una herramienta como Sharing Debugger de Facebook para actualizarlos.