Imágenes web que ayudan al SEO: fotos reales, texto alternativo y tamaño de archivo

Las imágenes ayudan a la búsqueda y a las consultas cuando son reales, están descritas con texto y son lo bastante ligeras para cargar rápido. Usa tus propias fotos siempre que puedas, escribe un texto alternativo breve para cada imagen que aporte significado, comprime los archivos y define las dimensiones de las imágenes para que la página no salte. Las fotos de stock pesadas y sin describir hacen lo contrario.

Puntos clave

• Las fotos reales de tu trabajo, tu equipo y tu local dan a los visitantes pruebas que las imágenes de stock genéricas no pueden dar.
• El texto alternativo describe lo que muestra una imagen, para lectores de pantalla y para buscadores.
• Las imágenes demasiado grandes son una causa habitual de páginas lentas, así que redimensiona y comprime antes de subir.
• Dar a cada imagen un ancho y un alto evita que el diseño se mueva mientras carga.
• No uses carga diferida en la imagen principal de la parte superior de la página.

Por qué las fotos reales ganan al stock

Los visitantes buscan pruebas de que un negocio es lo que dice ser. Una foto de tu taller, tu oficina, tu equipo o un proyecto terminado da esa prueba. Una foto de stock de gente sonriendo delante de un portátil no da ninguna, y los visitantes ya la han visto en otra parte. Las fotos reales no necesitan una sesión profesional para ser útiles. Buena luz, un fondo limpio y un enfoque nítido con un móvil actual bastan para la mayoría de las pequeñas empresas.

Esto enlaza con las pruebas que describimos en nuestro artículo sobre la página de inicio de una empresa de servicios.

Texto alternativo: qué escribir

El texto alternativo es una descripción breve en el código de la página. Los lectores de pantalla lo leen en voz alta a quien no puede ver la imagen, y los buscadores lo usan para entender qué muestra. Describe el contenido con sencillez: «Mesa de comedor de roble con seis sillas en una exposición luminosa» es mejor que «mesa» o que una ristra de palabras clave. Si una imagen es puramente decorativa, dale un atributo alt vacío para que los lectores de pantalla la salten.

No llenes el texto alternativo de palabras clave. Escribe para una persona que no puede ver la imagen. Las imágenes accesibles también forman parte de nuestra lista de comprobación de la Ley de Accesibilidad.

Nombres de archivo, formatos y tamaño

Pon nombres descriptivos a los archivos antes de subirlos, como «mesa-comedor-roble-exposicion.jpg» y no «IMG_4821.jpg». Te ayuda a organizarlos y da a los buscadores una pista extra.

En cuanto al tamaño, redimensiona la imagen al tamaño máximo al que se va a mostrar. Una foto sacada directamente del móvil puede tener varios miles de píxeles de ancho, mucho más de lo que necesita cualquier diseño. Después comprímela y usa un formato moderno como WebP o AVIF, que suelen ocupar menos que JPEG con una calidad similar. La mayoría de las plataformas web actuales pueden hacer la conversión por ti.

Saltos de diseño y carga

Si una página no sabe cuánto va a ocupar una imagen, el texto salta hacia abajo cuando aparece. Define ancho y alto en cada imagen, o reserva su espacio en el diseño. Google cuenta estos saltos como Cumulative Layout Shift, y una buena puntuación es 0,1 o menos.

Las imágenes más abajo en la página pueden cargarse solo cuando el visitante se acerca con el scroll, lo que se llama carga diferida (lazy loading). La imagen principal de la parte superior, que a menudo es el elemento del Largest Contentful Paint, debe cargarse de inmediato. El umbral de Google para un buen Largest Contentful Paint es de 2,5 segundos o menos. Nuestra guía de velocidad web profundiza en ello.

Imágenes en páginas locales y de servicio

Una página sobre un servicio resulta más convincente con fotos de ese servicio ya hecho. Si trabajas en una zona concreta, añade fotos que la muestren: el local, la furgoneta, trabajos terminados en la región. Nombra el lugar en el pie de foto cuando sea cierto. Nuestra guía de SEO local enumera los demás sitios donde mantener tu información coherente.

Una revisión rápida de tu propia web

Abre tus tres páginas más importantes y comprueba cuatro cosas. ¿Las fotos son tuyas? ¿Cada imagen con significado tiene descripción? ¿Los archivos tienen un tamaño razonable? ¿La página se queda quieta mientras carga? Arregla primero las imágenes más pesadas.

Si quieres otra mirada, nuestra auditoría web gratuita incluye comprobaciones de velocidad e imágenes, y una llamada de descubrimiento gratuita de 30 minutos es el momento de hablar de un plan de fotos. Nuestro trabajo muestra cómo presentamos proyectos reales.