IEBSchool - La Escuela de los Negocios y los Emprendedores

Contenido destacado del mes

¿Sabes si tu web está optimizada para los buscadores? Parte III – Imágenes

Llegados a este punto, ya sabéis determinar algunas de las carencias que puede tener vuestra web, y cómo acceder al archivo html para modificarlas. Uno de los elementos a revisar en vuestra web para comprobar que está optimizada para los … [ leer más ]

Lo más leído

Tags

¿Sabes si tu web está optimizada para los buscadores? Parte III – Imágenes

25 julio, 2012, en Posiciona2.0 por David García Silva
Tags: , , , , , , , ,

MaloRegularBuenoSobresalienteExcelente! (Sin votos)
Loading...

Atributo ALT

Llegados a este punto, ya sabéis determinar algunas de las carencias que puede tener vuestra web, y cómo acceder al archivo html para modificarlas.

Uno de los elementos a revisar en vuestra web para comprobar que está optimizada para los buscadores es el nombre que hemos dado a las fotografías que hemos incluido. Los buscadores rastrean palabras, por lo que en el caso de “Cortinas Fulgencio Herrán”, nuestra web será mejor valorada por los buscadores si en una foto ponemos “cortina roja de oferta” que si no ponemos nada o ponemos “pic_001”. En algunos casos de accesibilidad (programas de lectura para ciegos por ejemplo), ese texto además es el que sirve para saber qué contiene la foto, y que el programa lea el texto al usuario.

Imaginaos que la foto que habéis detectado que está sin renombrar no está en la portada de vuestra web, sino en otra sección. La manera de saber cómo se llama el archivo .html que estáis buscando, es simplemente mirar la dirección web:

http://cortinasfulgencioherran.es/ofertas.html

Luego, haremos clic con el botón derecho en la imagen a la que queremos renombrar, y damos a “guardar imagen como”, pero no guardéis la foto, ya que sólo nos interesa saber el nombre. En este caso sería por ejemplo “pic_001.jpg”. Cancelamos la ventana sin guardar.

Ahora seguiremos los pasos de la parte II del manual, pero en vez de buscar el archivo index.html, buscaremos el archivo ofertas.html para modificar el nombre de la foto.

Como probablemente el archivo tiene muchísima información, y vosotros que sois dueños de una pyme no estáis como para perder tiempo, vamos a hacerlo fácil. Una vez abierto con el bloc de notas el archivo ofertas.html damos a Ctrl + B para buscar directamente “pic_001″, así daremos fácilmente con la foto.

Nos encontraremos algo así:

<img src=”pic_001.jpg”  height=”42″ width=”42″ />

¿Y qué nombre le pongo? Siempre es conveniente que sea un nombre relacionado con la foto, descriptivo, y que además suponga una palabra importante para tu web. No hace falta que sea una sola palabra, puede ser una frase. En este caso escogeremos “Cortina roja de salón – oferta”.

La manera de introducir la frase es sencilla, sólo debemos incluir el atributo alt a la etiqueta de la foto seguido de la frase o palabras con la que nombraremos a la imagen siempre entre comillas. Este atributo suele ir situado después del nombre real de la imagen. Mejor lo vemos con el ejemplo:

Esto es lo que tú tenías:

<img src=”pic_001.jpg”  height=”42″ width=”42″ />

Y esto es como lo debes tener:

<img src=”pic_001.jpg” alt=”Cortina roja de salón – oferta” height=”42″ width=”42″/>

Como veis, es más sencillo de lo que parece. Simplemente debéis aseguraros de que todas las fotos importantes de la web (obviamente con imágenes de diseño como botones y similares no es necesario) tienen ese tributo alt añadido y bien nombrado.

Poco a poco vuestra web va a estar cada vez mejor estructurada para que los buscadores de internet como Google sean capaces de posicionarla mejor de manera orgánica, simplemente siguiendo unos pequeños trucos básicos que a veces algunos diseñadores web desconocen para que una web esté optimizada al máximo.

2 comentarios para ¿Sabes si tu web está optimizada para los buscadores? Parte III – Imágenes
  • Si te sirve para tu nivel de confianza, me gustan mucho tus explicaciones. Yo me considero un analfabeto digital, voy aprendiendo a golpes, pero me fijo mucho en tus comentarios y me ayudan bastante. ¿has pensado en montar una especie de academia para enseñar a la gente como yo, que nos ha pillado a traspiés todas estas nuevas tecnologías y que considero que son totalmente necesarias para manejarnos hoy en día? Piénsalo. Un saludo y seguiré atento tus explicaciones.

  • Muchas gracias tocayo, lo cierto es que comentarios así animan bastante. Creo que todos en algún momento somos neófitos en cientos de temas, y siempre nos hemos visto en una situación en la que algo que parece fácil a nosotros nos suena por completo a arameo. Así que siempre que intento explicar algo intento que sea a modo de tutorial muy sencillo de entender y de seguir. Así que me alegra leer que he conseguido el objetivo.

    La verdad es que nunca se me había ocurrido enseñar a nadie, pero ya que estamos en una escuela de emprendedores y yo estoy en paro, nunca está de más la opción de buscar una empresa que me contrate para estas cosas, o bien crear mi pequeña escuelita de “html para dummies como yo” :)

    Muchas gracias por tu comentario, David!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

comentarios para esta entrada