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 Noviembre, 2008Hasta 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.
Clasificado bajo: SEO, XHTML, Accesibilidad, Diseño Web | Sin comentarios »














