Las imágenes son uno de los elementos más importantes en una web ya que permitirán captar la atención de tus visitantes y pueden llegar a ser el detonante de una venta en tu tienda online. Sin embargo a día de hoy son muchos los usuarios que se olvidan de ellas y no las tienen en cuenta.

A estas alturas es muy probable que ya tengas multitud de imágenes subidas en tu sitio web o blog WordPress. Por ello te voy a mostrar las razones por las que deberías optimizar todas y cada una de ellas.

¿Por qué optimizar las imágenes?

Existen varias razones para optimizar las imágenes de tu sitio web o blog WordPress. Veamos las más importantes:

1.- Tiempo de carga

La velocidad o el tiempo de carga de tu web será un factor clave a la hora de marcar la diferencia frente al resto. Factor que estará completamente vinculado al posicionamiento de tu web. Cuanto más lenta sea tu web, más difícil será que alcance los primeros puestos en la clasificación de los principales motores de búsqueda.

También tienes que tener en cuenta que una web lenta puede ocasionar una pérdida de usuarios ocasionando un porcentaje de rebote bastante elevado. Otro factor clave a la hora del posicionamiento de tu web.

2.- Estética

Las imágenes con escasa calidad puede transmitir poca seriedad o profesionalidad. En ningún caso deberías mostrar imágenes pixeladas o descuadradas en tu sitio web o blog WordPress.

La estética también puede llegar a influir en la conversión ya que una web que incluya una buena proporción de imágenes y textos, de forma correcta y organizada, tendrá más posibilidades de atraer y retener a las visitas.

3.- Posicionamiento web

Las imágenes también te ayudarán con el posicionamiento de tu web. Si tienes en cuenta ciertos atributos y aspectos relacionados con las imágenes, mejorarás el SEO on-page de tu sitio web o blog WordPress.

¿Qué formato de imagen elegir?

Actualmente podrás encontrar un gran número de formatos diferentes, aunque los más utilizados suelen ser .jpg, .png y .gif

• jpg se suele utilizar para las fotografías e imágenes en general
• png se suele utilizar para logotipos e imágenes con transparencia
• gif se suele utilizar para imágenes animadas

También tienes que saber que por defecto WordPress permite las siguientes extensiones de archivo:

• .jpg
• .jpeg
• .png
• .gif
• .ico

También podrás hacer uso de otro tipo de imágenes como por ejemplo gráficos vectoriales con extensión .svg siempre y cuando prepares tu WordPress para ello, ya sea con la ayuda de plugins o mediante un pequeño fragmento de código en el fichero functions.php

Optimizando las imágenes para WordPress

Por norma general se suele confundir la optimización de una imagen con la compresión de una imagen para la web. Si bien esto último es un proceso que sirve para optimizar la imagen, no es la única tarea que tendrás que realizar.

A continuación vamos a ver los pasos a seguir para optimizar las imágenes para WordPress. Antes de comenzar tienes que tener en cuenta que una correcta optimización pasa por varios procesos o ajustes.

Preparando la imagen antes de subirla a la biblioteca de medios de tu WordPress

Aquí tendrás que trabajar con alguna herramienta o editor de imágenes que te permita controlar ciertos aspectos de la imagen, por ejemplo las dimensiones y la resolución, y conseguir un equilibrio entre tamaño y calidad.

También tendrás que tener en cuenta:

Formato o extensión del archivo

Existen bastantes tipos de archivos de imágenes siendo el .jpg el más utilizado y recomendado para la mayoría de imágenes sin transparencia.

Tamaño del archivo (peso del fichero)

Cuanto mayor sea el tamaño o peso del fichero (en kilobytes) mayor será su tiempo de carga y su espacio en disco. Mi consejo es que comprimas el peso de la imagen antes de subirla a tu instalación de WordPress. Existen multitud de herramientas para ello.

Nombre del archivo o fichero

El nombre del archivo o fichero tiene que cumplir una serie de pautas:

• Sin mayúsculas. El nombre del archivo o fichero no podrá contener mayúsculas.
• Sin caracteres especiales. El nombre del archivo o fichero no podrá contener caracteres especiales.
• Sin la letra eñe (ñ). En su lugar tendrás que utilizar la letra n.
• Sin espacios en blanco. Los espacios serán guiones, por ejemplo: la-casa-de-color-rojo
• Palabra clave o descripción del contenido en el nombre de la imagen.

Una vez que has subido la imagen a la biblioteca de medios de tu WordPress

Tendrás que dirigirte a la Biblioteca de medios de tu sitio web o blog WordPress y acceder a la imagen correspondiente.

En este paso tendrás que ocuparte del SEO on-page de la imagen. Esto quiere decir que tendrás que tener en cuenta los siguientes atributos y campos, tal y como se muestra en la siguiente imagen: