optimización de imágenes

Los sitios web más bellos no sólo albergan el mejor contenido de alta calidad y diseños web estéticamente organizados, sino también imágenes de gran belleza y alta definición. Como propietario de un sitio web, debes saber lo importante que es adaptar tu contenido para la optimización de los motores de búsqueda y tus imágenes. La optimización de las imágenes desempeña un papel fundamental para garantizar el éxito de tu sitio web. Y aunque muchos tienden a pasar por alto este hecho, estamos aquí para ayudarte a conocer los fundamentos del tema y darte algunos consejos sobre cómo optimizar las imágenes.

¿Qué es la optimización de imágenes?

La optimización de imágenes se refiere al proceso que se realiza para mejorar el SEO de las imágenes que se ponen en tu sitio web. Implica asegurarse de que las fotos tienen el formato, las dimensiones y los tamaños correctos, al tiempo que se garantiza que siguen teniendo la máxima calidad que se supone que tienen. También requiere describir y subtitular adecuadamente cada imagen que pongas en tu sitio web. Es importante optimizar las imágenes porque puede afectar significativamente a la velocidad de carga de tu página. Un visitante de un sitio web tarda al menos 3 segundos en cargarse antes de pasar a otro sitio. Tu sitio puede perder visitantes e incluso clientes si las imágenes tardan mucho en cargarse o no están correctamente posicionadas. En resumen, desperdiciamos tus imágenes de alta calidad si no las optimizas como corresponde. Además, debes tener en cuenta que la clasificación SEO también se ve afectada por la forma en que optimizas tus imágenes. Por lo tanto, la optimización de las imágenes es esencial para tu sitio web.

10 consejos sobre cómo optimizar las imágenes en tu sitio web

1. Guiones mejor que guiones bajos

Aunque no hay una explicación adecuada para este método, es un hecho bien conocido que Google prefiere que utilices guiones en lugar de guiones bajos. Este consejo se centra en la forma de nombrar los archivos y las imágenes que subes a tu sitio web. No es el consejo más esencial, pero es útil para tus necesidades de optimización de imágenes, ya que Google rastrea los nombres de archivo de las imágenes que utilizas en tu sitio web. Así que no te limites a usar guiones para separar cada palabra; asegúrate también de que los nombres de tus archivos sean inteligentes, relevantes y ricos en palabras clave.

2. Descripciones sencillas y claras

optimización de imágenes

Imagen tomada del usuario de Strikingly

Nuestro segundo consejo también tiene que ver con la forma de describir tus imágenes en relación con nuestro primer consejo. Las imágenes de tu web dicen mucho de tu sitio web, de tu negocio y de tu identidad de marca. En este caso, la optimización de imágenes consiste en asegurarse de que las imágenes estén debidamente subtituladas. Debes ser claro y preciso con tus descripciones. No tienes por qué ser siempre extravagante y demasiado prolijo. La mayoría de las veces, es mejor dar a los visitantes de tu sitio un ligero empujón utilizando una simple descripción y luego dejar que las imágenes hablen por sí mismas.

3. Etiquetas Alt amigables con el SEO

Las etiquetas Alt, o etiquetas o textos alternativos, se refieren al texto que sustituye (o actúa como alternativa) si tus imágenes web no se cargan correctamente. Los visitantes del sitio no suelen verlo, y prefieres que no se vea porque no es una buena imagen para tu sitio web. La optimización de imágenes, en este caso, implica aprovechar el hecho de que estas etiquetas Alt se utilizan como base para la clasificación de tus imágenes en Google e incluso para la clasificación general de tu sitio web en los motores de búsqueda. Al igual que en nuestros dos primeros consejos, esto se consigue siendo estratégico en lo que pones como etiqueta Alt. También puede ser inteligente incluir el número de serie o el número de modelo del producto que estás mostrando, si tienes alguno. Y sin parecer demasiado prolijo o desesperado, también podrías utilizar una palabra relevante en tus etiquetas Alt.

4. Tipo de formato correcto

