Optimizar una imagen para mejor el SEO de tu web.
El posicionamiento de una Web en los resultados de búsqueda es de vital importancia para que te puedan encontrar en la red. Existe aquella famosa frase de que «si no estás en los primeros resultados de búsqueda, es como si no existieras», y es totalmente cierto.
Los buscadores, ofrecen una serie de posibilidades para poder garantizar la presencia de los primeros resultados; una de ellas es optimizar la Web mediante el código HTML, que podéis conocer los principales pasos en el Artículo que publiqué ya anteriormente, pero otra de las posibilidades que ofrecen los buscadores, y que tiene igual de importancia, es la de optimizar imágenes, vídeos o otro tipo de contenido que aparece en la web, para que de así los buscadores las tengan en cuenta, para poder incluirlas en su más que característicos algoritmos.
Antes de nada, quería decir que para ser más conciso y no repetir tanto las palabras, me ceñiré a nombrar sólo imágenes, pero es también es válido para vídeo o otros tipos de contenido.
Se trata de adjuntar una información en forma de descripción, por medio de atributos HTML a dichas imágenes, la cuál los buscadores detectarán, y podrán almacenar para posteriormente interpretarlas.
Lo primero que habrá que hacer es pensar en una de breve y exacta descripción de la imagen, a poder ser con alguna palabra clave y guardarla con el nuevo nombre. Deberá de ser corto, sin excederse, y separado por guiones. Os pongo un ejemplo con la infomación ampliada: Si tenemos una web cuyo contenido es el Running, y queremos incluir una imagen de un pulsometro de la marca Polar cuyo modelo es el RS100, la podremos guardar asi: «pulsometro-polar-rs100.jpg». De esta manera si alguien lo quiere comprar y lo busca en Google con la opción de imágenes, escribiendo: «Pulsometro Polar RS100», el buscador mostrará esta imagen el los resultados, y crecerán mucho las opciones de generar tráfico a tu web, y con suerte crear conversiones para tu negocio.
Una vez guardada con el nombre correcto, mediante el código HTML introduciremos el «Title», que define de una forma muy concisa el nombre de la imagen, y si es posible incluir alguna palabra clave.
<a href=»./pulsometro-polar-rs100.jpg» target=»_blank»><img src=»http://imgs.manuelperezcardona.com/pulsometro-polar-rs100.jpg» alt=»Pulsometro Running Polar RS100″ title=»Pulsometro Polar» border=»0″ style=»display: inline-block;»>
Por último y lo más importante de todo, es el atributo «Alt», ya que será el que aportará más información a los buscadores, ya que en el hipotético caso de que la imagen no tenga ni nombre ni «Title» será el que sustituya a la imagen. Para ello, a la hora de poner el «Alt» se ha de ser muy claro en cuanto a la descripción de la imagen y su contexto, y a poder ser incluir alguna palabra clave, en relación al contenido que ofrece tu Web. Si seguímos con ejemplo del pulsometro, el Nombre, el «Title» y el «Alt» quedarían así:
<a href=»./pulsometro-polar-rs100.jpg» target=»_blank»><img src=»http://imgs.manuelperezcardona.com/pulsometro-polar-rs100.jpg» alt=»Pulsometro Running Polar RS100« title=»Pulsometro Polar» border=»0″ style=»display: inline-block;»>
Para cualquier duda, no dudes en consultarme.