Fotos en la web de tu hotel: texto alternativo, nombre de archivo, WebP/AVIF, carga diferida y sitemap de imágenes (2026)

Actualizada: 10 de noviembre de 2026

La web de un hotel vive de sus fotos: habitaciones, baño, desayuno, piscina, vistas. Pero una foto sin texto alternativo no existe para quien usa un lector de pantalla, y una foto metida como fondo CSS no la indexa Google. Esta guía resume lo que dicen la documentación de Google Search Central y las pautas WCAG del W3C, comprobadas el 10 de noviembre de 2026, y marca lo que no pudimos confirmar. Qué exige la ley sobre accesibilidad de tu web de reservas (y la exención de las microempresas) está en otra guía: /acta-europea-accesibilidad-web-hotel-2026. Aquí vamos a lo práctico: cómo preparar cada foto.

La respuesta corta

Lo esencial:

Cada foto con contenido lleva un texto alternativo (alt) que diga lo que muestra: «Habitación doble con terraza y vistas al mar», no «hotel barato playa oferta».
Las fotos puramente decorativas llevan alt vacío (alt="") para que el lector de pantalla las salte.
Nombre de archivo descriptivo: Google pone como ejemplo que «my-new-black-kitten.jpg» es mejor que «IMG00023.JPG».
Formato y peso: Google admite WebP y AVIF (además de JPEG, PNG, GIF, BMP y SVG) y recuerda que las imágenes suelen ser lo que más pesa en una página.
Carga diferida (loading="lazy") solo para las fotos que no se ven al abrir la página; nunca para la foto principal.

Texto alternativo: qué dice Google

Según «Google image SEO best practices» (actualizada el 2 de marzo de 2026):

El alt es «el atributo más importante» para dar información sobre una imagen y además mejora la accesibilidad para quien no puede verla, incluidos usuarios de lectores de pantalla o con conexiones lentas.
Google usa el alt junto con algoritmos de visión artificial y el contenido de la página para entender la imagen.
Pide evitar rellenar el alt de palabras clave. Su escala de ejemplos: sin alt (mal), lista de palabras clave (mal), «puppy» (mejor), «Dalmatian puppy playing fetch» (lo mejor): concreto y descriptivo.
Aplicado a un hotel (ejemplo nuestro): «Baño con ducha a ras de suelo y asideros» dice más que «baño» y mucho más que «hotel con encanto baño bonito».
Google también saca información de los pies de foto y de los títulos cercanos: pon las fotos junto al texto que las explica.

Texto alternativo: qué exige la accesibilidad

El criterio 1.1.1 «Contenido no textual» de WCAG (nivel A, el mismo texto en WCAG 2.1 y 2.2):

Literal: todo contenido no textual que se presenta al usuario tiene una alternativa textual que cumple el mismo propósito, con algunas excepciones.
Decoración pura (una textura, un separador): se implementa para que la tecnología de apoyo la ignore. La técnica del W3C es alt vacío y sin atributo title; poner alt="spacer" o similar es un fallo reconocido.
Fotos que son enlaces o botones: el texto describe la función, no la imagen. Una miniatura que lleva a la página de la suite se llama por su destino, por ejemplo «Suite Jardín».
La misma foto puede necesitar textos distintos según dónde aparezca: el W3C usa el ejemplo de una imagen del mundo que en una web es «International Travel» y en otra «International Campuses».
El alt va en el idioma de la página: en la versión inglesa de tu web, alt en inglés.

Nombre de archivo, formato y peso

Lo que dice Google:

Nombres descriptivos y no genéricos: evita «image1.jpg», «pic.gif» o «1.jpg». Para un hotel, algo como «habitacion-doble-vistas-mar.webp» en lugar de «IMG00023.JPG».
Formatos que Google indexa en el atributo src de img: BMP, GIF, JPEG, PNG, WebP, SVG y AVIF. Que WebP o AVIF mejoren por sí solos tu posición: no confirmado; la ventaja documentada es el peso.
Las imágenes suelen ser lo que más pesa de una página y la hacen lenta; Google recomienda medir la velocidad con PageSpeed Insights.
Fotos adaptables con srcset o picture, pero siempre con una URL de reserva en src: algunos navegadores y rastreadores no entienden esos atributos.
Google no indexa las imágenes de CSS. Si la gran foto de portada de tu web es un fondo CSS, para Google no es una imagen.

