Optimización de imágenes de WordPress: última guía

La optimización de la imagen de WordPress implica reducir o comprimir el tamaño de las imágenes en su sitio web de WordPress sin afectar negativamente cómo aparecen las imágenes en las pantallas. Cuando haga el esfuerzo para optimizar las imágenes en WordPress, acelerará la velocidad del sitio y la página, que eventualmente capturará más visitantes nuevos en el sitio. En esta guía, echamos un vistazo a la optimización de imágenes de WordPress, por qué debe optimizar las imágenes y técnicas de optimización de imágenes. También observamos complementos de optimización de imágenes de WordPress, resolución de imágenes y formato de imagen. Finalmente, terminaremos con cómo la optimización de imágenes de WordPress afecta el SEO. ¡Vamos!
En esta guía
Para comprender la importancia de la optimización de la imagen, hágase una pregunta simple: cuando acceda a un nuevo sitio web y la página no es rápida, ¿qué hace? Si eres como muchas personas, probablemente lo cierras y sigas adelante, ¿verdad? Al menos, se sentirá impaciente y frustrado cuánto tiempo carece el sitio web. O si te quedas, es solo porque realmente te interesan esa parte del contenido. Probablemente nunca volverá a ese sitio después de leer este artículo. El sitio es simplemente demasiado lento. ¿Qué tiene que ver esta experiencia con por qué necesita optimizar las imágenes en WordPress? Los tiempos de carga de la página a menudo se ven muy afectados por el tamaño de las imágenes. Por lo tanto, la optimización de la imagen de WordPress es importante cuando se trata de mejorar la experiencia del usuario e incluso su clasificación de SEO.

