Cómo escribir nombres de archivo de imagen que ayuden al SEO y a la accesibilidad

Los nombres de archivo de imagen importan, pero no tanto como se suele afirmar

Los nombres de archivo de imagen son uno de esos pequeños detalles de la web que atraen demasiada certeza. Algunos equipos los ignoran por completo y publican IMG_7421.jpg. Otros convierten cada foto de producto en un pequeño ensayo de palabras clave.

El punto medio útil es sencillo: escribe nombres de archivo que describan claramente la imagen, ayuden a las personas a gestionar los recursos y den a los motores de búsqueda un poco más de contexto. No esperes que los nombres de archivo rescaten contenido débil, texto alternativo ausente, imágenes lentas o una página confusa.

Google recomienda explícitamente usar nombres de archivo cortos y descriptivos para las imágenes. Es un buen consejo. También es un consejo limitado. Un nombre de archivo es una pista contextual entre muchas: texto circundante, título de la página, datos estructurados, pies de foto, texto alternativo, enlaces, calidad de la imagen y si la imagen es realmente útil para la página.

Con la accesibilidad ocurre algo parecido. Un buen nombre de archivo no sustituye al texto alternativo. Pero puede reducir el daño cuando algo falla, y facilita la vida a editores, desarrolladores y usuarios que descargan, guardan o comparten el archivo.

La regla breve

Usa un nombre de archivo que responda a esta pregunta:

Si alguien viera solo el nombre de archivo, ¿tendría una idea aproximada de lo que contiene la imagen?

Bueno:

• red-running-shoes-side-view.jpg
• checkout-error-message-mobile.png
• oak-dining-table-120cm-walnut.jpg
• team-planning-workshop-whiteboard.webp

Deficiente:

• IMG_7421.jpg
• final-final-v3-new.jpg
• best-cheap-running-shoes-buy-online-discount-sale.jpg
• screenshot.png

El objetivo no es la poesía. El objetivo es la especificidad útil.

Qué hace un buen nombre de archivo de imagen por el SEO

Un buen nombre de archivo ayuda a los motores de búsqueda a entender la imagen, especialmente en contextos de búsqueda de imágenes. Puede reforzar el tema de la página y el sujeto del elemento visual.

Pero es una señal débil en comparación con lo básico:

• La imagen aparece en una página relevante.
• El texto circundante explica o apoya la imagen.
• La imagen tiene texto alternativo adecuado cuando hace falta.
• La imagen se puede rastrear e indexar.
• El archivo no es innecesariamente grande.
• La página carga de forma fiable.

Si estás corrigiendo imágenes para búsqueda orgánica, empieza por la relevancia y la utilidad de la página. Luego limpia los nombres de archivo. Después revisa compresión, formatos, dimensiones, carga diferida y datos estructurados cuando corresponda. Nuestra guía sobre formatos de imagen en 2026 es un complemento útil si tu limpieza de nombres se convierte en una revisión más amplia del rendimiento de imágenes.

Qué hace un buen nombre de archivo de imagen por la accesibilidad

En sentido estricto, los nombres de archivo no son el principal mecanismo de accesibilidad para las imágenes. El texto alternativo lo es.

Si una imagen transmite información, el atributo alt debe proporcionar la alternativa textual. Si la imagen es decorativa, el atributo alt normalmente debe estar vacío: alt="". Si la imagen es un enlace o un botón, el texto alternativo debe describir la acción o el destino, no solo los píxeles.

Lo tratamos en detalle en una guía pragmática sobre texto alternativo de imágenes en 2026, y merece la pena considerar el texto alternativo como una tarea editorial independiente.

Entonces, ¿por qué preocuparse por los nombres de archivo desde el punto de vista de la accesibilidad?

Porque los nombres de archivo suelen aparecer en los bordes de la experiencia:

• Algunas combinaciones de tecnología de asistencia/navegador pueden mostrar un nombre de archivo cuando falta el texto alternativo.
• Las imágenes descargadas necesitan nombres comprensibles fuera de la página web.
• Las bibliotecas multimedia de un CMS son más fáciles de auditar cuando los nombres son descriptivos.
• Es menos probable que los editores adjunten la imagen equivocada cuando los archivos tienen nombres claros.
• Las imágenes rotas y las vistas de depuración son más fáciles de interpretar.

Un nombre de archivo no hará accesible una imagen inaccesible. Pero un mal nombre de archivo puede hacer que los fallos sean más confusos.

Una convención de nombres práctica

Usa este patrón predeterminado:

subject-detail-context.ext

