En otro artículo os hablaba de la importancia de las imágenes en el posicionamiento en Google, ya que no solo captan la atención del usuario mejor que un bloque de texto, sino que multiplica nuestras opciones de aparecer en los Serps.
La pregunta que respondo hoy es la siguiente: ¿cómo puedo trabajar y optimizar mis imágenes? Para que resulte una lectura ágil, he dividido este artículo en dos partes, así que no os olvidéis de visitar después los otros cinco trucos para el posicionamiento de imágenes.
1. Atributo ALT para que Google sepa lo que ve
Para que Google interprete correctamente nuestras imágenes debemos utilizar el atributo Alt. Simplemente describid el contenido de vuestras imágenes de la forma más escueta posible e incluyendo tu palabra clave principal.
2. Las archivos tienen que tener un nombre, un título y un contexto.
El nombre del archivo indica su contenido, y es importante que procurar que sea breve. Acordaos de separar las palabras con guiones y no incluir caracteres fuera del alfabeto anglosajón, es decir nada de acentos ni ñ.
Google imágenes utiliza los datos descriptivos de los títulos y meta etiquetas y poder ofrecer a los usuarios los mejores resultados relacionados con sus consultas. El propio Google nos pone el siguiente ejemplo:
Para el usuario es mucho más fácil determinar la usabilidad de una web si conoce el contexto en el que se muestra la imagen, es decir, ¿es la imagen importante para la temática de las páginas y la búsqueda del usuario?
3. Datos estructurados
Los datos estructurados nos ayudarán a indicar a Google información sobre una página y clasificar su contenido, si es un producto, una receta o un vídeo así como la información más relevante asociada. Google usará esa información para mejorar los resultados de búsqueda y habilitar funciones especiales como contenidos enriquecidos.
4. Calidad tanto informativa como visual
Esto no consiste en poner imágenes porque sí. Si añadir una imagen no tiene sentido o no es relevante, es mejor no ponerlas. Tened en cuenta han de situarse cerca del texto al que hacen referencia. Definid cuál de las imágenes es la más importante para situarla en la parte superior de la página.
5. ¡Ojo con el tamaño!
Las imágenes suelen ralentizar la carga de las páginas, y no olvidemos que Google es el máster de la calidad y la rapidez. Eliminad recursos innecesarios.
6. Tipo de imagen
Aquí debéis de elegir entre una imagen vectorial (las que se componen de objetos geométricos independientes) o de una trama (aquellas que al ampliarlas aparecen como formadas por píxeles; las más habituales son los formatos JPG, PNG, GIF). Tened en cuenta que las imágenes de alta resolución, lógicamente, emplean más píxeles y más bytes.
Optimizar imágenes vectoriales
Podemos comprimir la imagen con herramientas como svgo, que nos permite reducir el tamaño del archivo un 58%. Otras fórmulas son mediante GZip.
Optimizar imágenes de trama/ píxeles
Las imágenes con mayor rapidez de carga se identifican por el símbolo AMP. Lo ideal es que no ocupe más de 150 KB. Os recomendamos para ello informaros sobre webP y cómo funciona.
7. Formato de imagen
No todos los formatos son compatibles con todos los navegadores. Además, tendréis que tener en cuenta si es necesario para vosotros mostrar en gran detalle la imagen, si queréis incluir una imagen animada o si se trata de una fotografía.
Existen varios tipos de archivos, puede utilizar:
- PNG: produce imágenes de mayor calidad, pero también tiene un tamaño de archivo mayor.
- JPEG: puede ajustar el nivel de calidad de un buen equilibrio entre calidad y tamaño de archivo.
- GIF: sólo utiliza 256 colores. Es la mejor opción para imágenes animadas.
Existen varios otros, tales como JPEG XR y WebP, pero no son soportadas universalmente por todos los navegadores. Lo suyo es utilizar JPEG (o JPG) para imágenes con mucho color y PNG para imágenes más sencillas.
8. Adaptación de la imagen – Responsive
En relación con el Mobile First de Google, tanto la imagen como el contenido deberían sean capaces de adaptarse al dispositivo desde el que se abren. Para ello empleamos las etiquetas <img srcset> o <picture> .
Algunos navegadores y rastreadores no son compatibles con estas etiquetas, de manera que, tal y como Google aconseja, es mejor incluir una URL en el atributo <img src>, donde vemos la imagen adaptada a las distintas pantallas.
9. Sitemap de imágenes
Facilitamos a Google con esto que pueda encontrar más datos sobre nuestras imágenes y que nos descubra.
10. Enlaces
Una buena estrategia de enlazado puede resultar muy favorable para incrementar nuestro posicionamiento, pero cuidado, ya que Google está muy atento a estas prácticas y lo que buscamos es un enlazado orgánico óptimo para nuestra web y contenido.
11. Truco extra: Plugins para Optimizar Imágenes
Afortunadamente, WordPress nos facilita la vida en muchos sentidos y con la optimización de imágenes no iba a ser menos. El rey de los CMS pone a nuestro servicio muchos plugins que automatizan muchos de los pasos anteriores. Varios de estos plugins optimizarán automáticamente los archivos de imagen a medida que se vayan cargando e incluso optimizan las imágenes que ya se hayan subido a la web. Esto es genial, ¿verdad? Nos ahorraremos mucho trabajo optimizando imágenes de a saber cuándo.
Aunque es importante que no dependamos únicamente de los propios plugins. Por ejemplo, no deberíais cargar imágenes de 2 MB a vuestra biblioteca multimedia WordPress, ya que esto puede acabar con el espacio en disco de vuestro alojamiento en un abrir y cerrar de ojos.
A continuación os dejo una lista de nuestros plugins favoritos:
- Imagify Image Optimizer
- ShortPixel Image Optimizer
- Optimole
- EWWW Image Optimizer Cloud
- Optimus Image Optimizer
- ImageRecycle
Aunque sin duda alguna nuestro favorito es TinyPNG, que con su adorable panda nos ha robado el corazón y las imágenes pesadas.
Conclusión
La optimización y posicionamiento de imágenes requiere mucha paciencia, investigación y conocimientos técnicos. Si no os sentís seguros o tenéis dudas, lo mejor es contar con el apoyo de un profesional que os guíe y que os indique como proceder. Consultadnos y estaremos encantados de ayudaros. Pero. ¡esto no es todo!. Aún hay muchas más cosas que podéis (y debéis) tener en cuenta para sacarle el mayor partido a vuestras webs. Estad pendientes porque dentro de poco compartiremos con vosotros otros factores de optimización para tener un SEO de 10. ¡Continuamos!