Generador de Open Graph
Genera etiquetas Open Graph y Twitter Card, con vista previa en vivo de la tarjeta al compartir.
Cómo usar Generador de Open Graph
- Introduce tu título, descripción, URL e imagen.
- Comprueba que la vista previa coincide con lo que quieres compartir.
- Copia las etiquetas en el head de tu página.
Acerca de Generador de Open Graph
El Generador de Open Graph crea las meta etiquetas og: y twitter: que controlan cómo se ve tu enlace al compartirlo en Facebook, LinkedIn, X y plataformas similares: título, descripción, URL, imagen, nombre del sitio y tipo de contenido. También dibuja una tarjeta de vista previa en vivo para que veas el diseño probable mientras rellenas los campos, y selecciona automáticamente la Twitter Card de imagen grande cuando aportas una imagen, y la card de resumen más pequeña cuando no.
Úsalo siempre que quieras que un enlace compartido muestre un titular y una imagen adecuados en lugar de una URL desnuda. El tamaño de imagen recomendado ronda los 1200×630 píxeles, que la mayoría de plataformas recorta sin problemas. Todo se ejecuta en tu navegador, así que nada de lo que introduces se sube.
Una advertencia honesta: la vista previa es una aproximación. Cada red renderiza y recorta las tarjetas de forma ligeramente distinta y, lo más importante, las almacena en caché. Si cambias tus etiquetas después de que un enlace ya se haya compartido, la tarjeta antigua puede persistir hasta que vuelvas a rastrear la URL con el depurador de la plataforma. Combina esto con el generador de meta tags para tus etiquetas SEO principales, o el generador de robots.txt para guiar a los rastreadores.
Preguntas frecuentes
¿Por qué no se muestra mi tarjeta actualizada al compartir el enlace?
Las plataformas almacenan las tarjetas en caché. Tras cambiar tus etiquetas, pasa la URL por el depurador de la red correspondiente (Facebook, LinkedIn y X tienen cada uno el suyo) para forzar un nuevo rastreo y refrescar la vista previa en caché.
¿Qué tamaño de imagen debo usar?
Se recomienda habitualmente alrededor de 1200×630 píxeles. Llena bien la tarjeta de resumen grande en la mayoría de plataformas y deja margen para el recorte que aplica cada una.
¿La vista previa es exactamente lo que verá la gente?
No. Es una aproximación bastante fiel. Cada plataforma da estilo, recorta y trunca las tarjetas de forma algo distinta, así que trata la vista previa como una guía, no como un render exacto al píxel.
¿Sigo necesitando las meta tags habituales?
Sí. Las etiquetas Open Graph controlan las tarjetas al compartir en redes sociales, no los listados de resultados de búsqueda. Úsalas junto a un título y una meta descripción normales para cubrir tanto buscadores como redes sociales.
¿Se sube algo de lo que introduzco?
No. Las etiquetas y la vista previa se generan por completo en tu navegador; nada de lo que escribes se envía a un servidor ni se almacena.