Ejemplos:

• espresso-machine-steam-wand-closeup.jpg
• pricing-table-enterprise-plan-desktop.png
• garden-chair-green-metal-front-view.webp
• password-reset-email-example.png

Para productos, una versión un poco más estructurada suele funcionar mejor:

brand-product-model-color-view.ext

Ejemplos:

• acme-trail-jacket-blue-front.jpg
• northline-desk-lamp-brass-side.webp
• terra-ceramic-mug-white-top-view.jpg

Para imágenes editoriales:

topic-specific-scene.ext

Ejemplos:

• remote-team-video-call-laptop.jpg
• city-bike-lane-rain-evening.jpg
• developer-debugging-http-headers-terminal.png

Para capturas de interfaz:

feature-state-device.ext

Ejemplos:

• checkout-validation-error-mobile.png
• account-settings-two-factor-enabled-desktop.png
• analytics-dashboard-empty-state-tablet.png

No se trata de una taxonomía rígida. Se trata de eliminar la ambigüedad.

Usa guiones, minúsculas y palabras sencillas

Para recursos web públicos, prefiere:

• Letras minúsculas
• Guiones entre palabras
• Sin espacios
• Sin guiones bajos
• Sin puntuación aparte de guiones
• Sin caracteres especiales salvo que tu sistema los requiera

Bueno:

blue-cotton-shirt-front.jpg

Evita:

Blue Cotton Shirt (Front).jpg

blue_cotton_shirt_front.jpg

bluecottonshirtfront.jpg

Los guiones son más fáciles de leer, más fáciles de copiar y se entienden ampliamente como separadores de palabras en las URL. Las minúsculas también evitan molestos errores de sensibilidad a mayúsculas y minúsculas entre el desarrollo local, servidores Linux, CDNs y almacenamiento de objetos.

Mantén los nombres de archivo cortos, pero no vagos

Un nombre de archivo debe ser lo bastante largo para describir la imagen y lo bastante corto para seguir siendo legible.

Un rango útil suele ser de 3 a 8 palabras antes de la extensión.

Demasiado vago:

shoes.jpg

Mejor:

red-running-shoes-side-view.jpg

Demasiado:

best-lightweight-red-running-shoes-for-marathon-training-side-view-discount.jpg

Mejor:

red-marathon-running-shoes-side-view.jpg

Si la frase suena como una consulta de búsqueda escrita por un profesional del marketing desesperado, probablemente es demasiado larga.

No rellenes los nombres de archivo de imagen con palabras clave

El relleno de palabras clave en nombres de archivo suele ser una señal de que la página no está haciendo su trabajo.

Malo:

best-seo-agency-seo-services-seo-consultant-seo-company.jpg

Esto no ayuda a los usuarios. No ayuda a los editores. No es una práctica seria de accesibilidad. También hace que tu sitio parezca de menor calidad.

Usa el nombre natural de lo que se muestra en la imagen. Si una palabra clave encaja porque describe con precisión la imagen, úsala. Si no, déjala fuera.

Por ejemplo, si la imagen es una foto de un sofá de cuero negro, black-leather-sofa-three-seat.jpg está bien. best-modern-luxury-living-room-furniture-online.jpg no es un nombre de archivo; es un grito de auxilio.

Haz que el nombre de archivo coincida con la imagen real

Parece obvio, pero las bibliotecas de imágenes se desvían con el tiempo. Un archivo llamado homepage-hero-new.jpg puede acabar mostrando un producto diferente, una persona diferente o una campaña completamente distinta.

Eso crea dos problemas.

Primero, los motores de búsqueda y los usuarios reciben señales incoherentes. Segundo, los equipos dejan de confiar en la biblioteca multimedia.

Si la imagen cambia de significado, cámbiale el nombre antes de publicarla. Si tu CMS o CDN dificulta cambiar nombres, considera usar IDs de recursos estables internamente y, aun así, generar nombres de archivo públicos descriptivos cuando sea posible.

Un buen flujo de trabajo interno podría ser:

1. Subir el recurso original.
2. Eliminar metadatos innecesarios si la privacidad importa.
3. Cambiar el nombre del derivado usado en el sitio.
4. Exportar en las dimensiones y el formato adecuados.
5. Añadir texto alternativo y pies de foto en el CMS.

Si las fotos vienen de usuarios, personal o equipos de campo, recuerda que los nombres de archivo son solo una superficie de privacidad. Los datos EXIF pueden contener marcas de tiempo, detalles de la cámara e información de ubicación. Consulta nuestra guía sobre cómo eliminar metadatos EXIF antes de compartir fotos en línea antes de publicar imágenes sensibles.

