Generador de Open Graph
Genere etiquetas Open Graph y Twitter Card para compartir perfectamente en redes sociales. Vista previa en vivo.
📋 Open Graph
📝 Article
🛒 Product
🎬 Video
🐦 Twitter Card
👁️ Vista Previa
📄 Código Generado
💡 Pegue estas etiquetas en la sección <head> de su página HTML.
Generador de Open Graph
Este generador gratuito de etiquetas Open Graph le ayuda a crear tags OG y Twitter Cards para mejor visibilidad en redes sociales.
Herramientas populares
Acerca de Generador de Open Graph
El Generador de Open Graph convierte el título, la descripción, la URL de la imagen y la URL canónica de una página en un bloque de metaetiquetas og: listo para pegar más su Twitter Card correspondiente, con una vista previa de cómo mostrarían el enlace Facebook y X. Al cambiar el tipo a artículo, producto o vídeo se añaden las propiedades que esos objetos necesitan - article:author y article:published_time, product:price:amount y currency, og:video - y twitter:card se puede fijar en summary, summary_large_image, player o app. Funciona íntegramente en tu navegador: las etiquetas generadas se copian al portapapeles y no se envían a ningún sitio.
Casos de uso
Cómo usar
Elige arriba el tipo de página: sitio web, artículo o blog, producto o vídeo. Con eso se define og:type y la tarjeta de Twitter correspondiente.
Rellena og:title (95 caracteres como máximo), og:description (200 como máximo), og:url y og:image, y después indica el ancho y el alto de la imagen, 1200 por 630 por defecto.
Añade og:site_name y elige og:locale, por ejemplo en_US, fr_FR o pt_BR.
Completa el panel adicional de tu tipo de página: article:author, published_time, section y tags; el precio y la moneda del producto; o la URL del archivo de vídeo.
Deja marcada la inclusión de la Twitter Card y define twitter:card como summary, summary_large_image, player o app, además de los perfiles de twitter:site y twitter:creator.
Compara las vistas previas al estilo de Facebook y de Twitter/X, pulsa Copiar y pega las meta etiquetas en el head de tu página.
Consejos Pro
- Pega tu contenido directamente: el Generador de Open Graph detecta los formatos de entrada más habituales y aplica valores predeterminados razonables de forma automática.
- Usa los atajos de teclado (Ctrl/Cmd+A para seleccionar todo, Ctrl/Cmd+C para copiar) y agiliza tu trabajo dentro del Generador de Open Graph.
- Si la entrada es muy grande, divide el contenido en partes: la mayoría de pestañas del navegador admiten megabytes de texto, pero analizar volúmenes enormes puede bloquear la interfaz unos instantes.
- El Generador de Open Graph no registra ni almacena lo que introduces. Si necesitas un historial, copia los resultados importantes a un archivo local o a tu aplicación de notas.
- Combina el Generador de Open Graph con otras herramientas del sitio (formateadores, conversores, codificadores) para montar flujos de datos completos sin salir del navegador.
Preguntas frecuentes
Sí, es totalmente gratis: sin registro, sin clave de API, sin marcas de agua y sin límites de uso.
No. El Generador de Open Graph se ejecuta por completo en tu navegador, en el lado del cliente. Lo que introduces nunca pasa por nuestros servidores.
No hay un límite fijo, pero es normal que todo se ralentice con entradas de más de unos pocos megabytes, según la memoria de tu dispositivo.
Sí. Los resultados generados con el Generador de Open Graph son tuyos y puedes usarlos libremente en cualquier proyecto personal o comercial.
La mayor parte de la lógica se ejecuta en JavaScript del lado del cliente, así que, tras la carga inicial, en muchos casos puedes seguir trabajando sin conexión a la red.
Ninguno. Como el Generador de Open Graph funciona en tu navegador, puedes procesar tantas entradas como permita tu hardware, sin claves de API ni restricciones.