Puedes ser la chica más guapa del país, pero al príncipe no le importaría que el zapato no te quedará bien, ¿verdad? Esta noción también se aplica a la optimización de imágenes. En tus intentos de optimizar las imágenes de tu sitio web, cualquiera que sea, es esencial tener siempre presente qué formato de archivo sería el más apropiado para ellas. Aunque hay muchos formatos de archivo que puedes utilizar, cuatro tipos son los más utilizados: JPEG, PNG, GIF Y TIFF. Por lo general, el JPEG es el tipo más utilizado porque normalmente no es necesario hacer una compresión de las imágenes para la web. Siguen siendo de alta calidad y, al mismo tiempo, son las de menor tamaño. Por otro lado, PNG se utiliza mejor cuando las imágenes tienen texto y/o fondo transparente. Los archivos PNG suelen ser más grandes. GIF es el mejor tipo de formato para las animaciones. Normalmente tampoco es necesario hacer una compresión de la imagen, pero no suele ser una buena opción para las imágenes fijas. TIFF es el tipo de formato que no se utiliza tan comúnmente en la optimización de imágenes como los tres primeros. Esto se debe a que, aunque la calidad de este tipo de archivos e imágenes es muy superior a la de los tres primeros, también ocupa mucho espacio y datos.

5. Las vistas y los ángulos perfectos

optimización de imágenes

Imagen tomada del usuario de Strikingly

Si tu sitio web es el hogar de tu marca y de tus blogs, entonces este consejo de optimización de imagen es bueno para ti. Las tiendas en línea se han convertido en algo frecuente en los tiempos actuales. Por lo tanto, hay una gran cantidad de propietarios de negocios que han establecido sus sitios web de negocios. Si eres uno de ellos, debes comprender la importancia de mostrar y organizar adecuadamente tus productos para atraer a tus visitantes y convertirlos en clientes. Parte del proceso para optimizar las imágenes es aprovechar que tu sitio web puede contener múltiples imágenes. Es decir, es una buena idea que muestres tus productos desde diferentes vistas y ángulos. Sin perder de vista los consejos anteriores, puedes optimizar las imágenes de tu web proporcionando varias imágenes para cubrir cualquier lado que tus clientes quieran ver. Echa un vistazo a esta web de una usuaria de Strikingly, Isa Catepillán, y cómo muestra sus vestidos en una perspectiva de 360 grados.

6. Imágenes pequeñas pero increíbles

La compresión y el cambio de tamaño de las imágenes son esenciales para las imágenes de tu web, ya que las imágenes que pones en tu sitio web afectan a la velocidad de carga de tu página. Además, las imágenes más grandes ocupan más datos y pueden tardar más en cargarse. Por lo tanto, el aspecto más importante de la optimización de imágenes es garantizar que tus fotos se reduzcan al tamaño de archivo correcto y que su calidad permanezca intacta. Tienes que conocer el tamaño máximo de archivo que puede soportar tu sitio web, para evitar el error de subir imágenes a ciegas. Asegúrate de que las imágenes que pones en tu web son adecuadas y apropiadas para lo que requiere y lo que es necesario para asegurar tu éxito.

7. Imágenes originalmente creativas

Al igual que el resto de contenidos de tu web, también es fundamental ser original e inteligente con tus imágenes. Vale la pena si tienes tu propia cámara y las habilidades para usarla porque entonces, realmente te aseguras de que las imágenes de tu web sean frescas e innovadoras. Teniendo en cuenta los consejos anteriores que te hemos dado, debes tener en cuenta que las imágenes que vas a publicar son únicas. Los motores de búsqueda como Google valoran el contenido original. Parte de la optimización de imágenes es controlar cuánto destacas usando las imágenes que pones en tu sitio web.

8. La combinación justa de imágenes

optimización de imágenes

Imagen tomada del usuario de Strikingly

En relación con nuestro consejo anterior, menos importará que tus imágenes sean de alta definición y originales si no están bien posicionadas. La mayoría de la gente comete el error de complicarse demasiado a la hora de maquetar sus imágenes web. Aquí es donde entra en juego la optimización de las imágenes. Debes saber cómo utilizar y organizar adecuadamente las imágenes que tienes en tu web. La combinación correcta de unas pocas imágenes causa más impacto que muchas imágenes simplemente salpicadas en la pantalla. Es importante tener en cuenta cómo se ven las imágenes juntas. Puedes utilizar una imagen de fondo para tu sitio web, pero asegúrate de que no desentone y no sobrepase las otras imágenes que estás mostrando. Sé creativo y, al mismo tiempo, organizado a la hora de reunir las imágenes de tu web. Es más probable que los clientes se queden en tu sitio web si les gusta lo que ven.

9. Fotografías aptas para móviles

optimización de imágenes

Imagen tomada del producto de Strikingly

No todo el mundo que va a visitar tu sitio web utiliza sus portátiles u ordenadores. Los dispositivos móviles no son difíciles de conseguir hoy en día. Si quieres estar a la altura de los tiempos, tienes que asegurarte de que tu sitio web es amigable con los móviles. La optimización de tu sitio web para móviles puede suponer una gran diferencia para tu negocio y tu marca. Puede llevar a una alta tasa de rebote o aumentar significativamente tu ranking SEO y el compromiso de los usuarios. La mejor manera de optimizar las imágenes para que sean aptas para móviles es asegurarse de que tus fotos sean responsivas. Las imágenes escalan el tamaño del sitio en el que se está mostrando y se ajustan en consecuencia. Esta técnica de optimización de imágenes asegurará que tus imágenes sigan viéndose bien sin importar el dispositivo que utilicen los visitantes de tu sitio.

10. Velo tú mismo

optimización de imágenes

Imagen tomada del producto de Strikingly

Verifica dos, tres y cuatro veces. Nuestro último consejo para ti sobre la optimización de imágenes es siempre para obtener una vista previa de tu sitio. Antes de lanzarlo al mundo, querrás asegurarte de que es exactamente lo que imaginaste y trataste de ejecutar. Deberías previsualizar tu sitio y ver por ti mismo si funciona de la manera que esperabas. Sabemos que estás entusiasmado por compartirlo con el mundo, pero es vital que compruebes por ti mismo la velocidad de la página, el diseño, cómo se ve, si todos los botones funcionan correctamente y si todas las imágenes están subtituladas correctamente. No querrás enviar a un agente sin formación sobre el terreno, ¿verdad? No dejes que tu sitio web y tus imágenes web se pierdan antes de tener la oportunidad de examinarlos tú mismo.

Formatos de imágenes web que puedes subir a Strikingly

Strikingly es un creador de sitios web que te permite crear hermosos sitios web. En cuanto a las imágenes, pueden albergar tu deseo de mostrar tus imágenes web en la sección de galería. También puedes utilizarlas con subtítulos y descripciones perfectamente colocadas debajo o al lado de ellas. Los sitios web realizados por Strikingly pueden albergar una amplia gama de tamaños de imágenes. Desde una imagen de fondo de 1600x900px hasta pequeños iconos de al menos 100px. Estas especificaciones de imagen no son realmente exactas porque Strikingly también te ayuda en la optimización de imágenes y optimiza las imágenes de acuerdo con una amplia gama de tamaños de pantalla. Te permiten subir estas imágenes en tres formatos de archivo de imagen diferentes: JPEG, PNG y GIF.

Por supuesto, Strikingly no te dejará colgado a la hora de añadir etiquetas Alt y descripciones a tus imágenes web. Puedes añadir texto alternativo a tus imágenes yendo al editor de tu sitio, pasando por encima de la imagen a la que te gustaría añadirlo y haciendo clic en editar. Al hacerlo, te mostrará diferentes opciones que puedes hacer a tus imágenes. Debajo hay un botón, "Añadir texto Alt". Haz clic en él para añadir un texto alternativo relevante e inteligente.

optimización de imágenes

Imagen tomada del producto de Strikingly

También puedes añadir un título y una descripción a tus imágenes de la Galería. Aprovecha esta oportunidad de optimización de imágenes proporcionando títulos ricos en palabras clave y originales para tus imágenes. Al igual que los pasos para el texto alternativo, sólo tienes que encontrar tu galería en el editor de tu sitio y pasar por encima de la imagen que quieres editar. Al hacer clic en "Editar", se te mostrarán de nuevo las opciones sobre qué hacer con tus imágenes. Los botones "Añadir título" y "Añadir descripción" están justo debajo de la propia imagen. Haz clic en ellos y describe maravillosamente tus imágenes.

optimización de imágenes

Imagen tomada del producto de Strikingly

La optimización de las imágenes no suele recibir suficiente atención. Algunas personas simplemente salpican descuidadamente sus imágenes web en su sitio web. Pero ahora que tienes algunos conocimientos sobre la optimización de imágenes y algunos consejos sobre cómo optimizarlas, ¡puedes adelantarte! Tienes la oportunidad de hacer una verdadera diferencia para ti y tu sitio web, no la desperdicies. ¡Regístrate en Strikingly ahora y deja que te ayudemos a sacar el máximo partido a las imágenes de tu sitio web!