Como crear un enlace que se abra en una nueva ventana que cumpla con los estándares, sea accesible y válido para los buscadores

26 de November, 2008

Hasta hace poco tiempo la mejor forma de crear un enlace que se abriera en una nueva ventana era utilizar el atributo target=”_blank” ,esta instrucción en HTML hacía que la página de destino del enlace que incorporaba este atributo se abría en una nueva ventana del navegador.

Como la mayoría de nuestros lectores saben la especificación XHTML 1.0 strict ya no permite el uso de la etiqueta target por lo que para conseguir el mismo efecto nos vemos obligados a utilizar javascript. Pero hay que tener cuidado con este código, ya que mal aplicado nos podría traer problemas.

Uno de los problemas sería que la página podría no cumplir con los criterios de accesibilidad Web y otro poblema sería la pérdida de indexabilidad de la página Web o pérdida del valor del enlace de cara a los buscadores, dependiendo del uso que le queramos dar.

Es muy habitual en este tipo de enlaces encotrarnos con el siguiente código: a xhref=javascript:void(0)” onClick=”m = window.open(’paginadestino.htm’ … este código hace que la página de destino se abra en una nueva ventana del navegador, pero se trata de javascript intrusivo lo cual probocará que si un usuario entra sin tener activado el javascript no funcionará el enlace. Además el robot de Google no podrá seguir el enlaces.

Una buena opción sería cambiar este código por el siguiente: a xhref=”paginadestino.htm” onclick=”window.open(this.href); return false;
Con esto conseguimos que el código de nuestra página Web sea válido y cumpla con el estandar, que la páginas Web sea accesible, ya que si un usuario entra sin el javascript activado omitirá la instrucción onclick pero funcionará el enlace al estar la página de destino dentro del atributo href. Y también conseguiremos que la araña de Google pueda seguir el rastro al enlace.

These icons link to social bookmarking sites where readers can share and discover new web pages.