#1 Consejos y trucos para añadir una imagen a un sitio web

Una imagen vale más que mil palabras. Esto no podría ser más cierto cuando se trata del poder de las imágenes en su sitio web. La primera impresión que el público se lleva de su marca proviene de la forma en que usted elige representar su marca con la más básica de las herramientas de marketing: sus imágenes. Este blog está diseñado para ayudarle a comprender el papel que desempeñan las imágenes en el éxito de su sitio web.

¿Dónde conseguir imágenes?

Cuando añades una imagen a un sitio web, hay muchos lugares donde encontrar lo que necesitas. Si busca imágenes gratuitas, pruebe con Google Imágenes o Unsplash. Si busca algo más singular o algo con un estilo visual específico, querrá utilizar un sitio como Stocksy o Pexels.

Si necesita un tipo específico de imagen, como un vector, una foto o un vídeo, le conviene probar un sitio como iStock o VideoBlocks. Si quieres crear o editar imágenes y tienes algunos conocimientos de diseño o codificación, puedes probar un sitio como Canva, Adobe Stocko Shutterstock. Algunos de los factores más importantes a tener en cuenta a la hora de encontrar imágenes para su sitio web son el coste, el estilo y el formato.

¿Cuál es el mejor formato de imagen?

Elegir el tipo de imagen adecuado para su sitio web puede ser una tarea confusa. Hay muchos formatos diferentes, cada uno con sus propias ventajas e inconvenientes. Mientras que algunos son excelentes para conservar los detalles, otros son más adecuados para su uso en la web, o simplemente son más compatibles. 

Y luego, si buscas los mejores formatos de imagen para tu sitio web de Kleap, hay más cosas a tener en cuenta:

- El formato

- El tamaño

- La resolución

Los formatos

Los dos formatos de imagen para la página de inicio de un sitio web son JPEG y PNG. JPEG es el mejor formato para imágenes con mucha variedad de colores, como las fotografías. PNG es el mejor formato de imagen para las que no tienen mucha variedad, como los logotipos o las infografías.

El tamaño y la resolución

A la hora de elegir la resolución de la imagen, opte siempre por dimensiones mayores. Recomendamos que las imágenes tengan entre 1500 y 2500 píxeles de ancho, aunque no es un requisito estricto. Es importante encontrar un equilibrio entre imágenes de alta resolución y archivos de menor tamaño. De este modo, las imágenes no ralentizarán la carga de la página. Prueba a ajustar la resolución de la imagen y el tamaño del archivo comprimiéndolo. Puedes hacerlo con los programas de edición de imágenes más populares.

Cada archivo JPEG o PNG debe ser de 500 KB o menos y el tamaño total de todas las imágenes de su sitio web por página no debe superar los 2 MB. Para medir esto, puede utilizar herramientas de terceros en línea o inspeccionar su sitio web con las herramientas integradas para desarrolladores en navegadores web como Chrome, Firefox o Safari. La mayoría de los navegadores disponen de herramientas para medir estos aspectos.

¿Cómo añadir una imagen a un sitio web?

Añadir una imagen a un sitio web requiere encontrar el lugar adecuado. También es el primer paso para dar a tu blog un aspecto profesional. El formato más básico es una entrada de blog con una imagen en la parte superior. Normalmente puedes utilizar una cuadrícula o una lista para organizar tu contenido.

Utilice la plantilla

No es necesario crear cada página de su sitio web desde cero. Utilizando una de las muchas plantillas de sitios web disponibles de forma gratuita en Kleap es una forma fácil de crear un sitio web de aspecto profesional. Luego sólo tienes que modificar los contenidos en las Plantillas, especialmente las imágenes. Para ello, sólo tienes que hacer clic en las imágenes de la plantilla. Entonces, te llevará a tu almacenamiento local para elegir una imagen.

Después de añadir una imagen a un sitio web, puede volver a hacer clic en ella y abrir un menú de imagen que le permita personalizarla aún más.

Como puedes ver en la imagen, puedes añadir alguna descripción, un enlace o incluso eliminar la imagen.

Elige el lugar que quieres para tus imágenes

Si creas tu sitio web desde cero, puedes añadir una imagen a un sitio web en cualquier lugar de tu página que desees. Para ello, basta con hacer clic en el botón de añadir bloque.

Entonces aparecerá esta ventana. Elija el bloque de imágenes.

Equilibrar las imágenes y los textos

¿Por qué tiene que añadir una imagen a su sitio web? Simplemente porque las imágenes son la mejor manera de hacer que el contenido de su sitio sea más vivo. El texto nunca conseguirá el mismo efecto. Pero no dejes que tus imágenes se apoderen de ti. Las imágenes son buenos complementos del texto, no al revés. No deben distraer a los usuarios de su contenido. Si utilizas imágenes en tu sitio, debes aplicar las siguientes reglas para asegurarte de que tus imágenes apoyan a tu texto.

Optimice sus imágenes

El SEO no sólo es apropiado para la copia de la web. Como comunidad basada en imágenes, debes optimizar también las imágenes que subes: tanto el nombre del archivo como el texto alternativo (en nuestro caso, es el área de descripción), que es una descripción más detallada de la imagen para los motores de búsqueda, pero también para los usuarios si no pueden ver tus imágenes por una discapacidad o por defecto del dispositivo.

Cuando añada una imagen a un sitio web, haga que los nombres de los archivos sean lo más fáciles posible de leer para los motores de búsqueda. Los nombres de los archivos deben ser identificables a partir de su contenido. Utilice sólo letras y guiones, sin otros signos de puntuación o caracteres especiales, excepto los que forman parte del nombre del archivo. Evite en lo posible los acrónimos porque dificultarán que los usuarios encuentren su sitio web simplemente buscando el nombre del archivo en un motor de búsqueda o en la barra de direcciones del navegador.

El texto alternativo, también conocido como texto alternativo o atributos del título, es esa pequeña cadena de caracteres que se ve junto a cada imagen de su sitio web. Sirve como información descriptiva para los usuarios ciegos que utilizan lectores de pantalla para navegar por Internet. El atributo alt también ayuda a la optimización de motores de búsqueda indicando a los rastreadores lo que hay dentro de la imagen y completando las palabras de las imágenes que pueden ayudar a mejorar la clasificación de su página. Los atributos alt deben tener unos 100 caracteres y describir la imagen sin utilizar demasiadas palabras clave (spam).

Elegir las imágenes adecuadas para su sitio web es una parte muy importante de su marca en general cuando añade una imagen a un sitio web. Debe elegir imágenes que atraigan a su cliente ideal y muestren la calidad de su negocio. Utilizar las imágenes adecuadas puede ser complicado. Un error puede dejar una impresión duradera en su público y dejarles un mal sabor de boca. Como resultado, es posible que no tomen en serio su negocio ni vuelvan a su sitio web. Esperamos que este blog le haya dado algunos consejos útiles sobre cómo elegir las imágenes adecuadas para su negocio y su sitio web.