SEO de imágenes: Texto alternativo, nombres de archivo y velocidad

Las imágenes realizan una enorme cantidad de trabajo silencioso en un sitio web. Muestran productos desde todos los ángulos, ilustran ideas complejas, generan confianza a través de fotografías reales y dividen los muros de texto para que los visitantes sigan leyendo. Sin embargo, a pesar de todo ese valor, las imágenes son uno de los rincones más descuidados de la optimización de motores de búsqueda. Muchos propietarios de sitios suben una foto directamente desde un teléfono o una biblioteca de stock, no le prestan ninguna atención y siguen adelante. El resultado es una página que carga lentamente, no comunica nada a los motores de búsqueda sobre lo que muestra la imagen y pierde silenciosamente su potencial de posicionamiento.

El SEO de imágenes es la práctica de preparar y describir tus imágenes para que tanto las personas como los motores de búsqueda puedan entenderlas, encontrarlas y cargarlas rápidamente. Se encuentra en la intersección de tres disciplinas: accesibilidad, rendimiento técnico y relevancia en la página. Cuando lo haces bien, obtienes visibilidad en la búsqueda de imágenes, haces que tus páginas sean más amigables para la tecnología de asistencia y reduces un tiempo precioso de lo que tarda en aparecer una página. Esta guía explica los medios prácticos que puedes utilizar, comenzando con las palabras que describen tus imágenes y terminando con las decisiones técnicas que rigen la rapidez con la que se cargan.

Por qué el SEO de imágenes merece tu atención

Es fácil tratar las imágenes como decoración, pero los motores de búsqueda las tratan como contenido. Google mantiene una experiencia de búsqueda de imágenes separada, y una parte significativa de la actividad de búsqueda ocurre allí. La gente busca recetas, productos, diagramas, pasos de cómo hacerlo e inspiración a través de imágenes en lugar de texto. Si tus imágenes son invisibles para un rastreador, simplemente no aparecerás en esa arena. Peor aún, las imágenes pesadas y no optimizadas son una de las razones más comunes por las que una página se siente lenta, y la lentitud afecta tanto la experiencia del visitante como la forma en que los motores de búsqueda evalúan tu página.

También hay una dimensión de accesibilidad que se superpone perfectamente con el SEO. Las personas que usan lectores de pantalla confían en las descripciones de texto para comprender lo que transmite una imagen. El mismo texto que ayuda a un usuario de lector de pantalla también ayuda a un motor de búsqueda a comprender la imagen. Este es uno de esos casos raros en los que hacer lo correcto para las personas y hacer lo correcto para el posicionamiento son la misma acción. Cuando escribes una descripción clara de una imagen, sirves a un visitante con discapacidad visual y a un rastreador de una sola vez.

Escribir texto alternativo que realmente ayude

El texto alternativo, abreviatura de "alternative text" (texto alternativo), es la descripción escrita adjunta a una imagen en el código de tu página. Sirve para varios propósitos a la vez. Cuando una imagen no se carga, el texto alternativo aparece en su lugar para que el visitante aún entienda lo que debería haber estado allí. Cuando un lector de pantalla encuentra la imagen, lee el texto alternativo en voz alta. Y cuando un motor de búsqueda rastrea la página, el texto alternativo es una de las señales más fuertes que tiene sobre el tema de la imagen. Trata el texto alternativo como una frase corta y honesta que describe lo que hay en la imagen y por qué está en la página.

Sé específico y natural

El error más común es escribir texto alternativo que está vacío o lleno de palabras clave. Ambos extremos fallan. Un atributo alt vacío no le dice nada a los motores de búsqueda y deja a los usuarios de lectores de pantalla a la deriva. Un atributo lleno de palabras clave como "zapatos zapatillas de correr mejores zapatillas zapatillas baratas comprar zapatillas" se lee como spam y daña la experiencia de cualquier persona que use tecnología de asistencia. Busca el término medio: describe la imagen como lo harías con un amigo por teléfono. Si la imagen muestra un par de zapatillas de trail running en un sendero rocoso, escribe exactamente eso. La especificidad es lo que hace que la descripción sea útil.

Adapta la descripción al contexto