Carga diferida

Google Search Central y web.dev (de Google):

La carga diferida debe cargar todo el contenido relevante cuando entra en pantalla, sin depender de que el usuario se desplace o haga clic: Google no interactúa con la página.
Vale la carga diferida nativa del navegador (loading="lazy"), IntersectionObserver o una librería que cargue al entrar en pantalla.
web.dev: no uses loading="lazy" en las imágenes visibles al abrir la página, sobre todo la imagen más grande (LCP); úsalo solo fuera de la primera pantalla.
Pon width y height en todas las etiquetas img para evitar saltos de diseño.
Soporte del atributo para imágenes: Chrome 77, Edge 79, Firefox 75 y Safari 15.4 en adelante.

Sitemap de imágenes y datos estructurados

Según Google Search Central:

El sitemap de imágenes ayuda a que Google descubra imágenes que quizá no encontraría. Puede ser un fichero aparte o etiquetas añadidas a tu sitemap actual.
Etiquetas obligatorias: image:image e image:loc; hasta 1000 imágenes por cada URL. Las etiquetas image:caption, image:title, image:geo_location e image:license ya no figuran en la documentación.
Las imágenes pueden estar en otro dominio (por ejemplo, un CDN) si ambos dominios están verificados en Search Console y robots.txt no las bloquea.
En datos estructurados, la propiedad image es obligatoria para optar a insignias y resultados enriquecidos en Google Imágenes. La imagen de vista previa la elige Google de forma automática; puedes influir con primaryImageOfPage u og:image, sin garantía.
Los metadatos de licencia (datos estructurados o IPTC: autor, crédito, copyright, licencia) sirven para la insignia «Licensable». Google avisa de que no garantiza que se muestren.

Si tienes un alojamiento: qué preguntan los viajeros a la IA

Por qué importa:

Los viajeros preguntan a los asistentes de IA cosas como «¿la habitación tiene terraza?» o «¿el baño tiene ducha sin plato?». Una foto con buen alt y un texto cercano que lo diga deja esa información también por escrito.
Escribir en texto lo que muestran las fotos (vistas, accesibilidad del baño, tipo de cama) ayuda a quien usa lector de pantalla y a cualquier lector, humano o automático.
No sabemos ni podemos confirmar que el alt o el sitemap de imágenes cambien lo que dice un asistente de IA de tu hotel: nadie puede garantizarlo.

Cómo ayuda iQuota

iQuota pone alojamientos independientes a disposición de los asistentes de IA con reserva directa, pago en el alojamiento y 0 % de comisión, con las fotos, el precio y las condiciones que fija cada alojamiento. No podemos garantizar que un asistente de IA te recomiende.

¿Quieres que las IA den tus datos reales, con reserva directa y sin comisión? Los primeros 30 hoteles entran gratis hasta el 30 de junio de 2027.

Ver el programa Hoteles Fundadores

Preguntas frecuentes

¿Cuánto debe medir el texto alternativo?

Ni Google ni el W3C fijan una cifra. Google pide que sea útil y descriptivo y sin relleno de palabras clave.

¿Todas las fotos necesitan alt?

Las que aportan información, sí. Las puramente decorativas llevan alt vacío para que el lector de pantalla las ignore.

¿Tengo que pasar mis fotos a WebP o AVIF?

No es obligatorio. Google admite ambos formatos además de JPEG y PNG; la ventaja documentada es que las imágenes pesan mucho en la página.

¿Puedo usar carga diferida en todas las fotos?

No en las visibles al abrir la página, sobre todo la principal. Úsala para las que están más abajo.

¿Me obliga la ley a cumplir WCAG?

Depende del tamaño de tu negocio: lo explicamos en la guía del Acta Europea de Accesibilidad (/acta-europea-accesibilidad-web-hotel-2026). La referencia técnica es la EN 301 549, cuyas cláusulas web corresponden a WCAG 2.1 A y AA.

Fuentes

Más guías para hoteles

Más guías para hoteles →

English · Italiano · Português · Ελληνικά