Hace varias semanas Google sorprendió a todos los Webmasters del mundo cuando presento el nuevo diseño de Google Imágenes, el cual permite a los usuarios navegar a través de los resultados de imágenes sin necesidad de visitar el sitio de origen de la imagen.

Como resultado de lo anterior miles de sitios webs dejaron de percibir trafico desde Google imágenes, lo cual se vio manifestado a través de las diferentes repercusiones que tuvo la medida.

En esta oportunidad Google acaba de incorporar la opción de “imágenes relacionadas” a su nuevo diseño de Google imágenes, como pueden ver en la imagen que acompaña esta noticia.

Por lo que pudimos observar las imágenes que son mostradas bajo la premisa “Intenta también con estas imágenes” están organizadas con base en la etiqueta ALT de la imagen, desconocemos el algoritmo de organización.

De esta manera Google pretende ofrecer resultados que se encuentren relacionados con la búsqueda del usuario, pero que también sean afines a una imagen en concreto, para ello utiliza esta última incorporación.

Via | Webmaster World

Actualización: Mira el nuevo código para el redireccionamiento en el nuevo diseño de Google imágenes 2013

Este articulo esta desactualizado.

Nota: Debido al  nuevo diseño de Google imagenes, este redireccionamiento ya no funciona. Buscaremos una nueva manera para hacerlo con el nuevo diseño y la compartiremos en otro articulo.

Lo primero que debes saber es que esto es totalmente legal. Google no te penalizará por romper el frame en el que muestra tus imágenes. Normalmente cuando buscas una imagen en Google Imágenes esta es mostrada en un frame, dándole la opción al usuario de ver la imagen directamente o visitar el sitio donde esta alojada la imagen.

Redirigir las visitas automáticamente sin plugin

Para aprovechar el trafico que recibes de Google Imágenes lo que debes hacer es redireccionar las visitas.
Para hacerlo en Wordpres lo que debes hacer es copiar y pegar el siguiente código en el archivo Header.php del tema que utilices, el código debe colocarse dentro antes del cierre de la etiqueta </head> :

<script type="text/javascript">// <![CDATA[
if(top.location!=this.location) top.location=this.location;
// ]]></script>

De esta manera ahora todas las visitas que recibes desde Google Imágenes llegarán directamente a la URL que contiene la imagen y si les gusta tu blog, posiblemente obtengas un lector más. También puedes hacerlo para Blogger, solo que debes editar directamente el HTML de la plantilla.

Las imágenes se han convertido en una parte fundamental de los artículos de un blog, a tal punto que inciden en la atención del usuario y que este decida o no interesarse en un articulo.

Foto: Steren.giannini (Via Flickr)

Para encontrar imágenes que podamos utilizar en nuestros post, ya no podemos acudir a Google imágenes debido a que la gran mayoría de estas imágenes tienen derechos de autor y utilizarlas sin permiso te puede generar una sanción pecuniaria.

3 Sitios webs con imágenes de libre uso

En Internet existen sitios web con amplias bases de datos de imágenes que podemos usar en nuestros artículos, sin miedo a ser sancionados ya que son de libre uso.

• Flickr

Es uno de los sitios más grandes de imágenes, cuentan con millones de fotografías subidas por los usuarios. Para usarlas debes ofrecer los créditos a los fotógrafos, puedes ver un ejemplo de como nosotros lo hacemos en la imagen que acompaña este articulo.

• Photo Pin

Buscador de imágenes con licencia creative commons, te permite encontrar imágenes gratuitas para utilizar tus artículos.

• Wylio

Es el buscador de imágenes perfecto para Bloggers, su slogan lo dice todo “imágenes gratis para Bloggers”.

A partir de ahora ya no tienes que preocuparte por recibir un email solicitándote que retires una imagen de tu blog porque viola derechos de autor. Sin duda, una muy buena manera de optimizar nuestras imágenes frente a posible sanciones legales.

Puede que aún no lo sepas pero las imágenes que acompañas los post tienen incidencia en el posicionamiento web de una página. Por un lado sirven para mejorar el tráfico web y por el otro ayudan en la atención del usuario, lo cual se ve reflejado en el rebote de visitas.

Foto: Helderr (Via Flickr)

Imágenes para aumentar visitas

Las imágenes se pueden convertir en un tráfico recurrente, voy a darte un ejemplo de la vida real. En nuestro blog tenemos varios artículos de Humor, estas imágenes tienen un Anchor Text específico relacionado con las palabras “Humor, Geek, SEO, Tecnología”.

