La gastronomía dice que se come con los ojos. Pero no es sólo la comida la que tiene que presentarse de forma apetecible, lo mismo se aplica a los textos web. Para que sus sitios web no asusten a los visitantes potenciales, las imágenes atractivas y de alta resolución son imprescindibles en la web. Si tiene una tienda en línea, un blog o un sitio web en general, el SEO de imágenes es un arte que usted también debe aprender a dominar.

Conceptos básicos para el SEO de imágenes

El código HTML requerido para incrustar una imagen en un sitio web es comparativamente simple y no ha cambiado fundamentalmente en los últimos años. Lo que ha cambiado, sin embargo, es la automatización de esta integración mediante herramientas CMS (Content Management System) como WordPress, Drupal o Joomla. Por regla general, estos tienen un llamado editor WYSISYG, que muestra una vista previa del contenido.

Los atributos “src” (= fuente), “alt” (alternativa) y “title” (título) son los más utilizados. También se puede mantener información adicional sobre la visualización de la imagen (por ejemplo, ancho y alto).

src

El atributo src especifica el nombre del archivo de origen y la ruta de la imagen en relación con la posición de la página web en el servidor. Si la imagen está en un servidor de terceros, se proporciona la dirección completa. Con las imágenes alojadas en otros servidores, siempre existe el riesgo de que la ruta de acceso cambie repentinamente o que la imagen (o el sitio web) deje de estar disponible repentinamente. Por lo tanto, es mejor alojar las imágenes en su propio servidor, a pesar de los mayores requisitos de espacio de almacenamiento.

Los atributos alt y title

Ayudan a Google y a los lectores a comprender mejor el contenido de la imagen. Estos son elementos cruciales en el SEO de imágenes. Esto es lo que recomienda el propio Google, asegúrese de utilizar estos elementos para que su imagen aparezca en la búsqueda de imágenes de Google.

Estructura de carpetas para imágenes en el servidor

La estructura de carpetas para las imágenes se define de antemano cuando se utiliza una solución CMS como WordPress. Aquí, las imágenes (dependiendo de la configuración de fábrica) se clasifican en diferentes carpetas según la fecha de carga. El servidor otorga acceso a los archivos en sí, mientras que las carpetas en sí son inaccesibles.

El lugar donde se almacena un archivo de imagen en el servidor no tiene importancia cuando se llama para el sitio web.  Cualquier posición es posible siempre que la carpeta esté encima del directorio raíz. La primera preocupación debe ser mantener una buena visión general, evitar la duplicación y colocar las imágenes y los archivos HTML de forma lógica y coherente.

Nombre de archivo del archivo de imagen

Cuando se trata de nombrar el archivo de imagen, las cosas se vuelven muy interesantes desde el punto de vista de SEO. Es tentador mantener el nombre de archivo original al agregar muchas imágenes nuevas. Esto es irrelevante para la comunicación interna y el funcionamiento del sitio web.

Sin embargo, para la indexación de Google y, por lo tanto, SEO para imágenes, el nombre del archivo juega un papel importante. Este principio también se puede aplicar a sus palabras clave. Además de los textos optimizados para las palabras clave adecuadas, también debe colocarlos en el nombre del archivo, el título y la etiqueta alt. Porque Google ahora reconoce la conexión entre el contenido de un texto y las imágenes utilizadas.

Varios formatos de archivo y aspectos técnicos

Los archivos de imagen vienen en muchos tamaños y formatos de archivo diferentes. Los navegadores web pueden mostrar una gran cantidad de formatos diferentes y las imágenes se pueden reducir y ampliar según se desee. Los siguientes formatos de archivo son los más utilizados en diseño web y sitios web.

JPEG: archivos de imagen clásicos

El formato JPEG es el clásico entre los archivos de imagen. Data de 1992. Al igual que el formato PNG o GIF, pertenece a los gráficos rasterizados. Esto significa que los píxeles individuales de una imagen se organizan en una cuadrícula. Por lo tanto, siguen una estructura fija. El formato JPEG se puede utilizar de muchas maneras y es particularmente adecuado para fotografías en color de alto contraste y coloridas.

PNG

Fue desarrollado en 1994 como una alternativa al formato GIF, que estaba protegido por patente en ese momento. Una característica especial del PNG es que hay dos variantes del formato. El formato PNG8 solo puede mostrar 256 colores. Por el contrario, el formato PNG24, como los JPEG, puede representar hasta 16,7 millones de colores. Además, los PNG pueden mostrar áreas transparentes a través de un canal alfa. Por lo tanto, son adecuados para mostrar logotipos o textos.

SVG

A diferencia de los dos formatos anteriores, los archivos SVG son gráficos vectoriales. El formato se remonta a un desarrollo del W3C en 2001. Se basa en el lenguaje de marcado XML y, por lo tanto, puede integrarse directamente en el código HTML de un sitio web. Los gráficos y las imágenes se cargan directamente en el navegador web, lo que tiene un efecto positivo en los tiempos de carga de un sitio web.

Llegan nuevos formatos de imagen

Incluso si PNG, JPEG o SVG se han establecido, el desarrollo de formatos de archivo de imagen no se detiene. Los formatos JPEG 2000 y JPEG XR son desarrollos adicionales del formato JPEG original. Ofrecen la misma calidad con un tamaño de archivo más pequeño. Además, el formato JPEG XR admite transparencia. Con Google Lighthouse es posible probar la calidad de un sitio web y, por lo tanto, también optimizar las imágenes del sitio.

Además, todavía se están desarrollando nuevos formatos de archivo de imagen. Se denominan FLIF (Free Lossless Image Format) y HEIF (High Efficiency Image File). Ambos formatos también deberían ofrecer una mejor calidad de imagen con un tamaño de archivo pequeño. Esto ahorra recursos en general y mejora los tiempos de carga.

Imágenes SEO: Alt Tag, Title Tag y otros aspectos

Además del nombre del archivo, estos son determinantes para la optimización de imágenes en SEO.

Alt Tag, Title Tag

Las etiquetas alt y title son los dos elementos más importantes del SEO de imágenes. Cuando se trata de SEO para imágenes, debe tener cuidado de dar a los motores de búsqueda tantas pistas como sea posible sobre el contenido de sus imágenes. El rastreador de Google, por ejemplo, que busca e indexa todos los días, no tiene forma de reconocer el contenido de imágenes y videos. Por lo tanto, es importante para él y también para los usuarios ofrecer información adicional basada en texto.

La etiqueta alt es parte de la etiqueta img y tiene la tarea de entregar un texto alternativo que podría asumir completamente la función de la imagen en el contexto. Entonces, el texto alternativo para un botón de descarga podría decir simplemente «Descargar». Por otro lado, las imágenes más complejas con componentes de texto pueden tener descripciones alternativas más complejas.

La etiqueta de título, que también forma parte de la etiqueta img, es menos crítica para el SEO de imágenes, pero sigue siendo útil. El contenido de la etiqueta de título se muestra en un pequeño cuadro de texto emergente al lado del puntero del mouse cuando se desplaza sobre la imagen por un momento. Desde el punto de vista del SEO de imágenes, cada elemento debe tener una etiqueta alt para impulsar el SEO de las imágenes. La etiqueta de título, por otro lado, se puede omitir en muchos casos, aunque puede ser bastante útil.

El papel de un mapa del sitio para imágenes

Los sitemaps son archivos en formato XML, este archivo contiene una lista de todas las páginas y subpáginas del sitio web respectivo. Por lo tanto, un motor de búsqueda puede ver exactamente qué páginas deben indexarse ​​y cuáles deben actualizarse.

También se puede especificar una frecuencia de actualización. Este primer mapa del sitio también puede apuntar a varios otros mapas del sitio, como un mapa del sitio para imágenes. En cuanto a su estructura básica, apenas difiere de los mapas de sitio normales, con la excepción de las etiquetas de imagen adicionales para cada página de la lista.

Búsqueda de imágenes como fuente de tráfico

La búsqueda de imágenes de Google funciona de manera muy similar a la función de búsqueda de Google y es una herramienta a menudo subestimada para la optimización de motores de búsqueda en su propio sitio web. Cada vez que Google rastrea una página, también guarda todas las imágenes junto con la etiqueta alt y la información del nombre de archivo.

Esta información, así como la relevancia del propio sitio web, son las principales fuentes de información que componen el ranking en la búsqueda de imágenes de Google. Como es bien sabido, algunos términos de búsqueda también muestran resultados de imágenes, por lo que las fotos, gráficos o diagramas que están bien optimizados para SEO tienen una alta probabilidad de generar tráfico adicional para su sitio.

Con los cambios recientes en la Búsqueda de imágenes de Google para respaldar la ley de derechos de autor, las imágenes con licencia ya no se pueden descargar fácilmente: un usuario/diseñador ahora debe visitar la página web original de una imagen. Por ejemplo, si ofrece fotos comerciales en su sitio web, esto puede ser de gran ayuda para aumentar el número de visitantes.

Beneficios del SEO de imágenes

La optimización de motores de búsqueda para imágenes es una parte importante del concepto general de SEO de su sitio web. El propio Google concede gran importancia a la optimización de las imágenes. Y eso no es una coincidencia, porque las etiquetas alt y los nombres de archivo no solo son importantes para que Google descubra el contenido de una imagen, sino que también ayudan a determinar el tema del texto que la rodea.

Por lo tanto, definitivamente debe usar al menos una imagen en cada una de sus páginas que contenga la palabra clave de SEO deseada en la etiqueta alt. Tampoco está de más dejar un texto particularmente detallado en la etiqueta alt. Google ayuda y el usuario normal no ve nada de eso. Esto también mejora la accesibilidad de su sitio web.

Mejorar los tiempos de carga

La optimización de los tiempos de carga seguirá siendo un tema importante para la optimización de imágenes en SEO durante mucho tiempo. A medida que aumenta la velocidad de las conexiones a Internet fijas y móviles, también aumentan las expectativas de los usuarios sobre el alcance y la funcionalidad de los sitios. Muchos usuarios esperan videos incrustados y fotos de alta resolución que se carguen lo más rápido y en tiempo real posible.

Esto requiere servidores rápidos y un concepto de carga de página inteligente que pueda precargar imágenes y videos adicionales a pedido. Si un sitio web se carga durante más de 3 segundos, aún es necesario optimizarlo.