Separa los nombres de archivo del texto alternativo

Un error habitual es usar la misma frase para el nombre de archivo y el texto alternativo.

A veces es aceptable. A menudo es pereza.

Nombre de archivo:

red-running-shoes-side-view.jpg

Buen texto alternativo en una página de producto:

Red running shoe shown from the side, with a white foam sole and black laces.

Buen texto alternativo en una miniatura de selector de color:

Red

Buen texto alternativo si la imagen es decorativa:

alt=""

El nombre de archivo identifica el recurso. El texto alternativo sirve al usuario en contexto. Son tareas relacionadas, no tareas idénticas.

Nombrar imágenes para distintos tipos de sitio

Comercio electrónico

Incluye tipo de producto, variante importante y vista.

Ejemplos:

• linen-shirt-white-front.jpg
• linen-shirt-white-back.jpg
• linen-shirt-white-collar-detail.jpg

Evita añadir precios, promociones o lenguaje temporal de campaña. Cambian con demasiada frecuencia.

Blogs y sitios editoriales

Describe la escena o el concepto, no el titular del artículo.

Bueno:

designer-reviewing-mobile-layout.jpg

Menos útil:

ultimate-guide-to-mobile-ux.jpg

La imagen puede reutilizarse, recortarse o sindicarse. Un nombre basado en la escena envejece mejor.

SaaS y documentación

Nombra las capturas de pantalla por función, estado y plataforma.

Ejemplos:

• billing-settings-payment-method-empty-state.png
• project-dashboard-filter-menu-open.png
• api-token-created-confirmation-modal.png

Esto hace que actualizar la documentación sea mucho menos doloroso.

Negocios locales

Usa servicio, objeto o ubicación cuando sea realmente visible y relevante.

Ejemplos:

• bakery-window-display-sourdough-loaves.jpg
• dental-clinic-reception-area-berlin.jpg
• plumber-repairing-kitchen-sink.jpg

No añadas nombres de ciudades a todos los archivos si la imagen no lo justifica. Una foto de una llave inglesa no es de forma significativa wrench-london.jpg.

¿Qué pasa con las dimensiones y las versiones de imagen?

Evita poner dimensiones en el nombre descriptivo principal salvo que tu sistema lo necesite.

Mejor familia de recursos:

• red-running-shoes-side-view.jpg
• red-running-shoes-side-view-800w.jpg
• red-running-shoes-side-view-1600w.jpg

Si tu sistema de compilación genera variantes responsivas automáticamente, deja que añada anchos o hashes. No mantengas a mano decenas de nombres de archivo salvo que disfrutes la arqueología futura.

Los hashes de contenido están bien para la caché:

red-running-shoes-side-view.a8f31c.webp

La parte descriptiva sigue ahí. El hash sirve a la máquina.

Una lista rápida de comprobación antes de publicar

Antes de publicar una imagen, pregunta:

• ¿El nombre de archivo describe la imagen en lenguaje claro?
• ¿Está en minúsculas y separado por guiones?
• ¿Está libre de relleno de palabras clave?
• ¿Evita palabras temporales como new, final o v2?
• ¿El texto alternativo tiene sentido en el contexto de la página?
• ¿El formato y el tamaño del archivo son adecuados?
• ¿Se han eliminado los metadatos sensibles cuando es necesario?

Si puedes responder que sí a todo eso, el nombre de archivo probablemente es suficientemente bueno. No dediques 20 minutos a nombrar un separador decorativo. Dedica 20 segundos a evitar que DSC0038.jpg se convierta en una URL pública permanente.

<!-- tool-cta:start -->

💡 Prueba esto: Normaliza nombres de archivo a lowercase-kebab-case en lote con Case Converter para que los nombres de tus imágenes se mantengan coherentes en todo el proyecto.

<!-- tool-cta:end -->

El beneficio silencioso: mejores equipos

El valor SEO de los nombres de archivo de imagen es modesto. El valor operativo es mayor.

Los buenos nombres de archivo hacen que las bibliotecas multimedia se puedan buscar. Reducen subidas duplicadas. Ayudan a diseñadores, desarrolladores, especialistas en marketing y equipos de soporte a hablar del mismo recurso sin abrir seis vistas previas. Hacen que las auditorías sean más rápidas.

Esa es la verdadera razón para estandarizar los nombres de imagen. Los motores de búsqueda se benefician de la claridad, pero las personas también. Y las personas suelen ser donde el trabajo se rompe primero.