Generador de etiquetas meta Open Graph y Twitter Card
Genera etiquetas meta de SEO, Open Graph y Twitter Card para tus páginas.
🔒 100 % en el cliente — no se envía ningún dato
Genera etiquetas meta Open Graph y Twitter Card para compartir a la perfección en redes sociales. Controla el título, la descripción y la imagen de vista previa de tus enlaces. Todo se produce en el navegador, sin recopilación de datos.
What is it for?
- ▸ Pulir la vista previa de un enlace compartido en Facebook o LinkedIn
- ▸ Configurar la Twitter Card con imagen y descripción
- ▸ Generar todas las etiquetas og: y twitter: de una sola vez
- ▸ Corregir una vista previa rota o sin imagen
FAQ
¿Para qué sirven las etiquetas Open Graph?
Definen el título, la descripción y la imagen que se muestran cuando tu página se comparte en redes sociales.
¿Necesito etiquetas separadas para Twitter/X?
Twitter lee las etiquetas Twitter Card, pero recurre a Open Graph cuando faltan; añadir ambas garantiza el mejor renderizado.
¿Qué tamaño de imagen de vista previa debo usar?
Se recomienda una imagen de 1200×630 px para una visualización nítida y sin recortes.
Related tools
Basic Auth · generador de cabecera Genera la cabecera HTTP Authorization: Basic a partir de un usuario y una contraseña. Bearer · cabecera Authorization Genera la cabecera HTTP Authorization: Bearer y extrae un token de una cabecera. Playground de código (JS/TS/Python/PHP) Ejecuta JavaScript, TypeScript, Python o PHP y ve el resultado al instante, 100% en tu navegador. Tonos de color Genera los matices claros y oscuros de un color para tu paleta, en tu navegador. Cookie · parser Descompón una cabecera Cookie o Set-Cookie en pares clave/valor legibles. Cabeceras CORS · builder Genera cabeceras CORS (Access-Control-Allow-*) para tu servidor.