El texto alternativo adecuado depende del papel que juega la imagen. Una foto de producto en una página de tienda debe nombrar claramente el producto. Un diagrama que explica un proceso debe resumir lo que demuestra el diagrama en lugar de enumerar cada elemento. Una imagen puramente decorativa, como una textura de fondo que no añade nada al significado, puede llevar un atributo alt vacío para que los lectores de pantalla la omitan en lugar de anunciar desorden. Pensar en la función de cada imagen mantiene tus descripciones relevantes y evita ahogar a los usuarios en ruido.

Mantenlo conciso

No hay ningún beneficio en escribir un párrafo en un atributo alt. Una descripción clara de aproximadamente una frase es suficiente. Si una imagen realmente necesita una explicación larga, como un gráfico complejo, pon esa explicación en el texto circundante o en un pie de foto donde todos puedan leerla, y mantén el texto alternativo como un breve resumen. Los pies de foto, por cierto, se leen con más frecuencia que casi cualquier otro texto en una página, por lo que un pie de foto bien escrito es un caballo de batalla silencioso para la interacción y la relevancia.

Nombres de archivo: la señal que la mayoría de la gente olvida

Incluso antes de que una imagen llegue a la página, su nombre de archivo contiene información. Una foto directamente de una cámara podría llamarse algo así como "IMG_4821.jpg", lo que no le dice nada a un motor de búsqueda. Cambiar el nombre de ese archivo a "zapatillas-trail-running-sendero-rocoso.jpg" convierte una cadena sin sentido en una señal descriptiva. Esto te cuesta unos segundos por imagen y vale la pena porque el nombre del archivo se convierte en parte de cómo se entiende e indexa la imagen.

Sigue algunas convenciones simples al nombrar archivos. Usa letras minúsculas para evitar confusiones entre diferentes servidores. Separa las palabras con guiones en lugar de espacios o guiones bajos, porque los guiones se leen como separadores de palabras, mientras que los guiones bajos a menudo no. Mantén el nombre corto pero descriptivo, centrándote en lo que realmente muestra la imagen. Evita rellenar palabras clave no relacionadas; un nombre de archivo debe coincidir con la imagen, no con toda tu lista de palabras clave. La coherencia en tu biblioteca también facilita mucho la gestión de tus propios activos con el tiempo.

Velocidad: la mitad técnica del SEO de imágenes

Incluso la imagen más bellamente descrita puede ralentizar una página si pesa varios megabytes. El rendimiento es donde el SEO de imágenes se convierte en una disciplina técnica, y también es donde suelen esconderse las mayores ganancias. El objetivo es ofrecer una imagen que se vea nítida en el tamaño en que se muestra, sin obligar al navegador del visitante a descargar muchos más datos de los que necesita. Existen varias técnicas que trabajan juntas para lograr esto.

Comprimir antes de subir

La compresión reduce el tamaño del archivo de una imagen mientras la mantiene visualmente aceptable. Hay dos tipos: compresión sin pérdidas, que elimina datos redundantes sin cambiar el aspecto de la imagen, y compresión con pérdidas, que descarta algunos detalles a cambio de un archivo mucho más pequeño. Para la mayoría de la fotografía web, un nivel sensato de compresión con pérdidas produce imágenes que se ven idénticas para el ojo humano pero que son una fracción del tamaño original. Ejecutar cada imagen a través de un paso de compresión antes de subirla es uno de los hábitos de mayor impacto que puedes adquirir.

Servir el tamaño correcto

Un error común y costoso es subir un original enorme y dejar que el navegador lo reduzca en pantalla. Si una imagen solo se muestra a ochocientos píxeles de ancho, no hay razón para servir un original de cuatro mil píxeles. El navegador todavía tiene que descargar todo el archivo pesado antes de redimensionarlo visualmente. Redimensiona las imágenes a las dimensiones en las que realmente se mostrarán, y cuando sea posible, proporciona varios tamaños para que las pantallas más pequeñas reciban archivos más pequeños. Las técnicas de imágenes responsivas permiten que un teléfono descargue una versión modesta mientras que un monitor grande recibe una más nítida.

Elige un formato moderno

Los formatos de imagen han mejorado mucho. Los formatos antiguos como JPEG y PNG todavía tienen su lugar, pero los formatos más nuevos como WebP y AVIF suelen ofrecer la misma calidad visual con un tamaño de archivo notablemente menor. Cambiar tus imágenes a un formato moderno es a menudo la forma más sencilla de reducir el peso de la página sin ninguna pérdida visible de calidad. Muchas plataformas pueden convertir y servir estos formatos automáticamente, por lo que vale la pena verificar si la tuya lo hace antes de convertir todo a mano.