De esta manera cuando una persona realiza una búsqueda en Google Imágenes con alguna de las Key mencionadas anteriormente, el blog recibe una visita. De hecho las visitas de Google Imágenes nos representan un 6% del tráfico diario.

Imágenes como valor agregado

Las imágenes que se utilizan para acompañar un artículo tienen su razón de ser, una imagen de mala calidad hace que el usuario tenga una sensación de poca profesionalidad.

Una imagen de calidad se utiliza para llamar la atención del visitante y para darle un aspecto global del artículo. El 87% de las personas al visitar un artículo, centran su atención en el titulo y posteriormente en la imagen que lo acompaña.

Mejorar las imágenes de tus post te permitirá mejorar tu rebote de visitas. Como consejo cuando utilices imágenes, procura por utilizar una medida estándar para casi todas las imágenes, por ejemplo nosotros utilizamos imágenes de 400×400 pixeles con extensiones JPEG.

El logo es uno de los primeros parámetros que tenemos para realizar SEO a nuestro sitio web o producto. El logo será la imagen que identificara a nuestro producto, por ello no debemos tomarlo a la ligera y dedicar tiempo a crear un buen logo. Esto a futuro nos facilitará realizar las campañas de Marketing y publicidad.

Si sigues PasiónSEO desde los primeros días podrás haberte dado cuenta que nuestro logo muto varias veces, hasta el que tenemos el día de hoy. Si no eres un experto en el manejo de imágenes, puedes optar por contratar un diseñador grafico Freelance, para que te realice el trabajo.

Pero debes tener en cuenta que un buen logo debe saber combinar los colores, debe contener una imagen que te identifique, en la actualidad muchas empresas optan por crear mascotas para que los representen, por ejemplo el pájaro de Twitter. Identifica a que se dedica tu sitio web y crea un logo que con solo verlo identifique tu nicho.

Como podrás darte cuenta en PasiónSEO para cada artículo que redactamos utilizamos una imagen que tenga relación con el tema tratado, la razón es que las imágenes son un perfecto complemento visual para los artículos, de esta manera la lectura se hace mucho más amigable para los visitantes.

Una imagen puede acompañar un articulo de dos maneras, la primera es que tenga que ver con la temática y la otra es que sea totalmente ajena a la temática, pero que  también cree un interés en el lector, normalmente estas imágenes incentivan al lector a leer los artículos y crean un contraste, las empresas casi siempre utilizan imágenes con contenido sexual.

3 razones para utilizar imágenes en un artículo

• Amigable: La idea es hacer el contenido amigable para nuestros lectores, redactar un texto largo con solo letras y negrillas, le dará pereza a los visitantes de leer, una imagen ayudará a incentivar la lectura.
• Visitas: Google imágenes, rastrea todas las imágenes que se encuentran en la red y posteriormente las muestra en los resultados según los datos descritos en las etiquetas de titulo de las imágenes. De esta manera cuando alguien busque una imagen en Google y aparezca la tuya 1 de cada 5 veces será una visita para ti.
• Personalidad: Las imágenes pueden formar parte de la personalidad del Blogger, un sitio web que ofrezca en sus artículos imágenes con creatividad de alguna manera esta creando un branding para ese sitio.

En la segunda parte de esta serie de artículos sobre SEO para el diseño web, hablamos sobre como optimizar las imágenes. En esta tercera parte hablaremos sobre los atributos de las imágenes.

Los atributos de las imágenes

Los atributos son aquellos elementos que se utilizan en la web, para diferenciar una imagen de cada una. Los principales atributos de una imagen son:

La etiqueta ALT

La etiqueta ALT en el HTML se utiliza para indicar el texto que se mostrara de una imagen en caso de que esta no cargue,.

La etiqueta TITLE

La etiqueta TITLE le indica al robot de Google sobre que trata una imagen, por ejemplo al pasar el puntero sobre la imagen que acompaña este articulo encontraras una descripción de la imagen.

Esta etiqueta es leída por el robot de Google Imágenes, de manera que cuando realicen una búsqueda en Google Imágenes que contenga las palabras de tu imagen en la etiqueta TITLE, las imágenes que mostrara serán las tuyas, y así tendrás muchas mas visitas y tus imágenes se posicionaran mejor.

Perfecto uso del ALT y TITLE

Las etiquetas ALT y TITLE pueden convivir de manera perfecta en el código HTML de una imagen, para utilizarlas el código es:

1

<img title="”Aqui titulo" src="”Aqui enlace URL" alt="”Aqui texto a mostrar si no carga" />