La Importancia de las Imagenes

¿ Sabéis que de media entre un 10 y un 15% de las visitas que llegan a un sitio lo hacen a través de los buscadores de imágenes ? Y este porcentaje puede ser muy superior en el caso de sitios de moda, diseño, belleza, donde la imagen suele ser primordial.

 Pero los buscadores no distinguen si has subida la imagen de una flor o de tus vacaciones en la playa salvo que se lo indiques. ¿ Cómo hacer esto ? Pues con dos pasos sencillos:

 En primer lugar, cada imagen que se edite o se guarde en un equipo informático para ser subida a una web o blog deberá tener un nombre descriptivo de los que es, con las palabras separadas por guiones.

 En segundo lugar, y más importante, hay que ir al código HTML de la entrada y añadir el atributo alt="describo-lo-que-es-mi-imagen" justo antes de cerrar el código de la misma con /> . En ocasiones automáticamente se observa un cambio en el orden de las indicaciones, que no afecta a su funcionalidad.

 Además, cuando una web no carga correctamente, aparecerá en el lugar de las imágenes el texto alt que hayamos seleccionado, por lo que debe ser una breve descripción de lo que representa la imagen. Lo que no quita que se meta alguna keyword ( otro día lo vemos con más detalle ) si procede. La elección de las palabras a emplear en el texto alt ayuda al posicionamiento natural y es una herramienta importante en el SEO básico.

 Veamos un ejemplo:

manicura-soy-friki

Esta es una de las imágenes con la que participé en un concurso de manicuras frikis.

 Su código HTML es el siguiente:



<a href="http://1.bp.blogspot.com/-7egA5ZNtATE/T3xgBstg-MI/AAAAAAAABRI/nRcVFudquVE/s1600/manicura-friki-soy-friki.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="manicura-soy-friki" border="0" height="192" src="http://1.bp.blogspot.com/-7egA5ZNtATE/T3xgBstg-MI/AAAAAAAABRI/nRcVFudquVE/s400/manicura-friki-soy-friki.jpg" width="256" /></a>


 Y lo que he añadido para que exista un texto alternatuvo es alt="manicura-soy-friki" . Podría haber puesto "manicura-friki", "manicura-pacman" o cualquier otra cosa relacionada, pero en este caso esas descripciones ya las llevaban otras imágenes de la misma entrada y, aunque se puede repetir texto alternativo, es mejor diversificar tanto por los buscadores como por quien de verdad importa: el lector, la persona que visita nuestro sitio.

 Y eso es todo por hoy. Imagino que algunas personas comprenderán ahora por qué me da tanta pereza subir muchas imágenes a los blogs ( debo ponerles marcas de agua por el tema plagio, renombrarlas y, finalmente, añadirles el texto alt ). 

8 comentarios:

  1. Me ha parecido muy interesante todo sobre lo que hablas.
    Tienes una nueva seguidora.
    Un besito

    http://miordenadodesastre.blogspot.com.es/

    ResponderEliminar
  2. Jo, gracias lo tendré en cuenta para cuando vuelva a la vida blogueril (que los de ahora son programados, por culpa de los KK-examenes)...

    ResponderEliminar
  3. O_o no tenía ni idea, jajaja, madre mía que pez, que falta me haces xDDDDDDD

    ResponderEliminar
  4. Y por eso no lo hago, que soy una cacho de vaga del copón, jajajajajaja, pero sí que es verdad que es recomendable.

    Besines.

    ResponderEliminar
  5. Esto sí que lo sabía, pero tengo una duda con eso del código html.. sólo vale para blogger? Y sino.. en qué momento puedo poner yo eso? Yo uso weebly, y no veo dónde puedo meter ese texto alternativo :(

    (A ver si este comentario va jaja)

    Un besín

    ResponderEliminar
    Respuestas
    1. Holaaa :). Sirve para cualquier sitio que funcione con HTML, es decir, la mayoría ni no todos. Por ejemplo, en wordpress se usa igual. weebly me suena de nombre pero no tengo cuenta allí, ¿ tiene alguna manera de acceder al HTML ?

      Yo lo que hago es ir haciendo mis posts, subiendo las imágenes, colocándolas donde quiero y eso, y justo antes de publicar voy a la parte del HTML DE LA ENTRADA, no de la plantilla, y añado a mano lo de alt="pongo-lo-que-quiero" y dejo un espacio justo antes del cierre del HTML de la imagen, es decir, del /> . En algunos sitios al publicar se me invierte el orden, porque depende de la versión de HTML, pero funcioan igual. Con wordpress se hace igual, y si encontraras la manera de ir al HTML de la entrada en weebly, pues sería lo mismo. Tiene que haber alguna forma, seguro ;)

      Eliminar
  6. Es muy importante también el entorno donde se encuentra la imagen. Que el contenido del medio, sea la página web, o el texto que rodee la imagen traten sobre el tema. Si el título de la página es relevante, o si el encabezado, o un párrafo... en cuanto al atributo Alt, allí no es necesario usar las palabras con guiones, de hecho es mucho mejor escribirlas para los usuarios, ya que lo que se escriba allí es lo que se ve cuando la imagen aún no ha cargado o si pasas el puntero del mouse.
    También es bueno que la url donde se cargue la imagen sea un poco más descriptiva, aunque esta es más difícil, ya que la mayoría de las imágenes quedan en una carpeta que no necesariamente tiene relación con el tema.

    ResponderEliminar
  7. Despues de ver tu post y entenderlo que eso ya ha sido un merito jaja me queda clara una cosa, cuando menos imagenes suba mejor jaja que pereza!! besitos

    ResponderEliminar