Aprende a optimizar imágenes para velocidad web y visibilidad en buscadores. Formatos modernos, texto alternativo, lazy loading y Core Web Vitals. Todo aplicado sobre tu sitio real.
En la mayoría de páginas web, las imágenes representan la fracción más pesada de todo lo que el navegador tiene que descargar. No el JavaScript, no las fuentes, no el CSS. Las imágenes. Y sin embargo, es el área que con más frecuencia se deja sin revisar.
Este curso grabado parte de esa realidad. No de teoría abstracta. Cada módulo está diseñado para que apliques lo que aprendes directamente sobre tu propio sitio, con tus propias imágenes, en tu propio CMS.
No ofrecemos desarrollo web. Ofrecemos comprensión y criterio para que tú puedas tomar decisiones informadas.
Cada módulo combina explicación grabada con un ejercicio práctico que realizas sobre tu propio entorno.
Qué diferencia hay entre JPEG, WebP y AVIF. Cuándo tiene sentido migrar y cuándo no. Cómo saber si tu CMS convierte automáticamente o necesitas intervención manual. El módulo incluye una revisión guiada de las imágenes actuales de tu sitio.
El atributo alt no es solo para lectores de pantalla. Google lo lee, lo indexa y lo usa para entender el contexto visual de tu página. Aprender a escribirlo bien es una de las pocas acciones que mejoran simultáneamente dos dimensiones distintas.
Lazy loading es uno de esos cambios que produce resultados visibles en métricas reales sin tocar el código de tu sitio en la mayoría de casos. Entender por qué cambia el LCP y el CLS te permite priorizar correctamente.
Optimizar imágenes no es una tarea técnica reservada a desarrolladores. Es una decisión editorial que cualquier persona que gestiona un sitio web puede aprender a tomar con criterio.
No todos los gestores de contenido tratan los formatos modernos de la misma manera. Algunos los sirven automáticamente si el navegador los soporta. Otros requieren un plugin específico. Unos pocos necesitan configuración en el servidor.
Entender dónde está tu CMS en ese espectro es el primer paso. El segundo es saber qué hacer si no convierte por defecto. El curso aborda ambas situaciones.
AVIF ofrece mayor compresión que WebP en muchos casos, pero la compatibilidad con navegadores más antiguos es menor. WebP tiene soporte prácticamente universal desde hace años. Ninguno es siempre mejor: depende del tipo de imagen y de tu audiencia.
Ver análisis de formatosGoogle mide la experiencia de usuario con métricas concretas. Las imágenes intervienen en varias de ellas de formas distintas.
Largest Contentful Paint
Mide cuánto tarda en cargarse el elemento visual más grande de la pantalla. En la mayoría de páginas, ese elemento es una imagen. Su tamaño, formato y cómo se carga afectan directamente esta métrica.
Cumulative Layout Shift
Cuando una imagen carga sin dimensiones definidas, empuja el contenido que hay debajo. Ese desplazamiento inesperado es exactamente lo que mide CLS. Declarar width y height en el HTML es una de las correcciones más sencillas.
Interaction to Next Paint
Las imágenes no codificadas correctamente pueden saturar el hilo principal del navegador durante la carga, lo que retrasa la respuesta a interacciones del usuario. Menos peso significa más capacidad de respuesta.
El contenido se basa en documentación oficial y herramientas de referencia del sector.
Documentación oficial de Google sobre imágenes, indexación visual y mejores prácticas de SEO técnico.
Herramienta de medición de rendimiento de Google. Usada en todos los ejercicios prácticos del curso.
Referencia técnica de Mozilla para atributos HTML, formatos de imagen y comportamiento de navegadores.
Pautas de accesibilidad del W3C que rigen el uso correcto del texto alternativo en imágenes.
Respuestas directas sobre el curso y su enfoque.
No. El curso está diseñado para personas que gestionan su propio sitio web, ya sea una tienda online, un blog o una web corporativa, sin necesidad de saber programar. Se explica cada concepto desde cero y se proporcionan herramientas gratuitas que no requieren código.
Los principios del curso aplican a cualquier CMS. Los ejercicios prácticos se realizan sobre el sitio del participante, sea cual sea su plataforma. Se mencionan ejemplos específicos de WordPress, Shopify, Wix y Squarespace, pero el enfoque conceptual trasciende cualquier herramienta concreta.
El curso es un formato grabado de autoaprendizaje. No incluye revisión personalizada ni soporte técnico individualizado. Tampoco ofrecemos servicios de desarrollo web. El objetivo es que adquieras el criterio para revisar y mejorar tu sitio de forma autónoma.
WebP lleva años con soporte universal en todos los navegadores modernos. AVIF es más reciente y ofrece mayor compresión en muchos tipos de imagen, pero su compatibilidad con versiones antiguas de navegadores es menor. El módulo uno del curso analiza ambos formatos con ejemplos reales y explica cómo decidir cuál usar según el contexto.
Sí, si se aplica sin criterio. Aplicar lazy loading a la imagen principal de una página, la que aparece en pantalla sin hacer scroll, puede retrasar el LCP y empeorar la puntuación en Core Web Vitals. El módulo tres cubre exactamente este punto: cuándo usar lazy loading y cuándo es contraproducente.
El contenido grabado está diseñado para ser denso pero concreto. El tiempo total depende del ritmo de cada persona y de cuánto tiempo dedique a los ejercicios prácticos sobre su propio sitio. Al ser un curso grabado, puedes avanzar a tu propio ritmo y volver a cualquier sección cuando lo necesites.
Las tiendas con muchas imágenes de producto tienen un impacto especialmente visible cuando se optimizan correctamente. Existe un módulo de análisis específico para entornos de comercio electrónico.
Ver sección para tiendas
Si quieres saber más sobre el contenido del curso antes de acceder, puedes escribirnos directamente.
Contactar