Última revisión: Diciembre de 2022
Última revisión: Diciembre de 2022
Las imágenes son uno de los elementos más importantes en una web ya que permitirán captar la atención de los 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 proyecto online WordPress. Por ello te voy a mostrar las razones por las que deberías optimizar todas y cada una de ellas.
Existen varias razones para optimizar las imágenes de tu proyecto online WordPress. Veamos las más importantes:
La velocidad o el tiempo de carga de tu proyecto online será un factor clave a la hora de marcar la diferencia frente al resto. Factor que estará completamente vinculado al posicionamiento del mismo. 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 proyecto online.
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 proyecto online 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.
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.
Actualmente podrás encontrar un gran número de formatos diferentes, aunque los más utilizados suelen ser .jpg, .png .gif y .svg
También tienes que saber que por defecto WordPress permite las siguientes extensiones de archivo:
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
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.
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:
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.
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.
El nombre del archivo o fichero tiene que cumplir una serie de pautas:
Tendrás que dirigirte a la Biblioteca de medios de tu WordPress y acceder a la imagen correspondiente.
En este paso tendrás que ocuparte del SEO de la imagen. Esto quiere decir que tendrás que tener en cuenta los siguientes atributos y campos, tal y como se muestra a continuación:
El título de la imagen es un campo donde tendrás que añadir información complementaria sobre la imagen. El atributo title es el encargado de ofrecer una descripción emergente al pasar el ratón sobre la imagen.
Se trata de un campo opcional que sirve para añadir una pequeña descripción o leyenda en el pie de la imagen y que se mostrará públicamente a todos los visitantes de tu proyecto online WordPress.
El atributo ALT o texto alternativo. Se trata de un texto que utiliza el navegador cuando la imagen no se puede cargar junto con el resto del contenido de la página.
Este campo sirve para añadir una descripción más larga sobre la imagen. Se trata de un campo opcional.
Se recomienda también añadir las imágenes al sitemap para que éstas sean indexadas por los motores de búsqueda. Esta opción ya se resuelve con el uso de algún plugin para SEO como es el caso de Yoast SEO el cual ofrece la posibilidad de indexar las imágenes de tu proyecto online WordPress.
Herramientas para comprimir imágenes para la web