¿Qué es la optimización de imágenes de WordPress? Optimizar las imágenes de WordPress es una técnica para reducir el tamaño de los archivos de imagen sin afectar negativamente cómo aparecen las imágenes en una pantalla a simple vista. El propósito de optimizar la imagen de WordPress es disminuir el tamaño de los archivos de imagen sin observar ninguna pérdida de calidad de imagen. Las imágenes se pueden optimizar de varias maneras para un sitio web de WordPress, utilizando diferentes herramientas y técnicas. El uso de archivos más pequeños de archivos significa que puede llenar su sitio con aún más imágenes sin sopesarlo o hacer que se ejecute más lento. La optimización de todas las imágenes de su sitio WordPress debe estar en la parte superior de la lista de prioridades cuando se trata de optimizar su Sitio de WordPress en general. El proceso de optimización de imágenes hará que su sitio pesará mucho menos y se cargará más rápido que nunca, capturando más usuarios nuevos y haciéndolos regresar para obtener más contenido. Después de todo, no importa cuán grande sea su contenido, no importará si los usuarios se van antes de consumirlo. ¿Por qué debería optimizar las imágenes en WordPress? Hay cuatro razones principales por las que debe optimizar las imágenes en WordPress.
Acelerar el tiempo de carga de la página
Mejorar el SEO (optimización de motores de búsqueda)
Reducir las cargas del servidor
Reducir el tamaño general del sitio web para que requiera menos recursos
Manténgase al día con importantes tareas de mantenimiento de WordPress
Obtener contenido de bonificación: Lista de mantenimiento de WordPress
Descarga tu PDF
Echemos un vistazo a algunos de los detalles de cargar la página cuando se trata de optimizar la imagen de WordPress. En 2020, un sitio web que dura diez segundos o más de cargar simplemente no atraerá la atención de un usuario. Y, aunque no hay una definición exacta de la velocidad de carga de página óptima, los estudios recientes de expertos muestran que: los primeros diez segundos influyen en los usuarios en las páginas web. Los lectores saltarán de su página o publicarán si no se muestra todo el contenido en el corto rango.
En el 79% de los casos, si un usuario no está satisfecho con la velocidad del sitio, nunca volverá a ese sitio, porque la velocidad es un asesino.
Peor aún, el 47% de los usuarios insatisfechos no solo rechazarán su sitio, sino que desanimarán a otros usuarios que hablan con sus amigos sobre su experiencia. También es más probable que dejen revisiones negativas en las redes sociales y Google.
Todas estas estadísticas significan que es absolutamente esencial mantener el tiempo de carga del sitio web muy por debajo de diez segundos. En realidad, su objetivo debe ser menos de tres segundos. Y surge la optimización de la imagen de WordPress.
Factores que afectan la velocidad de carga de la página de WordPress que desea que su sitio de WordPress cargue más rápido, pero no está seguro de comenzar. Hoy, el énfasis principal está en la optimización de la imagen, de la cual tendrá una comprensión en profundidad hasta el final de este artículo. Pero, como parte de un mayor esfuerzo de optimización de WordPress, es importante comprender todos los factores que influyen en la velocidad de su sitio para un sitio rápido, es importante: 1. Usar imágenes fáciles El uso de imágenes de “luz” se realizan optimizando la imagen. El propósito es comprimir las imágenes al máximo, sin perder calidad. Este proceso se llama sin compresión de pérdida (pasaremos a esto más adelante) y requeriremos el uso de un optimizador de imagen. Optimice su sitio web en caché El sitio de caché de su WordPress ayuda a su sitio a cargarse más rápido, reduciendo la cantidad de transferencia de datos entre el navegador de visitantes de su sitio, la base de datos de WordPress que usted y el servidor web de su sitio web. Un complemento de caché de WordPress que mantendrá y eliminará el caché de su sitio cuando sea necesario, tanto manual como automáticamente. 3. Use un host de WordPress de calidad para sitios serios de WordPress no ejecuta sus sitios en un plan de alojamiento de $ 4 / mes por una razón. Si bien pueden trabajar bien para las personas que ejecutan blogs personales que usan muy pocos recursos (y no obtienen mucho tráfico), no los reducen para los propietarios de sitios que tienen una carga más alta y requieren velocidades más altas.
Dedique un tiempo a encontrar un proveedor de alojamiento administrado de calidad que tenga bases de datos generalizadas en varias regiones. Compare también los tiempos de respuesta del servidor al comprar un host. Estos factores definitivamente afectarán la rapidez con que se carga su sitio para sus usuarios. Optimizar el código en su sitio web de WordPress generalmente significa: usar complementos y temas de calidad
Mantener temas y complementos actualizados a la última versión
No se utilizan complementos que se superpongan entre funcionalidades o características
Desinstalar / eliminar cualquier complemento o temas no utilizados.
Los desarrolladores deben reducir el código por:
Eliminación del formato y los comentarios
Para deshacerse de los espacios adicionales
Se eliminan las comas y el código no utilizado
Es importante minimizar el código en todos sus recursos, incluidos HTML, JavaScript y CSS. Para reducir el código HTML, una herramienta poderosa es HTMLMinificador. Para JavaScript, pruebe Uglifyjs. También vale la pena analizar el compilador de cierre. Cuando se trata de CSS, CSSNano es una buena opción. 5. Reduzca las redirecciones Hay momentos en que necesita configurar redirecciones para evitar esos 404 errores feos. Pero, si es posible, siempre evite lo que se llama “redirecciones de uso múltiple”.
Esto significa que sus redireccionamientos van desde, por ejemplo, ejemplo.com> ejemplo.com/subdomain> ejemplo.com/subdomain/redirect.html. Sería muy difícil para la página de destino cargar en tres segundos o menos con esas múltiples redirecciones en ejecución. Una redirección está bien. Más de uno generalmente no. Ahora que comprende los factores adicionales que influyen en la velocidad de su sitio, para centrarse en optimizar las imágenes de WordPress. Al final del día, la optimización de imágenes de WordPress es un proceso que desea implementar, ya sea que ejecute un sitio de pequeñas empresas o administre múltiples sitios de WordPress para más clientes. ¿WordPress comprime automáticamente las imágenes? Si y no. Con el lanzamiento de WordPress 5.3, el núcleo de WordPress ha introducido un mejor soporte para imágenes de alta resolución. Estos incluyen imágenes que ha realizado con una cámara de alta calidad o con su teléfono inteligente. La función de compresión de imágenes ingresada en WordPress 5.3 detecta cuándo se carga una imagen grande, luego genera automáticamente las versiones de imagen web optimizadas.
Al cargar, las imágenes se redimensionan automáticamente a 2560 píxeles, el nuevo tamaño completo en WordPress.
Cuando una imagen que carga se redimensiona, la palabra “escalada” se agrega al nombre de su archivo.
Si un cambio de tamaño de imagen automática falla debido al tiempo de espera de un servidor, WordPress intentará continuamente hasta que se produzca la imagen optimizada.
Esta actualización del núcleo de WordPress fue importante para los desarrolladores que pueden no haberse dado cuenta de cuánto se han ralentizado sus grandes archivos de imágenes. Sin embargo, la optimización integrada de imágenes proporcionada por WordPress no es una solución excelente y no se adapta individualmente a cada desarrollador de WordPress. Es un buen primer paso, pero para maximizar completamente la optimización de la imagen, debe ir más allá. ¿Cómo optimizo las imágenes en WordPress? La optimización completa de las imágenes en WordPress no es demasiado difícil. Hay tres formas principales de optimizar las imágenes para su sitio web de WordPress: complementos de optimización de imágenes de WordPress que le permiten hacer el trabajo directamente desde el administrador de WordPress.
Aplicación de software / optimización de imágenes de precarga: estas aplicaciones pueden ser de código abierto de software, como un optimizador de imágenes o, al menos, un editor de fotos o aplicaciones de pago que ofrecen capacidades de ajuste de tamaño de imagen. Photoshop es un ejemplo de aplicación de software premium que le permite ajustar la resolución de imágenes para comprimir imágenes para uso web.
Servicios en línea gratuitos que compriman y optimizan las imágenes antes de cargarlas en WordPress.
El uso de un instrumento para optimizar las imágenes precargadas en general, optimizar una imagen significa comprimirla. Un optimizador o compresor de imágenes es un programa de software que instala en su dispositivo personal o acceda en línea a través de su navegador web. Para usar un optimizador de imagen, simplemente cargue una imagen y permita que el programa realice cambios fáciles en píxeles. Estas cargas no se pueden detectar a simple vista, por lo que el proceso a veces se denomina compresión sin pérdida. Se aplica el mismo tipo de técnica al comprimir un archivo de audio en un MP3. En este proceso, las altas frecuencias se reducen estratégicamente de una manera en la que el oído no puede detectar ninguna modificación. Opciones para la herramienta de optimización de imágenes Antes de cargar, tiene suficientes opciones para herramientas que comprimirán y optimizarán sus imágenes antes de cargarlas en WordPress. 1. Un editor de fotos de escritorio Si es un usuario normal de Photoshop, probablemente no necesite comprimir sus imágenes. Esto se debe a que puede exportar las imágenes recién creadas en cualquier resolución que desee. El mismo principio es válido para la mayoría de los otros editores de fotografías de escritorio. Pero en realidad, si aún no usa Photoshop para crear imágenes para su sitio, probablemente no se tomará el tiempo para aprender un programa tan complicado para la compresión de imágenes. Sin embargo, los editores de fotos de escritorio, como Photoshop, son una opción autónoma para la compresión y optimización de imágenes.
2. Las aplicaciones móviles y los editores de fotos en línea editan fotos Editar aplicaciones y editores de fotos en línea (como Fotor y PIXLR) están diseñados para hacer la edición básica de fotos. Muchas de estas herramientas también incluyen opciones para optimizar las imágenes antes de cargarlas en WordPress. Sin embargo, al igual que el uso de Photoshop para hacer esto, el uso de este tipo de herramientas es casi como una exageración. Algunas de estas soluciones tendrán un precio y no puede usar la mayoría de sus otras características. 3. Compresores de imágenes basados ​​en la web Si desea optimizar sus imágenes antes de cargarlas en WordPress, el software web dedicado es probablemente la mejor solución. Simplemente use Google el término “Compresor de imagen en línea” y elija el nombre gratuito con el nombre más interesante. La mayoría funciona exactamente igual. Después de elegir el que desee, todo lo que tiene que hacer es cargar la imagen y seleccionar el tipo de compresión que desea aplicar. Además, muchos servicios basados ​​en la web proporcionan opciones de optimización de bloques que funcionan excelentes si tiene que optimizar una gran cantidad de archivos. Complementos de optimización de imágenes de WordPress Si desea un optimizador de imágenes de WordPress que funcione en su sistema de administración de contenido de WordPress, la ruta es un complemento de optimización de imágenes. Con un complemento para optimizar las imágenes de WordPress, todo lo que hace es cargar la imagen en WordPress, y el complemento lo comprimirá automáticamente a la configuración que predefinió.
También puede comprimir y optimizar cada imagen manualmente, si lo prefiere. En el almacén de complementos de WordPress, encontrará docenas de complementos para optimizar las imágenes. Algunas de las mejores opciones de los complementos de optimización de imágenes de WordPress son: Smush – Imágenes perezosas, optimización y compresión
Optimizador de imagen EWWW
Comprime imágenes JPEG y PNG
Elija lo más fácil para que trabaje y lo personalice de acuerdo con sus necesidades: recomendamos usar uno de estos complementos de optimización de imágenes de WordPress. Como se mencionó anteriormente, es mejor no duplicar los complementos con una funcionalidad similar. ¿Cuál es la mejor resolución de imagen? En general, un buen objetivo para la resolución de imágenes web es 72 PPI. Sin embargo, no hay una “resolución de imagen perfecta” bien reconocida para los sitios web. Básicamente, si la imagen comprimida no aparece pixelada o distorsionada en su sitio después de que se haya cargado, la resolución de la imagen es perfectamente ideal para usarse en su sitio. A diferencia de la industria tipográfica, donde la resolución de imagen requerida es de 300 dpi (puntos (puntos (puntos por pulgada) Para que cualquier cosa se imprima, deberá verificar cómo se ve una imagen cargada en un monitor de computadora grande antes de ir. ¿Qué tal la relación tamaño-peso?
Los colores juegan un papel importante en cuánto pesa una imagen.Una simple foto en blanco y negro, con el tamaño de 1000 × 800 píxeles, con muy pocos elementos, podría pesar unos 100 kb.Sin embargo, una foto del mismo tamaño de los píxeles, con altos contrastes y colores brillantes, a veces pesará más de ocho veces la cantidad.El host de su sitio puede limitarlo al peso máximo y limitarlo a las dimensiones de los archivos que puede cargar.Pero la relación tamaño de peso siempre dependerá de la estructura de la imagen.Dicho esto, no hay una relación óptima de peso de tamaño para imágenes de WordPress.Simplemente haga todo lo posible para mantenerlos lo más bajo posible, sin sacrificar la calidad visual.¿Qué formato de imagen es mejor para los sitios de WordPress?

La documentación oficial de WordPress sobre el tamaño y la calidad de la imagen recomienda usar archivos JPEG o PNG en sitios web de WordPress. Como tal, son, con mucho, la imagen más común formada en todos los sitios de WordPress. Dependiendo del contenido específico que publique, los archivos JPEG y PNG funcionarán de manera un poco diferente. Los archivos JPEG (o .jpg) son perfectos para todas las cosas ráster (imágenes que están formadas por píxeles, en lugar de líneas). Las fotos en particular casi siempre se guardan como archivos JPEG. Cuando guarda una foto como JPEG, generalmente se comprimirá con un cierto porcentaje automático. Los principales editores de fotos le permiten controlar exactamente cuántos detalles se eliminan a través del proceso de compresión. Siempre es mejor seleccionar la cantidad mínima absoluta de compresión aquí, luego comprimir la imagen más tarde con uno de los optimizadores de imágenes que ya hemos discutido. Esto ayuda a evitar la distorsión de la imagen. Los archivos PNG están destinados a dibujos y fotos. Cuando guarde una imagen como PNG, se comprimirá sin perder ningún detalle. Sin embargo, los archivos PNG suelen ser mucho más grandes que los JPEG. Este formato de archivo se usa mejor para archivos vectoriales. No se distorsionará independientemente del tamaño. WordPress también acepta imágenes GIF. Sin embargo, este no es un formato que recomendamos usar, porque causa una distorsión máxima, sin importar cuán cuidadosamente haya convertido el archivo. ¿Los sitios de WordPress se benefician de la optimización de imágenes?
La respuesta fácil de esta pregunta es una resonancia sí.Por ejemplo, ¿su sitio contiene el logotipo de su propiedad en la parte superior de cada página y publica en su sitio?Es posible que no crea lo difícil que puede ser ese archivo de imagen o cuánto puede ralentizar su sitio. Intente optimizarlo y verificar la diferencia en la velocidad y el rendimiento del sitio.¿Subir nuevas imágenes en el blog casi todos los días?¿Actualmente administra una tienda de comercio electrónico con cientos de imágenes de productos?
Si es así, no olvide instalar un complemento en WordPress que optimizará automáticamente las nuevas imágenes que cargue, además, comience a pensar en optimizar la velocidad mientras aún está diseñando el sitio. No espere hasta que esté listo para su lanzamiento. Si su sitio ya se ha lanzado, use uno de los complementos simples mencionados anteriormente para optimizar en el bloque todas las imágenes en la imagen de su sitio web y SEOS, aunque es cierto que optimizar sus imágenes no es la única respuesta para mejorar las reglas de SEO constantemente cambiando , la velocidad de su sitio sigue siendo un factor determinante importante. Por lo tanto, la optimización de la imagen de WordPress es tan importante para su estrategia de SEO. El tamaño de sus imágenes puede tener un impacto negativo en los resultados de la búsqueda de su sitio de varias maneras. La tasa de rechazo que ya hemos discutido cómo el uso de archivos grandes ralentizará su sitio, pero sabe que los principales motores de búsqueda, como los mejores en los resultados de búsqueda.
Los motores de búsqueda también miden las tasas de rechazo (cuando un usuario aterriza en su sitio, pero se vaya sin visitar una segunda página o publicación) para cada sitio al que accede con rastreadores. Un factor determinante importante de una alta tasa de rechazo es la baja velocidad del sitio. Como puede ver, las altas tasas de rechazo le enviarán el sitio en la parte inferior de los resultados del motor de búsqueda. Sin embargo, las tasas de rechazo más bajas lo llevarán a la lista. La mayor velocidad del sitio casi siempre es igual a tasas de rechazo más bajas. La priorización de la página en varias ocasiones, Google dijo que la velocidad de las páginas es un factor extremadamente importante para clasificar la priorización de sitios web y páginas. Las imágenes, en promedio, ocupan más del 60% del espacio de almacenamiento de todo el sitio web. Si no optimiza las imágenes, este número podría ser sustancialmente mayor. Nuevamente, esto significa un sitio más lento y un factor de clasificación de Google más bajo. Y esto no es bueno para los negocios. Optimización de metadatos para imágenes Piense en metadatos como información que proporciona más información sobre otra información. Para imágenes, los metadatos representan la información de texto que escribe y guarda en su archivo de imagen. Esta información es visible para Google y otros motores de búsqueda. Como desarrollador de WordPress, todo lo que tiene que hacer para optimizar los metadatos de una imagen es completar el pequeño formulario al cargar la imagen en su biblioteca de medios. Las áreas para las que deberá ingresar datos son: texto alternativo
Título
La leyenda
Gusano
Al aplicar el texto más adecuado para los motores de búsqueda en estos campos, es más probable que aparezcan sus imágenes en una búsqueda de imágenes de Google. La clasificación más grande en las búsquedas de imágenes de Google generará más tráfico en su sitio de lo que piensa. Optimización de imágenes simplificadas de WordPress Antes de llegar a este artículo, es posible que no haya sabido cuánto WordPress Optimización de imágenes puede mejorar todos los aspectos del rendimiento de su sitio de WordPress. Cuando optimiza sus imágenes utilizando los métodos y consejos detallados anteriores, su sitio podrá trabajar a un nivel similar a los grandes. Pero cuando el tráfico de su sitio comienza a crecer, ¿está listo para amenazas a la seguridad que pueden ocurrir? Un poderoso complemento de seguridad de WordPress como iThems Security Pro puede eliminar estas amenazas antes de convertirse en problemas. Contenido adicional: una guía de seguridad de WordPress
haga clic aquí
Si lo peor sucede y necesita restaurar su sitio después de una violación de seguridad (u otra catástrofe), se alegrará de tener un plan sólido para WordPress Backup con un complemento de copia de seguridad de BackupBudy. Créanos, le ahorrará horas de trabajo y frustración. Ahora, ¡comienza la optimización de imágenes de WordPress!
Kristen Wright
Kristen escribió tutoriales para ayudar a los usuarios de WordPress en 2011. Por lo general, puede encontrarlo trabajando en nuevos artículos para IThems Blog o desarrollar recursos para #WpProsper. Fuera del trabajo, Kristen disfruta del diario (¡escribió dos libros!), Senderismo y acampar, cocinar y aventuras diarias con su familia, con la esperanza de llevar una vida más presente.