--- title: "Ruta Intermedia" description: "10 lecciones para un sitio Éclair profesional: modo Visual, temas, direcciones de arte, CSS, SEO, GEO, multilingüe, blog, tienda ligera y seguridad." url: "https://eclair.academy/es/rutas/intermedio" lang: "es" author: "Thierry Gustin" published: "2026-11-02" updated: "2026-11-02" --- # Ruta Intermedia > **Lo esencial** — La ruta Intermedia convierte un sitio Éclair ya en línea en un sitio profesional. En 10 lecciones dominas el modo Visual, los temas y las direcciones de arte, el SEO y el GEO, los sitios multilingües, el blog, la tienda ligera y la seguridad en el día a día. ## Haz tu sitio único y visible Diez lecciones para un sitio Éclair profesional: cuidar el diseño, ganar posiciones en Google, que las IA te citen, hablar varios idiomas y vender en línea. [Empezar la lección 1](https://eclair.academy/es/rutas/intermedio/modo-visual) Esta ruta es para ti si tu sitio ya está en línea y quieres convertirlo en un sitio Éclair profesional. Aquí aprendes a construir un sitio que no se parece a ningún otro, carga en un instante y sube tanto en los resultados de los buscadores como en las respuestas de las IA. ## Lo que sabrás hacer ### 🎨 Crear un diseño a medida Elegir un tema o una dirección de arte y ajustar colores, fuentes y composiciones. ### 📈 Apuntar a 100 en SEO y GEO Entender cada comprobación del análisis y cumplirla sin plugins. ### 🌍 Abrir tu sitio al mundo Publicar en varios idiomas y vender con un simple enlace de pago. ## Las 10 lecciones para un sitio Éclair profesional 1. [El modo Visual](https://eclair.academy/es/rutas/intermedio/modo-visual) Editar la página tal como la ven tus visitantes, mover los bloques y comprobar cómo se ve en el móvil. 2. [Temas y apariencia](https://eclair.academy/es/rutas/intermedio/temas-apariencia) Los 6 temas, la vista previa en directo, el logo, el color principal, las fuentes y el modo oscuro. 3. [Direcciones de arte y puntuación de diseño](https://eclair.academy/es/rutas/intermedio/direcciones-artisticas) Los 12 universos visuales, sus ajustes finos y la dirección imaginada por la IA. 4. [El CSS personalizado](https://eclair.academy/es/rutas/intermedio/css-personalizado) Las variables del tema, ejemplos listos para pegar y las reglas que sobreviven a las actualizaciones. 5. [El SEO con Éclair](https://eclair.academy/es/rutas/intermedio/seo) Cada comprobación del análisis, los datos estructurados, el sitemap, las redirecciones e IndexNow. 6. [El GEO: que las IA te citen](https://eclair.academy/es/rutas/intermedio/geo-ia) llms.txt, versiones Markdown, política de robots de IA, Lo esencial y puntuación GEO. 7. [Crear un sitio multilingüe](https://eclair.academy/es/rutas/intermedio/sitio-multilingue) Un idioma por contenido, traducciones vinculadas y una organización clara de las direcciones. 8. [Blog, categorías y clúster temático](https://eclair.academy/es/rutas/intermedio/blog-categorias) Categorías pilar, enlazado interno, páginas de autor y feed RSS. 9. [Vender con la tienda ligera](https://eclair.academy/es/rutas/intermedio/tienda) Fichas de producto, enlaces de pago de Stripe, PayPal o Revolut y Google Shopping. 10. [La seguridad en el día a día](https://eclair.academy/es/rutas/intermedio/seguridad-diaria) Cuentas y roles, verificación en dos pasos, copias de seguridad y página Seguridad. > **Antes de empezar** — Necesitas un sitio Éclair instalado y una cuenta de administrador. Si aún no los tienes, sigue primero la [ruta Principiante](https://eclair.academy/es/rutas/principiante). ## ¿Y después de la ruta Intermedia? Tu sitio está listo para trabajar para ti. La [ruta IA y MCP](https://eclair.academy/es/rutas/ia-mcp) te enseña a hacerlo evolucionar con el asistente integrado, o con Claude y ChatGPT gracias al conector MCP. Si creas sitios para otras personas, te espera la [ruta Experto](https://eclair.academy/es/rutas/experto). Y para cada ajuste, la [guía oficial de Éclair](https://github.com/Jacckisback/eclair-cms/blob/main/docs/GUIDE.es.md) sigue siendo la referencia. ## Preguntas sobre la ruta Intermedia ### ¿Hay que saber escribir CSS para seguir esta ruta? No. Los temas, las direcciones de arte y el modo Visual bastan para un diseño a medida. La lección sobre el CSS personalizado es opcional e incluye ejemplos listos para pegar. ### ¿Las direcciones de arte ralentizan el sitio? No. Una dirección solo añade una tipografía de títulos de 12 a 27 KB, servida por tu sitio y precargada. Éclair obtiene 100 sobre 100 en Lighthouse con sus direcciones de referencia. ### ¿La tienda ligera sustituye a un e-commerce completo? No. Sirve para unas decenas de productos que se pagan mediante enlace de Stripe, PayPal o Revolut Business, sin carrito. La lección [Vender con la tienda ligera](https://eclair.academy/es/rutas/intermedio/tienda) detalla sus límites.