– Más del 5% de las búsquedas en Google son de imágenes
– Casi ninguna Web incluye la optimización de imágenes en su estrategia SEO

Teniendo en cuenta esto, existe un filón importante de tráfico que podrías atraer a tu Web poniéndote por delante de tu competencia.

¿Quieres saber cómo optimizar las imágenes de tu Web?

Sigue estos pasos:

 

SEO ON-PAGE

1. NOMBRE DEL ARCHIVO
Los nombres de archivo de las imágenes deberían tener significado, ya que los buscadores como Google pueden leerlos (y le dan cierta importancia) y además se muestran en el SERP bajo la vista previa de las imágenes, captando la atención de los usuarios.

Los siguientes nombres son incorrectos:

112354_principal.png
Metodo-01-2011-min.jpg
e8b6fb32-6a01-12b0-b46c-00055facb49c.jpeg

Los nombres de archivo de imágenes deberían contener toda la información relevante posible (como la dirección), sin hacer que sea excesivamente largo.

Ejemplo correcto:

hotel-buenavista-velazquez-24-madrid.png

2. ETIQUETAS ALT Y TITLE
La etiqueta ALT es obligatoria para pasar la validación W3C por motivos de accesibilidad para usuarios con deficiencias visuales. La etiqueta TITLE es optativa y sirve para mostrar un texto al pasar el ratón sobre la imagen.

Ejemplo:

<img src="hotel-buenavista-madrid.png" alt="Hotel Buenavista Madrid" title="Hotel en Madrid" >

Tanto el ALT como el TITLE son tenidos en cuenta por los buscadores de cara al SEO, por lo que deberíamos utilizar términos de búsqueda estratégicos para los cuales queramos posicionar las imágenes.

3. SITEMAPS
Google permite crear Sitemaps específicos para imágenes. Para cada imagen que aparece en el sitemap podemos determinar un título, descripción, geolocalización y tipo de licencia. Aquí puedes encontrar las directrices de Google para la creación de Sitemaps de imágenes.

4. ROBOTS.TXT
Hay algunas imágenes que no queremos que sean indexadas por Google, como por ejemplo los sprites, los iconos pequeños y los thumbnails (vistas previas). Si quieres que no se indexen, establece reglas de exclusión en el fichero robots.txt

Por ejemplo, podemos meter todos los sprites, iconos y thumbnails en carpetas específicas y bloquearlas así:

User-agent: *
Disallow: /sprites/
Disallow: /icons/
Disallow: /thumbnails/

 

RENDIMIENTO WEB

1. SUBDOMINIO SIN COOKIES
Aloja las imágenes en un subdominio sin Cookies. Las Cookies son pequeños ficheros que guardan información sobre el usuario y la Web en tu navegador.

Sin embargo, si se envían con cada imagen ralentizan la descarga de las mismas, y esto es especialmente visible cuando navegas con tu móvil.

Ejemplo: si tu Web está en www.ejemploweb.com aloja las imágenes en el subdominio img.ejemploweb.com

2. CDN (Content Display Network)
Para Webs con mucho tráfico o de ámbito internacional el uso de un CDN para servir imágenes es una buena opción.

3. Compresión
Las imágenes suelen ser los elementos más pesados de una Web y ralentizan notablemente el tiempo de carga. Puedes comprimir las imágenes hasta un 85% de calidad sin que se note en tu Web.

Adicionalmente, puedes activar la compresión GZIP de tu servidor modificando el archivo .htaccess

Una solución algo más complicada es la entrega dinámica de imágenes. Consiste en implementar un sistema que entregue imágenes al 85% de calidad (habitual) para usuarios de ordenador e imágenes al 60% para usuarios de SmartPhone. Google ya hace crawls de las Webs con distintos agentes de móvil para ver si los contenidos están optimizados para estos dispositivos, por lo que hacer esto mejorará los rankings para búsquedas desde móviles.

4. Cacheado
La manera más fácil para permitir el cacheado de imágenes (y otros contenidos estáticos) es mediante el archivo .htaccess añadiendo las siguientes líneas:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 600 seconds"
ExpiresByType image/x-icon "access plus 604800 seconds"
ExpiresByType image/jpg "access plus 604800 seconds"
ExpiresByType image/jpeg "access plus 604800 seconds"
ExpiresByType image/png "access plus 604800 seconds"
ExpiresByType image/gif "access plus 604800 seconds"
ExpiresByType application/x-shockwave-flash "access plus 604800 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>
<IfModule mod_headers.c>
<FilesMatch "\\.(ico|jpeg|jpg|png|gif|swf|css|js)$">
Header set Cache-Control "max-age=604800, public"
</FilesMatch>
<FilesMatch "\\.(x?html?|php)$">
Header set Cache-Control "max-age=600, private, must-revalidate"
</FilesMatch>
</IfModule>

Fuente: http://www.metricspot.com/

Grafeno el material del futuro sustituto del silicio El silicio está en el límite de sus propiedades y por eso es difícil que los fabricantes consigan exprimir más su potencial para hacer chips todavía m...
Los Empleos mas demandados en 2013 serán en el área de tecnología e internet.. Acabamos un año no tan bueno para el empleo y comenzamos un nuevo año con esperanzas renovadas. Pero, ¿cuáles son los empleos más demandados? Para ayu...
El W3C actualiza el estándar CSS El World Wide Web Consortium anuncia que CSS 2.1 se convierte en un nuevo estándar web. W3C ha anunciado la aprobación de un nuevo estándar para la...
Google te muestra tu IP A cada equipo conectado a una red que use el protocolo IP (protocolo utilizado para la comunicación de datos a través de una red) se le asigna un únic...
mysql-error mysql_error — Devuelve el texto del mensaje de error de la última operación MySQL Descripción cadena mysql_error ( ) Regresa el texto del ...
El Wii baja de precio La consola de videojuegos, famosa por sus habilidades para escanear movimiento, tendrá nuevo precio e incluirá “Mario Kart Wii”. Nintendo bajo a $1...
¿QUÉ SON LOS ALGORITMOS? Un algoritmo es un conjunto finito de instrucciones precisas que realizan una tarea, la cual, dado un estado inicial, culminará por arrojar un esta...
Ranking Navegadores Julio 2012 Ranking Navegadores Julio 2012 Mozilla consigue mantener a su navegador Firefox en la segunda posición del ranking por delante de Chrome. 03/08/201...
Cómo usar ssh ¿Qué es ssh? SSH es el acrónimo para Secure Shell, una conexión segura de línea de comandos hacia su cuenta de hosting. Esta, es una herramienta mu...
Menos del 10% de los estadounidenses usan Facebook y Twitter para informarse Más de una vez ha pasado que Twitter es el primero en dar a conocer una noticia, antes que cualquier medio. También ocurre que personas se enteran de ...
Optimizando imágenes con SEO Interno
Tagged on: