¿Qué es un generador Open Graph?
Un generador Open Graph crea las meta tags que ayudan a las plataformas sociales a entender una página cuando alguien comparte su enlace. Estas etiquetas aportan un título, descripción, URL canónica de la página, tipo de contenido e imagen de vista previa opcional. Las plataformas pueden usar esa información para construir una vista previa más rica en lugar de adivinar a partir del contenido. Esta herramienta también crea etiquetas X/Twitter Card coincidentes cuando eliges esa opción.
Crea etiquetas para compartir
- Añade un título conciso y una descripción clara.
- Introduce la URL completa de la página que se comparte.
- Opcionalmente añade una URL pública de imagen de vista previa y un alt útil.
- Elige el tipo de página, el nombre del sitio y el locale; luego genera el HTML.
Los campos de título y descripción Open Graph pueden diferir del title SEO y la meta description habituales. Eso ayuda cuando una versión más conversacional funciona mejor en redes. Mantén el mensaje preciso: un desajuste entre la vista previa y la página de destino puede frustrar a los visitantes y reducir la confianza.
Elige una imagen de vista previa fiable
La imagen de compartir suele ser la parte más visible de una vista previa social. Usa una URL absoluta pública que los rastreadores sociales puedan acceder sin inicio de sesión, cookie ni script solo del navegador. Una imagen ancha suele ser útil para tarjetas sociales, pero cada plataforma puede recortarla, cachearla o mostrarla de forma distinta. Añade alt significativo cuando sea posible para que la imagen tenga una descripción textual concisa.
Open Graph y tarjetas X/Twitter
Las propiedades Open Graph principales son ampliamente reconocidas por las redes sociales. Las etiquetas X/Twitter Card pueden aportar información similar para esa plataforma, incluido un tipo de tarjeta con imagen grande cuando añades una URL de imagen. Los valores de título, descripción e imagen generados coinciden con Open Graph, manteniendo la configuración inicial coherente. Luego puedes adaptarlos si una plataforma necesita un mensaje distinto.
Prueba tras publicar
Pega las etiquetas generadas en el head de la página, publícala y usa el depurador o herramienta de vista previa de la plataforma. Las plataformas suelen cachear las vistas previas, así que un cambio reciente de imagen o texto puede no verse de inmediato. Confirma que la URL de la página, la de la imagen y los metadatos sean accesibles para los rastreadores antes de esperar una tarjeta actualizada.
Generación privada en el navegador
Este generador procesa el formulario localmente en tu navegador. Tus títulos, descripciones y URLs no se suben aquí. La salida escapa caracteres HTML especiales, lista para revisar y pegar en una plantilla. No sube imágenes ni inspecciona una página en vivo; verifica el resultado publicado con la plataforma social que te importe.