Cómo optimizar las imágenes de su sitio para hacerlo más rápido y con más rendimiento

¿Está a punto de lanzar un sitio web personal o mejorar el rendimiento de uno existente? Recuerde siempre que la optimización de la imagen es clave para la clasificación del sitio y las primeras posiciones.

Cuando trabajamos en un sitio web, a menudo tendemos a centrarnos en el contenido, los textos optimizados, las fotos y los colores, y otras pequeñas opciones de estilo para adaptarlo a nuestros gustos y productos. Pero a menudo no nos preocupamos tanto por la optimización de imágenes , o pasamos por alto su importancia.

Qué significa optimizar imágenes

Básicamente, optimizar imágenes significa comprimirlas y hacerlas menos pesadas para mejorar la velocidad y el rendimiento de su sitio.

Lo que muchos desconocen es que la calidad y el peso de la imagen afectan directamente la velocidad y el rendimiento del sitio y, en consecuencia, su posicionamiento en los buscadores.

Si ya ha hecho todo lo posible para aumentar la calidad de su contenido y palabras clave, y la configuración del sitio web y del índice no tiene problemas técnicos, entonces es el momento de la optimización: esto puede marcar la diferencia para escalar las primeras posiciones del portal de búsqueda.

Imágenes web: peso, resolución y dimensiones ideales

Un peso de imagen ideal para la web es generalmente de 200 a 300 kb. Una resolución ideal es 72 ppp (es decir, aproximadamente el 70%). Las dimensiones ideales limitan el lado largo a 1200 píxeles (las dimensiones y la resolución más grandes están indicadas principalmente para la impresión, pero no se adaptan bien a los contextos web).

Por tanto, reducir el peso de las imágenes y su resolución, así como adaptar la imagen al formato de la página, es fundamental para optimizar el rendimiento de un sitio web.

Cómo optimizar las imágenes en un sitio

Si no es un experto en gráficos y ni siquiera sabe qué es Photoshop, entonces no tema: existen muchas herramientas y sitios web amigables y gratuitos para que pueda optimizar fácilmente las imágenes de su sitio mientras preserva su calidad. Si, por otro lado, puede administrarse usted mismo, entonces optimizar imágenes para la web con Photoshop es definitivamente la mejor opción.

De hecho, estos sitios y herramientas preestablecen los valores generales para obtener una imagen optimizada, es decir, tener una imagen comprimida por peso y tamaño por estándares web sin afectar su calidad. Obviamente, gran parte del resultado depende de la imagen que cargues en primer lugar. Por supuesto, una imagen inicial granulada no puede convertirse en una de alta calidad después de la compresión.

Los sitios con funciones de optimización de imagen , gratuitos o de pago según sea necesario, incluyen Comprimilo, Optimizilla, Kraken, TinyPNG y CompressJpeg, entre otros. Como es habitual en la web en constante evolución, estos sitios, especialmente los gratuitos, siguen cambiando. Sin embargo, una simple búsqueda de palabras clave será suficiente para encontrar los mejores sitios actuales para optimizar sus imágenes de forma gratuita.

Además, si su sitio está construido con la plataforma WordPress, entonces tiene otra oportunidad: optimizar las imágenes de WordPress a través de complementos . Los complementos no son más que programas de soporte destinados a mejorar las funciones de otros programas. En resumen, agregan nuevas funciones a su sitio sin que usted, usted mismo, necesite codificar.

Los más populares son:

• Smush
• Optimizador de imagen EWWW
• Imagina
• ShortPixel
• TinyPNG

El papel del SEO en la optimización de imágenes

El peso y la calidad de las fotos son tan importantes en el proceso de optimización de imágenes como el SEO que las acompaña. De hecho, el SEO no se trata solo de las palabras clave de los textos de su sitio. También se ocupa de los títulos y etiquetas de las imágenes que se cargan en el sitio.

El SEO de una imagen incluye:

• el atributo alt, es decir, texto alternativo
• el atributo de título, es decir, el título de la imagen
• subtítulo
• descripción
• URL, es decir, enlace

