Con más de 20 años de historia, WordPress se ha convertido en una plataforma extremadamente popular para gestionar sitios de internet- Según las estadísticas más recientes de W3Techs, es utilizado por 43.4% de todos los portales, incluidos importantes medios de comunicación.
Aunque WordPress es un poderoso Sistema de Gestión de Contenidos (CMS, por las siglas de Content Management System), es importante considerar que quienes publican contenidos deben considerar mejores prácticas para propiciar una buena experiencia del usuario y favorecer directamente el rendimiento SEO del sitio.
¿Qué debes tener en cuenta al subir imágenes en WordPress?
Uno de los factores que más pueden perjudicar el performance de un sitio, es la carga de las imágenes. Por tal motivo, en este artículo, exploraremos las recomendaciones para optimizar imágenes en sitios de noticias gestionados con WordPress.
🟢Formato recomendado: JPEG
Para la mayoría de las imágenes en sitios de noticias, el formato más adecuado es JPEG (.jpg). Este tipo de archivos ofrece un excelente equilibrio entre la calidad y el tamaño de archivo, lo que es importante para mantener tiempos de carga rápidos sin comprometer la calidad visual.
🟢Dimensiones óptimas: 1200 x 800 píxeles
Aunque el tamaño en el que se muestran las fotos de los artículos puede variar según el diseño de cada sitio web y el dispositivo donde se navegue, si un editor sube fotografías con un tamaño de 1200 x 800 píxeles, puede tener la seguridad que esa imagen se visualizará correctamente desde teléfonos inteligentes hasta pantallas de alta resolución, sin sobrecargar innecesariamente los servidores o el ancho de banda de los usuarios.
🟢Tamaño del archivo: Menos de 100 KB
Además del formato y el tamaño de la imagen, es importante cuidar que el tamaño del archivo que se sube a WordPress esté por debajo de 100 KB es crucial para optimizar el rendimiento del sitio. Esto puede lograrse mediante la compresión inteligente de imágenes, que reduce el tamaño del archivo sin degradar significativamente la calidad visual.
¿Cómo impactan las imágenes en Google PageSpeed Insights?
Implementar estas buenas prácticas para la optimización de imágenes en WordPress puede mejorar significativamente la puntuación de tu sitio de noticias en Google PageSpeed Insights.
Entre los indicadores de rendimiento que evalúa Google, la velocidad de carga de los contenidos es uno de los factores más determinantes para la clasificación y las imágenes pesadas son el peor enemigo para lograr un buen indicador en este apartado.
A continuación, puedes observar el efecto que tuvo la optimización de la foto principal de un artículo publicado en un sitio de noticias sobre el indicador de “Rendimiento”.
Recuerda que hacer que un sitio sea más rápido no solo podrá mejorar su posicionamiento en los motores de búsqueda, sino que también reduce la tasa de rebote, mejora la experiencia y aumenta el tiempo de permanencia de los usuarios.
🧰Herramientas de optimización
Dentro de WordPress se ofrecen varias herramientas y plugins que pueden ayudar a la implementación de estas buenas prácticas, sin embargo, el uso de estos recursos extra puede afectar el rendimiento de los servidores y siempre es recomendable mantener el entorno lo más “limpio” posible.
No obstante, el equipo editorial puede echar mano de herramientas gratuitas disponibles en Internet que permiten ajustar el tamaño de cualquier imagen para que sean de 1200 x 800 píxeles, comprimir el archivo para que pese menos de 100 kb, convertir otro tipo de archivos en JPEG, e incluso hacer ediciones sencillas como eliminar fondos o aplicar blur. Una de las más conocidas es iloveimg.com.
💡Bonus
Además de usar el formato JPEG, mantener las dimensiones en 1200 x 800 píxeles y limitar el tamaño del archivo a menos de 100 KB, considera estas recomendaciones adicionales para que las imágenes no se conviertan en un problema para tu sitio web y, por el contrario, impulsen el crecimiento de tu medio digital:
- Texto alternativo (ALT): No olvides incluir texto alternativo descriptivo para cada imagen, lo cual mejora la accesibilidad y el SEO.
- Nombres de archivo descriptivos: Utiliza nombres de archivo que describan el contenido de la imagen, incluyendo palabras clave relevantes cuando sea apropiado.
- Lazy loading: Implementa la carga diferida de imágenes para mejorar aún más los tiempos de carga inicial de la página.
¿Necesitas ayuda?
Si ya conoces y aplicas estas recomendaciones y aun así, el tráfico de tu sitio web no logra despegar, no te preocupes, el equipo de expertos de Digital Room está listo para diagnosticar la situación y atender las oportunidades de mejora que puedan surgir, no dudes en contactarnos para revisar tu caso y encontrar soluciones.
