miércoles, 6 de mayo de 2009

Popup indexable y usable

Usamos los popups muchas veces sin pensar que hay que tener cuidado con la usabilidad (user friendly) y la indexabilidad (search engine friendly) de nuestras webs.

Para el típico popup utilizaríamos en javascript la función window.open y que correspondería con la siguiente sintaxis:

<a href="javascript:window.open('página a abrir','nombre de la ventana','lista de atributos');">Mi blog</a>

Este código no es indexable porque las arañas de los buscadores no pueden seguir (indexar) esos enlaces, ya que recorren las páginas como navegadores sin Javascript.

El método open de Javascript nos impide que los usuarios podamos realizar acciones que un enlace puro sí que nos permitiría, por lo que afecta a la usabilidad. Por ejemplo:


  • Click con le botón derecho para abrir la página en una pestaña o ventana

  • No vemos el enlace en la barra de estado

  • No es un enlace contemplado en los estándares W3


La solución a nuestro problema sería utilizar la función onclik de javascript para realizar la acción. Con esto tendríamos la funcionalidad de un popup pero sin menoscabar en la indexabilidad y la usabilidad del sitio web:

<a href="página a abrir" onclick="window.open('página a abrir','nombre de la ventana','lista de atributos'); return false;">Mi blog</a>