Establecer bien el texto alternativo y el título es vital. Cuanto más exactamente describa su imagen, más motores de búsqueda la percibirán como contenido de calidad para las palabras clave de búsqueda coincidentes. Esto es especialmente relevante para el comercio electrónico, donde cada producto de imagen es una clave de búsqueda en sí mismo.

Lo ideal sería optimizar las imágenes antes de subirlas al sitio , habiéndolas guardado correctamente en las carpetas de su PC. Obviamente, si esto no es posible, puede volver a la galería de imágenes del sitio y hacer este trabajo más tarde.

¿Estás pensando en todas las imágenes que guardaste en Photo1, Kkkkkkkkkjpg, Image_3, etcétera?

¡Ahora, corre para optimizarlos!

Cómo optimizar las imágenes del sitio en unos sencillos pasos

1. Comprime el tamaño de tus imágenes para no sobrecargar el sitio.

Si no desea que las imágenes demasiado grandes y pesadas ralenticen su sitio web, busque uno de los sitios gratuitos que le permiten optimizar sus imágenes de una manera simple y rápida. Hemos sugerido algunos de ellos anteriormente, pero siempre puede encontrar otros mediante una simple búsqueda en Google.

Los más experimentados pueden referirse a Photoshop. Esta es sin duda la herramienta más profesional para personalizar las imágenes que agregamos a nuestro sitio web de la mejor manera.

2. Dale a tu archivo un nombre apropiado

Aunque todos hemos estado allí (incluso para aquellos que fingen lo contrario), guardar rápidamente nuestros archivos de imagen con nombres como pffffffff, image_7, img568, etc. nunca es una buena opción.

Tómate ese minuto extra para encontrar un título descriptivo y eficaz para tu imagen. Si realiza este paso de inmediato, no tendrá que hacer el trabajo doble después.

Tenga cuidado con demasiado de algo bueno. No coloque una serie de palabras clave seguidas. El algoritmo podría castigarlo por excluir palabras clave en su imagen. Opte siempre por un medio feliz.

3. Elija un texto alternativo en línea con el título de su imagen.

Una vez que haya elegido el título de la imagen, continúe combinando un texto alternativo apropiado. Este es, de hecho, el elemento más importante para indexar y optimizar una imagen junto con el título. El texto alternativo está destinado a proporcionar detalles de la imagen que son alternativos a los meramente visuales.

Luego, en palabras, describe lo que ves en la imagen.

4. Ingresa un título y una descripción.

El título y la descripción no son tan esenciales como el título y el texto alternativo. Pero pueden darle más relevancia a tu imagen cuando la optimizas.

La leyenda es el texto que aparecerá en la página justo debajo o al lado de la imagen para reforzar su mensaje y relevancia.

La descripción está destinada a la programación interna del sitio con el fin de clasificar las imágenes y saber qué contienen. No tiene ninguna relevancia SEO especial.

5. Guarde las imágenes y cárguelas en su sitio web.

Una vez que la imagen ha sido preparada, comprimida y optimizada, también para propósitos de SEO, simplemente guárdela en su computadora. Luego cárguelo en el sitio web de su interés.

Conclusiones

Las imágenes a menudo se han subestimado y se han considerado un elemento puramente estilístico. En realidad, son esenciales para mejorar aún más el rendimiento de nuestro sitio web y dar ese salto adicional para llegar a la cima de los motores de búsqueda.

La optimización de imágenes puede parecer un proceso largo y tedioso, que a menudo preferimos omitir. Sin embargo, una vez que domine este proceso, lo encontrará fácil y automático. A largo plazo, le permitirá mejorar el rendimiento de su sitio web haciéndolo más rápido y más relacionado con las claves de búsqueda de los usuarios.

Por último, no olvide que las mismas reglas de optimización (reducción de peso, texto alternativo, etc.) también se aplican a sus correos electrónicos. ¡Descúbrelos todos en la Guía de diseño de correo electrónico de MailUp!