comparte el articulo 

Optimizar imágenes para mejorar el SEO

Actualizado el 07/03/2013 < > 0 Comentarios

Resumen: Explicamos algunos factores relevantes a considerar para enriquecer el uso de imágenes en nuestro sitio y propiciar un mejor SEO

Las imágenes son uno de los elementos más relevantes a considerar cuando se busca optimizar el contenido de un sitio. Su uso adecuado permite mejorar en gran medida el rendimiento del sitio, posibilitando que las visitas permanezcan más tiempo navegando y produciendo más tráfico. Una visita rápida, lleva a un mejor posicionamiento y con ello se logra avanzar peldaños en los buscadores más populares.

La gran mayoría de las páginas cuenta con imágenes, ya sean fotografías, ilustraciones o simplemente iconos, y todas ellas llegan a influir en el SEO del sitio. Para poder lograr una optimización de estos elementos, basta con realizar unos cuantos arreglos, los cuales ayudarán a elevar el ranking de nuestro sitio y obtener más visitantes.

Razones por las que debemos optimizar

Los navegadores en la actualidad tienen la capacidad de reconocer cuando se despliega una imagen en un sitio e incluso pueden determinar su calidad, tamaño y proporción en píxeles, pero aún no existe herramienta alguna que permita deducir que clase de contenido se muestra sólo basándose en la parte visual de un elemento de tipo imagen.

Por ejemplo, Google ha logrado crear un complemento fantástico, el cual permite realizar una búsqueda de imágenes similares en base al archivo que tu proporcionas. Esto hace que se saque más provecho de las imágenes que desplegamos en la web, sin embargo, no necesariamente significa que con esto sabremos que tipo de contenido muestra la imagen.

Los motores de búsqueda no pueden obtener esta información si no se las proporcionamos de alguna manera. Los buscadores sabrán que existe una imagen en nuestro sitio porque estamos utilizando el elemento “img”, pero la única información que tendrán al respecto será la URL. Es por esto razón, que debemos apoyarnos en el atributo “alt” y en un adecuado nombre de archivo para ayudar a los motores a entender mejor las imágenes.

Atributo Alt

La función original del atributo “alt” consiste en mostrar un texto descriptivo alternativo, el cual se mostrará en caso de que la imagen no logre desplegarse por alguna razón, como un error o una conexión lenta. En caso de que la imagen se muestre, el texto sigue estando ahí como parte del código y cuando colocamos el puntero del mouse sobre el imagen este se despliega.

Este texto puede de resultar de gran utilidad tanto para visitantes como para buscadores, ya que permite obtener información sobre lo que se esta desplegando en la imagen. Es por esta razón, que se recomienda utilizar palabras claves como valor de dicho atributo.

Supongamos que tenemos una imagen de un árbol en nuestro sitio, si queremos que el buscador sepa que clase de árbol estamos mostrando tendremos que agregar una descripción como la siguiente:

<img src="mezquite-sonora-180.jpg" alt="Mezquite en el desierto de Sonora, México" />;

A través de este texto en el atributo alt, le estamos proporcionando al buscador el tipo de árbol y la localidad donde se tomo la foto. Ahora si alguien busca algo relativo a mezquites en el estado de sonora, es muy probable que nuestra imagen aparezca entre los resultados.

Con algo tan simple como un atributo HTML, hemos logrado aumentar las posibilidades de que alguien ingrese a nuestro sitio.

Nombre del archivo

Si se quiere lograr una mayor optimización de las imágenes, se puede optar por cambiar el nombre de éstas para que sea más intuitivo o descriptivo y de esa manera el motor pueda relacionarlas más facilmente con alguna búsqueda.

Es común que las cámaras guarden los archivos de fotografías con nombres como “DSCN0375.JPG”, estos nombres no dicen mucho para el ojo humano, sin embargo para la cámara representan cierto orden por lo que son establecidos de esa manera. Si dejamos los archivos con esta clase de nombres y los subimos a nuestro sitio, al momento de que el buscador ingrese a analizar nuestras páginas, no relacionará este nombre con ninguna búsqueda por palabra que el usuario haya hecho.

Si en lugar de utilizar esta clase de nombres por defecto, utilizamos un nombre de archivo más informativo, podremos aumentar la posibilidad de que nuestra imagen aparezca cuando el usuario busque algo relativo a ella. Por ejemplo en la imagen del mezquite, agregamos dos palabras claves al nombre del archivo, las cuales son “mezquite” y “sonora”, gracias a esto si el usuario busca algo relativo a los mezquites en el desierto de Sonora, nuestras posibilidades de ser encontrados aumentan ya que tenemos tanto el alt como el nombre de la imagen apuntando hacia esas palabras clave.

Recuerda que para crear un nombre adecuado y amigable para el SEO, la mejor opción es separar cada palabra con un guión, de esta manera lucirá más claro.

Tamaño de la imagen

Buscadores como Google, toman a la velocidad con la que se cargan los sitios que analizan como factor relevante para elaborar su ranking, es por eso que es muy importante manejar imágenes que se encuentren optimizadas correctamente para que no consuman mucho rendimiento al momento de cargarse.

El creciente uso de la telefonía móvil y dispositivos como las tabletas, han hecho de este factor algo muy relevante, ya que cuando un sitio es lento se considera que no es lo suficientemente amigable con el usuario.

El tiempo de carga de una imagen esta relacionado con el tipo de resolución que se maneja, mientras más alta sea la resolución más tardará en cargarse, es por eso que es necesario establecer un balance entre calidad y tamaño de la imagen.

Ten en mente que ni HTML ni CSS son herramientas recomendadas para cambiar el tamaño de una imagen. Si deseas utilizar imágenes de tamaño mediano o pequeño, no subas imágenes muy grandes, trata de hacer el cambio de tamaño antes de subirlas, de esta manera no requerirás tanto ancho de banda al cargarlas en tu página.

Si deseas analizar el rendimiento de las imágenes que se muestran en tu sitio, puedes hacer uso de herramientas como YSlow.

Publicado el 08/02/2013, última actualización 07/03/2013.

Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Daniel Ernesto Navarro Herrera

URL: LaWebera.es :: Diseño de paginas web

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras