Introducing G2.ai, the future of software buying.Try now

7 Consejos para Elegir la Mejor Imagen para tu Sitio Web

2 de Abril de 2019
por Mara Calvello

Todos hemos escuchado el dicho, "Una imagen vale más que mil palabras".

Y aunque puede que no sea literalmente cierto, no se puede negar cuánto valor puede aportar la imagen adecuada a tu sitio web. Hay muchas direcciones en las que puedes ir con las imágenes en tu sitio web, así que ¿cómo sabes que estás yendo en la dirección correcta para tu marca?

Cómo elegir la mejor imagen para tu sitio web

Las imágenes y fotos siempre han sido una parte vital de la comunicación visual, por lo que asegurarte de que tu sitio web aproveche al máximo las imágenes que elijas es imprescindible. Es por eso que el 51 por ciento de los especialistas en marketing B2B priorizan la creación de activos visuales como parte de su estrategia de contenido.

Tu audiencia es más inteligente de lo que piensas. Pueden identificar cuando estás usando una imagen de stock común, especialmente si es una que es irrelevante y de baja calidad. Elegir la imagen incorrecta tiene el potencial de arruinar tu sitio web, de más de una manera. Puede impactar negativamente tanto tu UI como tu UX, así que elige sabiamente.

¿No estás seguro de qué tipo de imagen usar, cómo asegurarte de que proporcionen valor SEO y guardarlas en el tipo de archivo correcto? Solo sigue leyendo.

1. Elige imágenes de alta calidad

Asegúrate de que las imágenes que elijas sean de alta calidad. Las imágenes con grandes píxeles y alta resolución funcionan mejor. En cuanto a su tamaño, piensa en cómo se verá tu sitio web tanto en un escritorio como en un dispositivo móvil. Uno de mis ejemplos favoritos es la página de inicio de Airbnb. Aunque el formulario de reserva sigue siendo el foco de la página, el ojo del usuario no puede evitar ser atraído por la imagen de fondo de alta calidad y visualmente atractiva.

Using a High-Quality Image[Fuente: Airbnb.com]

2. Haz que sean relevantes para tu marca

No importa lo que tu empresa esté vendiendo, o el propósito de tu sitio web, las imágenes que elijas deben ser relevantes para tu marca y su objetivo.

Por ejemplo, si tu marca vende joyas, como Pandora, las imágenes de productos en tu sitio web deben ser tanto visualmente atractivas como tentadoras para el cliente.

Images Relevant to the Brand[Fuente: us.pandora.net]

3. Elige imágenes con un llamado a la acción

¿Quieres que un cliente o visitante del sitio web haga algo específico? Haz que una imagen también sea un llamado a la acción. Las marcas en la industria alimentaria a menudo hacen esto bien. Por ejemplo, Starbucks, cuyo menú siempre está cambiando y evolucionando, te facilita decidir qué espresso deberías pedir la próxima vez que necesites una dosis extra de cafeína.

Website with a Call-to-Action Image
[Fuente: Starbucks.com]


Se me hace agua la boca solo de ver estas opciones. Ambos, por favor.

4. Haz que la imagen hable por sí sola

Atrapa a los visitantes de tu sitio con una imagen atractiva. En lugar de cargar tu sitio web con toneladas de texto, elige una imagen que transmita el mensaje. Incluso si el texto es una buena lectura, no todos tus clientes van a tomarse el tiempo de leerlo, o incluso les importará.

La página de inicio de allbirds transmite el mensaje de que sus productos son naturales, sin entrar inmediatamente en profundidad sobre los materiales y la historia de la marca.

Descriptive Website Image[Fuente: allbirds.com]

 

5. Muestra personas reales

Elegir una imagen que incluya personas es una excelente manera de potencialmente aumentar la tasa de conversión de tu sitio web. Aquí es donde, si puedes, deberías evitar las fotos de stock y usar personas reales. No quieres que la imagen que elijas esté en cientos de otros sitios web, y eso puede ser el caso si optas por la ruta de las fotos de stock.

Warby Parker no solo muestra a dos personas en su página de inicio, sino que también da a sus clientes una idea de cómo se verán sus gafas en personas reales, en lugar de mostrarlas solo como productos independientes.

Warby Parker Homepage [Fuente: warbyparker.com]

6. Optimiza para SEO

No importa si tienes un blog, una tienda en línea o simplemente un sitio web regular que deseas mejorar con imágenes de primera calidad, vale la pena tomarse el tiempo para optimizar cada imagen que subas.

Primero, asegúrate de que las imágenes se vean bien, lo cual discutimos anteriormente. Luego, debes asegurarte de que puedan ser fácilmente indexadas por los motores de búsqueda asegurándote de nombrar correctamente el archivo de imagen.

¿Alguna vez has guardado una imagen como "Foto1.jpg" o "Captura de pantalla 2019-03-18 a las 4.13.42 pm"? Esto es un gran error cuando se trata de las imágenes en tu sitio web.

Al nombrar, sé consistente y no uses puntuación ni espacios. También es mejor usar guiones en el nombre en lugar de un guion bajo.

How to Name Your Image File
 

Una vez que el nombre del archivo de imagen esté correctamente formateado, no olvides el texto alternativo, que también agrega valor SEO.

El texto alternativo es una breve descripción, generalmente de 100 caracteres, de lo que muestra la imagen. Aunque este texto no será visible para los visitantes del sitio, le da a los motores de búsqueda una idea de qué trata la imagen. Este texto también ayudará a los visitantes con discapacidad visual a navegar por tu sitio con software basado en audio.

Siguiendo el ejemplo anterior, tu texto alternativo podría ser: Estatua de la Libertad de noche

7. Elige el tipo de archivo de imagen correcto

¿No estás seguro de qué tipo de archivo de imagen deberías usar? Vamos a desglosarlos.

  • JPGs: Este tipo de archivo debe usarse para fotografías, ya que pueden manejar los colores en un tamaño de archivo pequeño y eficiente. Cuando se usan, no tendrás que preocuparte por tener un archivo enorme, lo que ayudará con el tiempo de carga de esta imagen.
  • PNGs: Este tipo de archivo debe usarse para gráficos, especialmente usando áreas grandes o planas de color. Esto incluye la mayoría de los diseños, infografías, imágenes que son ricas en texto y logotipos. Los PNGs también admiten fondos transparentes (que querrás usar para un logotipo). Si puedes, guarda tu PNG en formato "24 bits" para una mejor calidad y una representación más rica de color.

Haz que tu sitio web sea perfecto

La imagen correcta en tu sitio web es como la guinda del pastel. Realmente une todo, y con suerte, si has elegido el tipo de imagen correcto, asegura que tu sitio web sea agradable para el visitante de una manera que los haga volver por más.

¿Interesado en darle a tu sitio web aún más personalidad? ¡Consulta estos consejos sobre cómo usar videos en sitios web y cómo elegir la mejor tipografía para tu sitio web!

 

¿Quieres aprender más sobre Software de diseño web? Explora los productos de Diseño web.

Mara Calvello
MC

Mara Calvello

Mara Calvello is a Content and Communications Manager at G2. She received her Bachelor of Arts degree from Elmhurst College (now Elmhurst University). Mara writes content highlighting G2 newsroom events and customer marketing case studies, while also focusing on social media and communications for G2. She previously wrote content to support our G2 Tea newsletter, as well as categories on artificial intelligence, natural language understanding (NLU), AI code generation, synthetic data, and more. In her spare time, she's out exploring with her rescue dog Zeke or enjoying a good book.