Optimización de imagenes: SEO

La optimización de las imágenes es una técnica SEO de mucho peso. Es vital en cualquier sitio web  para tener un rendimiento SEO aceptable. Intentaré explicar porqué el correcto uso de las imágenes en un sitio web es tan decisivo para tener una buena posición en los resultados de búsqueda de los principales motores de búsqueda (léase Google).

 La optimización de la velocidad de su sitio Web es uno de los factores cruciales que afectan la satisfacción de los visitantes. Para que una web sea ágil y dinámica, no puede demorar más un segundo en actualizar las páginas, lo ideal sería medio segundo o menos pero entre 6 y 8 décimas de segundo se considera bastante aceptable.  Además, Google también cuenta este valor al calcular su clasificación en el motor de búsqueda de resultados de página (SERPs).

Hay muchas cosas que se recomiendan hacer sólo por especialistas, aunque hay algunas cosas que pueden hacerse también por propietarios de sitios Web sin conocimientos avanzados de html. Vamos a analizar todos los aspectos SEO en las próximas publicaciones. ¡Así que mantente al tanto!


Optimización de imagen

Una de las cosas que se pueden hacer para aumentar la velocidad de un sitio Web es trabajar en las imágenes del mismo:
  1. Disminuir el tamaño de imagen sin disminuir su calidad es lo mejor que se puede hacer. A veces los usuarios cargan imágenes muy grandes sin ninguna necesidad real. 
  2. Mencionar el tamaño de la imagen en el código html o css es útil también. Si no se hace, entonces el navegador debe decidir cuánto espacio necesita para cargar cada imagen  y tarda mucho tiempo.
En primer lugar, lo recomendable es descargar e instalar navegador Mozilla Firefox y, a continuación, instalar dos aplicaciones para ello:
  • Firebug - esta aplicación ayuda a comprobar el código html y encontrar elementos de página fácilmente; 
  • Page Speed - esta aplicación da recomendaciones para la optimización de sus páginas. 
Después de instalar estas aplicaciones abres tu sitio Web en el navegador Firefox, inicias el Firebug en el menú "Herramientas" y elijes la ficha  de PageSpeed entre todas las fichas de firebug. Haz clic en el botón de "analizar rendimiento" y tan pronto como se actualicze la página verás la recomendación para la optimización.

Reducir el tamaño de imagen

Para disminuir el tamaño de la imagen respecto a los resultados de búsqueda, selecciona "optimizar imágenes" en la lista que se hizo después de los análisis de rendimiento en PageSpeed. La aplicación te dará las imágenes optimizadas, así que todo lo que necesitas hacer es descargar y utilizar las nuevas en lugar de las antiguas. En algunos casos necesitarás hacer cambios en el código html, así que asegúrate de poner la extensión correcta del archivo de imagen, porque la imagen optimizada puede tener otra extensión (por ejemplo, .png en lugar de .jpeg o .jpg).

Especificar dimensiones de imagen

Busca la opción "especificar dimensiones de imagen" en la lista de resultados proporcionados por PageSpeed y realiza las correcciones necesarias. La aplicación indica qué dimensión tiene cada imagen, así que lo único que debes hacer es abrir un código fuente (un archivo html) y agregar <width> y <height> de las imágenes.

Por ejemplo, si la imagen tiene el siguiente código: <img src="/img/logo.jpeg"> , a continuación, poner en anchura y altura (width y height)  proporcionada por PageSpeed. Si tu imagen tenía dimensiones: 256 x 31, por lo que haz ecibido lo siguientes: <img src="/img/logo.jpeg" width="265" height="31" alt="Logo of ForumLinkBuilding link building company ">

 Nota: En el codigo tambien está añadida la etiqueta alt que describe la imagen. Esta etiqueta no ayuda a hacer la página más rápida, pero es buena para SEO y ayuda a poner las imágenes deseadas en el PR.  Además, si por alguna razón un visitante no ve la imagen, a continuación, verá un texto en su lugar.

Fuente:Sales Consultant, SEO & Internet Marketing Specialist


3 comentarios:

sonnitex dijo...

Hola mucho hablar de como tratar las imagenes pero tu no las tienes ni con el codigo title ni el alt.
Saludos.b

SEBA dijo...

jejejem Es verdad,
No hice nada de SEO en este blog ...no me interesa, para eso tengo otros blogs con los que gano algo de plata,

Salu2

Estela Silva dijo...

Saludos cordiales

Solo quiero dar a conocer una herramienta seo gratuita para comprobar que nuestras imagenes cumplen o no con las directrices de Google en cuanto a dimensiones y uso de la etiqueta ALT

http://goo.gl/A4I9Zz