El SEO de Imágenes Más Allá del Alt Text: Formatos de Nueva Generación y Carga Diferida

Durante años, el "SEO de imágenes" se resumía en una frase: “Ponle un texto ALT descriptivo y listo”. Yo también lo creía. Me pasaba horas optimizando etiquetas para que Google "leyera" mis fotos, pero mis métricas de Core Web Vitals seguían en rojo y la velocidad de carga de mi blog era desesperante.

Fue entonces cuando entendí que a Google no solo le importa saber qué hay en la imagen, sino cómo esa imagen afecta a la experiencia del usuario.

Si quieres que tus imágenes realmente ayuden a tu posicionamiento en 2025, tienes que mirar más allá del atributo Alt. Aquí te cuento los cambios que implementé y que dispararon mi rendimiento técnico.

---

1. Olvida el JPG y el PNG: Bienvenido al mundo WebP y AVIF

El primer gran error que cometía era subir fotos directamente desde mi cámara o banco de imágenes. Un JPG de 2MB es un ancla para tu SEO.

• WebP: Es el estándar actual. Ofrece una compresión superior al JPG sin perder calidad visible. Casi todos los navegadores modernos lo soportan.

• AVIF: Es el siguiente nivel. Comprime todavía más que el WebP (hasta un 50% más que un JPG).

• Mi consejo: Usa herramientas como Squoosh.app para convertir tus imágenes antes de subirlas. Si usas WordPress, hay plugins que lo hacen automático, pero si estás en Blogger (Blogspot), intenta subirlas ya convertidas para ahorrarle trabajo al navegador.

2. Dimensiones Reales vs. Dimensiones de Pantalla

Otro pecado capital: subir una imagen de 3000px de ancho para mostrarla en un recuadro de 600px. Estás obligando al móvil del usuario a descargar información que no va a mostrar.

• Lo que yo hago: Redimensiono mis imágenes al tamaño exacto (o al doble para pantallas Retina) antes de subirlas. Menos píxeles innecesarios = menos milisegundos de carga.

3. Carga Diferida (Lazy Loading): No cargues lo que no se ve

¿Por qué el navegador debería descargar la imagen que está al final de tu post si el usuario apenas está leyendo el título? Aquí entra el Lazy Loading.

Esta técnica le dice al navegador: "No descargues esta imagen hasta que el usuario haga scroll y esté cerca de verla".

• Cómo implementarlo: Hoy es tan fácil como añadir el atributo loading="lazy" a tus etiquetas de imagen:

  <img src="foto.webp" alt="descripción" loading="lazy">

• Ojo aquí: No apliques lazy loading a la imagen principal (LCP) o de cabecera. Esa debe cargar lo más rápido posible para que el usuario no vea un hueco en blanco al entrar.

4. Atributos de Ancho y Alto (Evita el salto de contenido)

¿Te ha pasado que estás leyendo un artículo y de repente el texto "salta" hacia abajo porque acaba de cargar una imagen? Eso se llama CLS (Cumulative Layout Shift) y Google lo penaliza.

• La solución: Define siempre el width y el height en el código de tu imagen. Así, el navegador reserva ese espacio en blanco incluso antes de que la imagen se descargue, evitando saltos molestos para el lector.

---

Mi Checklist de Optimización de Imágenes

Cada vez que preparo un artículo, sigo este proceso:

1. Formato: ¿Está en WebP?

2. Peso: ¿Pesa menos de 100 KB? (Si es más, vuelvo a comprimir).

3. Dimensiones: ¿Se ajusta al ancho de mi blog?

4. Atributos: ¿Tiene su Alt Text, su Width y su Height?

5. Prioridad: ¿Tiene loading="lazy" si no está en la parte superior?

Conclusión

El SEO de imágenes hoy es rendimiento. Un sitio web que vuela es un sitio que Google premia. El texto Alt sigue siendo vital para la accesibilidad y para Google Imágenes, pero los formatos y la carga inteligente son los que te harán ganar la batalla en los resultados de búsqueda generales.

Optimizar tus imágenes es la forma más barata y efectiva de mejorar la experiencia de tus usuarios. ¡No dejes que una foto pesada hunda tu contenido!

---

¿Has comprobado la velocidad de tu blog últimamente? ¿Cuál es tu mayor problema al optimizar imágenes? ¡Cuéntamelo en los comentarios y busquemos una solución técnica juntos!

---

Canonicalización vs. NoIndex: Cuándo y Cómo Usarlos Correctamente

Si llevas un tiempo peleándote con el SEO de tu web, seguro que te has encontrado con este dilema: tienes dos páginas que se parecen mucho y no quieres que Google te penalice por contenido duplicado.

En ese momento, te asaltan las dudas: ¿Le pongo un "canonical" o mejor un "noindex"? ¿Son lo mismo? ¿Si pongo los dos voy a romper mi posicionamiento?

Admito que, al principio de mi carrera, yo también me confundía. Pero después de ver cómo una mala decisión puede hacer desaparecer páginas clave de los resultados de búsqueda, aprendí que entender la diferencia entre estas dos etiquetas es como saber cuándo usar el freno y cuándo el embrague.

Aquí te explico, de tú a tú, cómo y cuándo usar cada una.

---

1. El Tag Canonical: "Esta es la versión oficial"

La etiqueta rel="canonical" es una sugerencia que le das a Google. Le estás diciendo: "Oye, tengo varias versiones de esta página, pero la 'buena', la que quiero que indexes y a la que quiero que le des toda la autoridad, es esta".

Úsalo cuando:

• Tienes parámetros de URL: (ej. productos que cambian de URL por color o talla, pero el contenido es el mismo).

• Contenido muy similar: Tienes un artículo en dos categorías distintas y se generan dos URLs.

• Versiones de impresión o PDFs: Quieres que el tráfico se concentre en la página HTML original.

El gran beneficio: El "link juice" (la fuerza de los enlaces) de todas las versiones se suma y se concentra en la URL canónica.

2. La Etiqueta NoIndex: "No quiero que esto salga en Google"

El noindex es una orden directa (generalmente a través de un meta-tag en el <head>). Le dices a los buscadores: "Puedes entrar aquí, pero no te atrevas a mostrar esta página en tus resultados".

Úsalo cuando:

• Páginas de poco valor (Thin Content): Tu página de política de privacidad, avisos legales o la página de "gracias" tras un formulario.

• Resultados de búsqueda interna: Nunca quieres que Google indexe las búsquedas que hacen los usuarios dentro de tu propio buscador.

• Zonas de administración o perfiles privados: Páginas que no aportan nada al usuario que busca en Google.

El gran beneficio: Ahorras Crawl Budget (presupuesto de rastreo). Google no pierde tiempo analizando basura y se centra en lo que sí vende.

---

La Gran Pregunta: ¿Cuándo usar cuál?

Aquí es donde la mayoría se equivoca. Para no fallar, yo siempre me hago esta pregunta: ¿Quiero que esta página reciba autoridad de enlaces?

• Si la respuesta es SÍ: Uso Canonical. (Por ejemplo: una versión duplicada de un post exitoso).

• Si la respuesta es NO: Uso NoIndex. (Por ejemplo: el carrito de la compra o una página de login).

El error que debes evitar: ¡No los mezcles!

Nunca, bajo ninguna circunstancia, pongas un noindex y un rel="canonical" hacia otra página en la misma URL. Estás enviando señales contradictorias: le dices a Google que "no la indexe" pero que a la vez "es una versión de otra". Esto suele terminar en que Google ignore ambas y haga lo que le dé la gana.

---

Mi Checklist de implementación rápido

1. ¿Es un duplicado necesario para el usuario? → Canonical a la versión principal.

2. ¿Es una página de servicio sin valor SEO? → NoIndex.

3. ¿Es una página de paginación (Página 2, 3...)? → Hoy en día, Google prefiere que las dejes como Index y que te asegures de que tengan su propio self-canonical.

4. ¿Quieres ocultar algo temporalmente? → Usa NoIndex, pero recuerda quitarlo cuando lances la web.

Conclusión

Entender la canonicalización vs. noindex es la diferencia entre tener un sitio web organizado que Google ama, o un caos de URLs que confunde a los algoritmos. Si priorizas la autoridad, ve por el canonical; si priorizas la limpieza y la privacidad, el noindex es tu mejor amigo.

Y recuerda: en el SEO, menos es más. Si una página no aporta valor al usuario que viene desde Google, no tiene por qué estar en su índice.

---

¿Tienes alguna página en tu blog que sospechas que te está robando autoridad por ser duplicada? ¡Déjame la URL en los comentarios y le echamos un ojo juntos!

---