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 buscar foto o fotos 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="alhambra-granada-180.jpg" alt="Alhambra de Granada, España" />;
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 la Alhambra de Granada, 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 de la Alhambra, agregamos dos palabras claves al nombre del archivo, las cuales son “alhambra” y “granada”, gracias a esto si el usuario busca algo relacionado, 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 está 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.
Usar SVG’s
El formato SVG para imágenes te permite optimizar su peso en gran medida, ya que es un formato completamente escalable.
Es recomendable para imágenes sencillas, no para fotografías complejas, ya que no tienes que estar manejando diferentes tamaños para una misma imagen, sino que en el momento de usar el SVG determinas el tamaño y el navegador automáticamente lo escala, sin que eso signifique una imagen más pesada.
Además, Google es capaz de interpretar perfectamente este tipo de formato, por lo que no da problemas de cara al SEO.
modificado el 22 enero, 2020 14:09