• Aarón Rosette

¿CÓMO OPTIMIZAR IMÁGENES PARA SITIOS WEB?

Actualizado: hace una hora

Mejora las fotografías del sitio web de tu colegio y Google te recompensará.

Una cámara fotográfica junto a una laptop

7 consejos para optimizar fotografías de sitios web


1. Reduce su peso


El peso ideal recomendado es menos de 100 KB.

Sin embargo, si por alguna razón, necesitas una imagen de mayor calidad, podrías subir una por debajo de los 200 KB (pero solo en casos especiales).


Un ejemplo es subir la foto de la fachada de tu colegio para usarla como fondo de tu sitio web. En este caso es probable que sí necesites un peso superior a los 100 KB pero sin llegar a los 200 KB.


Hay sitios en internet donde puedes reducir el peso de tus imágenes, todos cuentan con opciones gratuitas limitadas y con versiones de pago.


Te dejo algunos enlaces.

https://kraken.io/

https://tinyjpg.com/


gif

2. Usa el formato WebP


Este es un truco que poca gente conoce, pero el formato WebP reducir hasta en un 30% el peso de tus imágenes sin afectar la calidad de estas.


Otra ventaja de usar WebP es que, al ser un formato creado por Google, el algoritmo de búsqueda le dará puntos extras a tu sitio. Además, es el formato con mayor protección contra el plagio.

Editores de imagen como Photoshop e Ilustrator ya incluyen la posibilidad de cambiar el formato. Si no manejas estos programas, en internet existen varias plataformas (algunas gratuitas y otras de pago) en donde puedes hacerlo de forma fácil.


Mi plataforma favorita es Convertio. Te dejo el enlace para que la pruebes.

https://convertio.co/es/files


Tres chicas posando para una cámara fotográfica
Usa fotografías de tus alumnos, no uses imágenes de modelos que no correspondan a tu realidad

3. Utiliza imágenes originales


Este es quizá el mejor consejo que te puedo dar: procura siempre que el sitio web de tu colegio muestre la realidad del mismo.


La gente que llega a tu web quiere ver cómo son tus instalaciones, cómo son tus alumnos y tus maestros. Evita usar imágenes de archivo. He visto colegios que, en vez de usar fotos reales, suben imágenes con modelos de otros países.

Otra gran ventaja de usar fotos originales es que estas podrán aparecer en Google Discover y generar tráfico a tu sitio. Sin embargo, debes saber que para que esto suceda necesitas que las fotos tengan al menos 1200 píxeles de ancho.


gif

4. Insértalas en contextos adecuados


Tienes que ser muy cuidadoso cuando insertes fotografías en tu sitio. Procura siempre que vayan acorde con lo que dice el texto que está antes y después de la misma.


Si en el texto dice que tu colegio cuenta con instalaciones deportivas, la foto que debe aparecer es la de tu cancha de fútbol o la de tu gimnasio, no la de tu cafetería o la de tus oficinas.

Quizá este consejo te parezca obvio, pero he visto sitios que parece que colocaron las fotos al azar, y es importante que sepas que Google siempre analiza el contexto semántico de cada imagen.


Antes de colocar cualquier imagen, piensa bien si es el lugar indicado para ponerla.


Una mano sosteniendo una cámara fotográfica
Toma fotos de tus instalaciones e ilustra tus textos con ellas

5. Coloca títulos adecuados


Es muy importante cuidar los datos que contiene el archivo de imagen que subirás a tu web.


Coloca siempre un título a cada archivo de imagen. He visto colegios que suben fotos con el nombre que les asignó la cámara fotográfica, por ejemplo: “CANON09122.jpg”. Es mejor que le cambies el nombre. Ejemplo: “fachada-universidad-de-mexico”.


El nombre del archivo parece algo irrelevante pero no lo es. Puede ayudarte al posicionamiento de la imagen.

6. Inserta Alt Text


Mucha gente desconoce la existencia de Google TalkBack, un lector de pantalla para personas con problemas de visión que trabaja con una inteligencia artificial llamada Google Lens, que se encarga de escanear tus imágenes y transformarlas en texto y posteriormente en voz.


Es muy importante que las imágenes de tu sitio cuenten también con Alt Text o texto alternativo.


El Alt Text es información que debes colocar en los metadatos de cada foto para ayudar a la inteligencia a describir su contenido.

Un buen Alt text es aquel que describe la imagen de forma breve (de preferencia en una sola línea).


Al escribir un Alt text nunca comiences con palabras redundantes como “imagen de” o “fotografía de”. ¡Google ya sabe que es una foto! Así que no hace falta que se lo repitas.

Si dentro de tu foto hay texto escrito, escribe ese texto dentro de unas comillas.


Una cámara sobre un tripié
Las cámaras crean nombres y metadatos automáticos para tus fotos, pero debes modificarlos siempre

7. Incorpora geolocalización


¿Sabías que es posible colocarle ubicación geográfica a tus imágenes?


Es algo que tu diseñador puede hacer desde Photoshop, o puedes hacer tú mismo de forma sencilla desde GeoImgr.


https://www.geoimgr.com/


¿Cuál es la ventaja de geolocalizar tus imágenes?


Google asociará las imágenes con tu colegio y podrás posicionarte mejor dentro de tu sector geográfico.

Copia las coordenadas de tu colegio desde Google Maps y geolocaliza tu imagen.


Espero que estos consejos te sean de gran utilidad.

24 vistas0 comentarios