El SEO en las imágenes en WordPress es algo muy importante que a menudo por la falta de tiempo o las prisas descuidamos en nuestro proyecto WordPress. Para realizar esta tarea correctamente debemos tener en cuenta 4 puntos:
- Nombrar las imágenes correctamente
- El atributo alt
- El atributo title
- Optimización de las imágenes
Tabla de contenidos
Nombrar las imágenes correctamente
El nombre del archivo debe ser corto y descriptivo, deberíamos tener en cuenta las siguientes indicaciones:
- Describir la imagen brevemente
- Utilizar guiones para separar palabras
- No usar Ñ, ni tildes, ni caracteres especiales
Por ejemplo, mi-coche-negro.jpg es mejor que IMG00023.JPG
El atributo alt
El atributo alt mejora la accesibilidad para las personas que no pueden ver las imágenes en las páginas web, incluidos los usuarios que usan lectores de pantalla o tienen conexiones con poco ancho de banda. Google utiliza texto alternativo junto con algoritmos de visión artificial y el contenido de la página para comprender el tema de la imagen y ofrecerla en las SERP de búsqueda de imágenes.
Según Google, en sus consejos sobre las buenas prácticas en las imágenes, en el texto alternativo debemos crear contenido útil y rico en información que use palabras clave de manera adecuada y esté en el contexto del contenido de la página, evitar llenar los atributos alt con palabras clave , ya que genera una experiencia de usuario negativa y puede hacer que el sitio web se vea como spam.
Ejemplos:
<img src=”gatito.jpg”> Mal, falta el atributo alt
<img src=”gatito.jpg” alt=”gatito cachorro cachorro gatito comida para gatitos comida para gatos barata comida para gatos”> Mal, relleno de palabras clave
<img src=”gatito.jpg” alt=”gatito”> Bien
<img src=”gatito.jpg” alt=”gatito blanco y negro comiendo”> Mejor que bien
El atributo title
El atributo title o título es menos importante, parece ser que no tiene influencia en el SEO (aunque no está claro del todo), por lo que aconsejo también ponerlo, normalmente el texto es igual o muy similar al de el atributo alt. El texto que ponemos en este atributo es el que aparece en el tooltip (texto que sale al pasar por encima de una imagen o enlace en recuadro )
Atributo alt y title en las imágenes en WordPress
Cuando añadimos un objeto en WordPress, que es una imagen, en el cuadro de diálogo para realizar dicha acción, hay varios campos a completar. He marcado en la imagen los que bajo mi punto de vista son los más importantes.
- Texto alternativo: este es el alt de la imagen.
- Título: este es el title de la imagen. Por defecto, aparece el nombre del archivo.
- Leyenda: es el texto que sale justo debajo de la imagen , suele ser de otro color y tamaño. Puede sumar en cuanto a poner palabras clave para la imagen
- Descripción: es una descripción extensa que WordPress utiliza cuando la imagen es vista en su propia URL, sinceramente no he completado este campo jamás.
- Enlazado a: es un desplegable que nos ofrece 4 opciones:
- Ninguna: no pasa nada si pincho en la imagen.
- Archivo de medios: al pinchar encima de la imagen, me muestra la imagen con el tamaño original en su propia URL.
- Página de adjuntos: al pinchar encima de la imagen, me muestra la imagen en una nueva página como si fuera un entrada. Nunca lo utilizo.
- URL personalizada: la magen funciona como un enlace, nos deja poner una URL la cual se abrirá al pichar encima de la imagen. Podemos hacer que se abra en otra pestaña.
- Tamaño: es un desplegable que nos ofrece 4 opciones:
- MIniatura
- Medio
- Grande
- Tamaño completo
Es importante saber que una vez insertada la imagen en el editor de WordPress, la podemos redimensionar gráficamente pero solo se debe hacer en una dirección, es decir, solo redimesionar hacia más pequeña, si lo hacemos a más grande la imagen se pixelará.
Modificar atributos en imágenes previamente insertadas
Si ya hemos insertado una imagen y queremos modificar o completar algun detallle de la imagen, lo podemos hacer desde el editor pinchando sobre la imagen., Aparecera una fila ocn una serie de opciones, en la que tiene como imagen un lápiz nos llevará a editar los detalles de la imagen.
Una vez que hagamos click en el botón del lápiz se nos abrirá un cuadro de diálogo titulado “Detalles de la imagen”, donde tenemos acceso a la edición de todos los campos que nos ofrece WordPress cuando insertamos una imagen y alguno más.
Optimización de las imágenes
Tener optimizadas las imágenes de nuestra web está estrechamente relacionado con el tiempo de carga de la página y por tanto, con el posicionamiento de la misma en los buscadores.
Vamos a hacer una clasificación según el peso de las imágenes:
- Pesada si tiene 1 MB o más
- De peso mediano si va de 300KB a 1 MB
- Ligera si su peso es menor de 300KB
- Muy ligera si el peso es inferior a 100KB
Es seguro que podemos tener imágenes de calidad totalmente correcta para web , que no sean pesadas, es decir, que pesen menos de 1MB. Lo ideal sería que todas nuestras imágenes serían ligeras, es decir, pesarían menos de 300KB. Muchas veces para conseguir este peso tendremos que usar un software de retoque fotográfico, como GIMP o también podemos usar un plugin de WordPress o recurso oonline para optimización de imágenes, como explico en este articulo.