7 consejos para que las imágenes del sitio web sean eficaces

Foto de Alvin Lenin en Unsplash

Te sorprendería saber la importancia de las imágenes del sitio web. Según un estudio, los artículos con fotos relevantes tienen un 94% más de visitas, y las imágenes en Facebook tienen un 10% más de compromiso que el texto.

Las fotos hacen algo más que embellecer un sitio web. Las imágenes relevantes captan la atención de la gente y aumentan el tráfico y las tasas de conversión.

Para elegir las mejores imágenes del sitio web, debes tener en cuenta numerosos aspectos. Debes seleccionar la imagen y el tamaño de archivo correctos, recordar qué imágenes atraen y repelen a tu público objetivo y optimizarlas para los motores de búsqueda.

¿Cómo benefician las imágenes del sitio web?

Un sitio sin imágenes parece vacío y ahuyenta a la gente. En cambio, un sitio web con fotos relevantes y atractivas atrae a los visitantes y probablemente los convierte en compradores o suscriptores.

He aquí tres maneras en que las imágenes pueden beneficiar a un sitio web.

• Aumentar la tasa de clics

Los humanos somos seres visuales. Las imágenes desencadenan nuestras emociones. Si las imágenes del sitio web despiertan las emociones de tus visitantes, puedes conseguir que hagan clic en los enlaces de tu sitio o que completen la tarea CTA.

Además, las imágenes del sitio web relevante pueden hacer que la información transmitida en el texto sea fácilmente digerible. Esto mejora la experiencia de usuario de tu sitio, lo que se traduce en un aumento del tráfico y las ventas.

• Aligerar tus productos

Casi todo el mundo hojea el texto de los sitios web. Pueden perderse la descripción de un producto (si no hay foto) que puede ser relevante para ellos. Las fotos de productos pueden interrumpir su lectura y atraerles hacia ellos.

Además, las imágenes de productos atractivas permiten a los usuarios imaginarse utilizando los productos, lo que les convence para comprarlos.

• Mejorar la clasificación SEO

Las imágenes del sitio web aumentan las posibilidades de exposición de tu sitio ante un público más amplio. Cuando incorporas palabras clave relevantes en el pie de foto de tus imágenes, éstas aparecen tanto en los resultados de búsqueda web como en los de imágenes.

¿Qué hay que tener en cuenta al elegir imágenes del sitio web?

Imagen tomada del usuario de Strikingly

Aquí hay algunas cosas que debes revisar al elegir las imágenes del sitio web.

1. Evitar usar fotos de almacén

Las mejores imágenes del sitio web son las que posee tu empresa. Las imágenes originales reflejan la identidad y los valores de tu marca, lo que facilita que los clientes potenciales confíen en tu negocio. Las imágenes genéricas no poseen ese elemento de singularidad que tienen sus fotos originales. Además, es posible que tus competidores utilicen las mismas imágenes de almacén que tú. ¿Cómo van a diferenciar tus clientes entre tu identidad de marca y la de la competencia?

Nadie quiere ver esas aburridas fotos de tus empleados sentados juntos y conversando. Piensa en contratar a un fotógrafo profesional para dar vida a esas fotos y hacerlas atractivas.

2. Optimizar para SEO

Las imágenes son mejores que los contenidos para la optimización SEO que ayuda a tu sitio web a posicionarse mejor y llegar a un público más amplio. He aquí algunas formas de optimizar tus fotos.

• Asegúrate de escribir el texto alternativo correcto para los lectores de pantalla.
• Utiliza el formato de imagen correcto. Los distintos formatos de imagen sirven para diferentes propósitos. Por ejemplo, JPEG es mejor para imágenes complejas y coloridas, y PNG es adecuado para imágenes que contienen menos datos porque es más pesado.
• Escribe pies de foto relevantes y sencillos e incluye palabras clave relacionadas siempre que puedas.
• Nombra los archivos de imagen correctamente para que Google sepa si tu imagen está o no relacionada con la consulta de búsqueda del usuario.

3. Seleccionar la imagen y el tamaño de archivo adecuados

Las dimensiones de las imágenes y el tamaño de los archivos tienen un impacto significativo en la optimización de los motores de búsqueda y en el rendimiento general de un sitio web. Asegúrate de que las imágenes del sitio web no superan los 200 KB. Las imágenes más pesadas ralentizan la velocidad de carga del sitio, creando la peor experiencia para el usuario.

Puedes utilizar herramientas de compresión de imágenes para reducir el tamaño de archivo de las imágenes del sitio web. Reducir el tamaño del archivo afecta a la calidad de la imagen, pero apenas es perceptible para los usuarios de dispositivos digitales.

A continuación, se indican los tamaños recomendados para diferentes imágenes de sitios web.

• Imagen del blog - 1200 x 630 px
• Imagen de banner del sitio web - 250 x 250 px
• Logotipo (cuadrado) - 100 x 100 px
• Favicon - 16 x 16 px
• Logotipo (rectángulo) - 250 x 100 px
• Imagen en miniatura - 150 x 150 px

4. Incluir personas en tus fotos

Imagen tomada del usuario de Strikingly

A los humanos les encanta ver a otros humanos en las fotos. Una imagen de un sitio web en la que aparecen personas crea una impresión de confianza en el visitante. Las fotografías centradas en los rostros de las personas refuerzan la conexión emocional, lo que hace que el impacto sea aún más vital.

Sabemos que no puedes incluir personas en todas las fotos, pero hazlo siempre que puedas. Prueba a hacer fotos de personas utilizando tus productos o servicios. Esto afectará en gran medida a la imaginación de tu público objetivo sobre el uso de tus artículos.

5. Asegurarse de que tus imágenes sirven para algo

No añadas fotos a tu sitio web sólo para embellecer su aspecto. Los usuarios tienden a ignorar las imágenes que no sirven para nada. Hazte estas preguntas para saber si las imágenes del sitio web son relevantes.

• ¿Ayuda esta imagen a los usuarios a comprender un concepto?
• ¿Sirve la imagen para mostrar bien tus servicios o productos?
• ¿La foto de tu producto es emocionalmente atractiva?
• ¿Puede el usuario imaginarse utilizando tu producto al ver esta imagen?
• ¿Está la imagen relacionada con tu marca?
• ¿Se dirige a tu público objetivo?
• ¿Será la imagen lo bastante eficaz para convertir a los visitantes en compradores?
• ¿Qué mensaje transmite la imagen?

6. Incluir una llamada a la acción

Una llamada a la acción concisa es más importante de lo que crees. Una CTA clara es necesaria si necesitas seguidores en las redes sociales, o suscriptores en tu blog o quieres aumentar tus ventas. Un último empujón motiva al usuario a hacer clic en el enlace o completar otras tareas.

Cuando un visitante aterriza en tu sitio, su atención es captada por las imágenes antes que por el texto. Así, una llamada a la acción en una imagen es más eficaz que el texto. Asegúrate de no incluir más de una tarea CTA. Lleva a la audiencia a pensar que hay numerosas tareas que deben realizar, y terminan por no completar ninguna.

7. Orientación

Cuando se trata de elegir imágenes para un sitio web, muchos ignoran la orientación. La orientación de una imagen influye en la experiencia del usuario. Las imágenes en vertical para sitios web crean una experiencia de usuario terrible, lo que declina el propósito de las fotos, que es crear una buena experiencia de usuario.

Las imágenes apaisadas llenan el ancho del sitio web sin caer muy abajo en la página. Las fotos apaisadas también son mejores para los sitios web para móviles. Una imagen vertical en un sitio web para móviles caerá más abajo en la página, dificultando que los usuarios vean simultáneamente el contenido y la imagen completa.

Incorporar imágenes a tu sitio web

Saber dónde se necesitan las imágenes y dónde no es esencial para que sean impactantes. He aquí algunas ideas para incluir imágenes en tu sitio web.

• Imágenes de productos desde distintos ángulos. Considera la posibilidad de adjuntar primeros planos si es necesario.
• Imágenes del antes y el después. Por ejemplo, si vendes productos para el cuidado del pelo. Puedes añadir fotos de una persona antes y después de usar tu producto.
• Imágenes de instrucciones. Supongamos que estás elaborando una entrada de blog sobre instrucciones para tu sitio web. Incluye imágenes de los pasos a seguir. Facilitará el seguimiento de las instrucciones.

En muchos sitios, puedes cargar imágenes mediante un programa FTP o un servicio de alojamiento de imágenes del sitio web. Tendrás que comprobar qué método se aplica a tu sitio. Y si aún no tienes un sitio web, ahórrate la molestia de conseguir un sitio codificado y construye uno tú mismo utilizando Strikingly.

Strikingly es un creador de sitios web que te permite crear sitios web adaptables utilizando plantillas personalizables y funciones de arrastrar y soltar. No requiere codificación ni experiencia en diseño web. El editor de sitios web de Strikingly es muy fácil de usar y ofrece sólidas funciones para que tu sitio destaque.

A continuación, te mostramos cómo puedes añadir imágenes en diferentes secciones del sitio web utilizando Strikingly.

1. Sección Media en grande

Imagen tomada del producto de Strikingly

A diferencia de una galería, una sección Media en grande muestra una gran imagen al lado, encima o debajo del texto.

a. Para añadir una sección Media en grande, dirígete al editor de tu sitio creando uno nuevo o editando el existente desde el panel de control.

b. Haz clic en "Agregar nueva sección" en el menú.

c. Ve a "Imagen y vídeo" y selecciona el diseño que prefieras.

d. Haz clic en "Editar". Verás las opciones para editar una imagen ya cargada, añadir un vídeo, sustituir la imagen existente y añadir un enlace y un texto alternativo.

c. Haz clic en "Reemplazar" y, a continuación, pega el enlace de la imagen o súbela desde tu ordenador.

2. Galería

Imagen tomada del producto de Strikingly

La sección de galería es genial para construir un portafolio. Puedes añadir una galería a tu sitio, como en la sección Media en grande, excepto que esta vez ve a "Galería" justo encima de "Imagen y vídeo".

a. Toca "Gestionar galería" para subir imágenes y vídeos.

b. Haz clic en el botón más para importar medios. Puedes cargarlos desde tu ordenador, elegirlos de la biblioteca de Strikingly o pegar un enlace a tus imágenes.

c. Selecciona la imagen/vídeo que deseas cargar de los elementos importados y escribe un título y una descripción atractivos.

d. Cuando hayas terminado, haz clic en "Guardar".

3. Imagen de fondo del sitio web

Cambiar la imagen de fondo del sitio es sencillo. Haz clic en "fondo" en la esquina derecha. Puedes cambiar el color de fondo, el vídeo o la imagen desde el menú desplegable.

4. Imágenes de productos

Imagen tomada del producto de Strikingly

Las imágenes de producto son cruciales para convencer al visitante de comprar tus productos. Para agregar fotos de productos a tu sitio, agrega una sección de tienda de comercio electrónico al igual que agregaste otros segmentos.

a. Haz clic en "Añadir productos".

b. A continuación, pulsa "Añadir nuevos productos" y haz clic en la casilla "Subir imágenes".

c. Puedes importar medios desde tu dispositivo, pegar enlaces o elegir de la biblioteca de Strikingly.

d. Haz clic en "Guardar" cuando hayas terminado.

5. Imagen de la entrada del blog

Una imagen de entrada de blog relevante ayuda a atraer lectores a tu blog. Así es como puedes eclipsar a otros blogs añadiendo imágenes de previsualización o vídeos a las entradas de tu blog utilizando Strikingly. Primero, añade una sección de blog desde el menú de secciones.

Imagen tomada del producto de Strikingly

a. Haz clic en "Gestionar blog".

b. Pulsa "escribir una nueva entrada".

c. Haz clic en "Fondo" en la esquina superior derecha.

d. Puedes subir una imagen desde un ordenador, pegar un enlace o seleccionarla de la biblioteca de Strikingly. También puedes incrustar un vídeo yendo a "Vídeo" y haciendo clic en "incrustar vídeo".

e. Guarda cuando hayas terminado.

La clave para obtener los máximos beneficios de las imágenes del sitio web es investigar a tu público objetivo para saber qué imágenes los llevarán hacia tu sitio.

Por último, pon en práctica correctamente todos los consejos que hemos comentado y verás cómo aumenta drásticamente la tasa de compromiso de tu sitio web.