Visita nuestro archivo

Optimización de imágenes

Muchas veces damos por supuesto que el simple hecho de añadir imágenes chulas en nuestro site es suficiente para atraer y fidelizar visitas. Y hasta cierto punto es correcto, una cuidada estética y creatividad es muy importante en la web, pero un buscador no sabe “descifrar” qué contiene una imagen si no se lo decimos… entonces, ¿cómo lo hacemos?

Pues para ello, debemos especificarle al robot el contenido de cada imagen mediante atributos insertados en el código fuente. Estos son “alt” y “title“.

Según las recomendaciones de W3C, el atributo alt se utiliza como alternativa al texto para los bots, mientras que el atributo title es suplementario:

  • ALT: debe ser un equivalente textual del contenido de la imagen descrito de forma breve.
  • TITLE: debe ser información complementaria que aclara sobre el elemento que titula.

Igualmente, se recomienda que los atributos “title” y “alt” no sean iguales para no crear confusión. Además, con estos dos elementos disponemos de un nicho en nuestro site donde introducir palabras clave del long tail, por lo que no sería inteligente desaprovechar uno de los dos atributos repitiendo la misma descripción en ambos. Por cierto, cabe destacar que Google le da más importancia a alt que a title.

Con estos atributos, además de facilitar la búsqueda a robots, contribuimos a crear un código más claro y accesible que puede ser de gran utilidad para invidentes. Los lectores de caracteres leen el “alt”, los navegadores muestran en tooltip al pasar el cursor del ratón el contenido de “title”, y si tardara en cargar o no se cargaran las imágenes de una página, se muestra en el hueco dejado por la imagen la descripción de “alt”.

Así, poniendo en práctica todo lo anterior, una buena descripción de imagen sería la siguiente:

<img src=”volkswagen-tuareg.jpg” alt=”Volkswagen Tuareg de ocasión TDI en negro” title=”Comprar coche de segunda mano VW Tuareg diésel negro” />

Por último, existen también otros aspectos que influyen en el SEO de las imágenes como el nombre del archivo, el peso del mismo, atributos de altura y anchura, y el texto adyacente a la imagen. Puedes verlo en este post.

Y tú, ¿cuidas tus imágenes? 😉

¡Esperamos tus comentarios!

comentarios

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR