La visión de una araña de la Web 2.0

Miércoles, 7 de noviembre de 2007

Muchos webmasters han descubierto las ventajas de utilizar Ajax para mejorar la experiencia del usuario en sus sitios, creando páginas dinámicas que actúan como potentes aplicaciones web. Pero, al igual que Flash, Ajax puede hacer que un sitio sea difícil de indexar para los motores de búsqueda si la tecnología no se implementa cuidadosamente. Tal como prometimos en nuestra publicación respondiendo a preguntas sobre
Ubicación del servidor, interlinking y tecnología Web 2.0, hemos recopilado algunos consejos para crear sitios web mejorados con Ajax que también sean entendidos por los motores de búsqueda.

¿Cómo verá Google mi sitio?

Uno de los principales problemas con los sitios de Ajax es que, aunque Googlebot es excelente para seguir y comprender la estructura de los enlaces HTML, puede tener dificultades para orientarse en sitios que utilizan JavaScript para la navegación. Si bien estamos trabajando para comprender mejor JavaScript, tu mejor opción para crear un sitio que sea rastreable por Google y otros motores de búsqueda es proporcionar enlaces HTML a tu contenido.

Diseña para la accesibilidad

Animamos a los webmasters a crear páginas para los usuarios, no solo para los motores de búsqueda. Cuando diseñes tu sitio Ajax, piensa en las necesidades de tus usuarios, incluidos aquellos que puedan no estar usando un navegador compatible con JavaScript. Hay muchos usuarios así en la web, incluidos los que usan lectores de pantalla o dispositivos móviles.

Una de las formas más fáciles de probar la accesibilidad de tu sitio para este tipo de usuario es explorar el sitio en tu navegador con JavaScript desactivado, o viéndolo en un navegador de solo texto como
Lynx. Ver un sitio solo como texto también puede ayudarte a identificar otro contenido que pueda ser difícil de ver para Googlebot, incluidas imágenes y Flash.

Desarrolla con mejora progresiva

Si estás empezando desde cero, un buen enfoque es construir la estructura y la navegación de tu sitio usando solo HTML. Luego, una vez que tengas las páginas, los enlaces y el contenido del sitio en su lugar, puedes darle vida a la apariencia y la interfaz con Ajax. Googlebot estará encantado de ver el HTML, mientras que los usuarios con navegadores modernos pueden disfrutar de tus bonificaciones de Ajax.

Por supuesto, probablemente tendrás enlaces que requieran JavaScript para la funcionalidad de Ajax, así que aquí tienes una forma de ayudar a que Ajax y los enlaces estáticos coexistan:

Al crear tus enlaces, formatéalos para que ofrezcan un enlace estático además de llamar a una función de JavaScript. De esa manera tendrás la funcionalidad de Ajax para los usuarios de JavaScript, mientras que los usuarios sin JavaScript pueden ignorar el script y seguir el enlace. Por ejemplo:

Ten en cuenta que la URL del enlace estático tiene un parámetro(?foo=32)en lugar de un fragmento(#foo=32), que es utilizado por el código Ajax. Esto es importante, ya que los motores de búsqueda entienden los parámetros de URL pero a menudo ignoran los fragmentos. El desarrollador web
Jeremy Keith
denominó esta técnica como
Hijax. Como ahora ofreces enlaces estáticos, los usuarios y los motores de búsqueda pueden enlazar al contenido exacto que desean compartir o referenciar.

Si bien mejoramos constantemente nuestra capacidad de rastreo, el uso de enlaces HTML sigue siendo una forma sólida de ayudarnos (así como a otros motores de búsqueda, dispositivos móviles y usuarios) a comprender mejor la estructura de tu sitio.

Sigue las directrices

Además de los consejos descritos aquí, te animamos a que también consultes nuestras
Directrices para webmasters
para obtener más información sobre lo que puede hacer que un sitio sea bueno para Google y tus usuarios. Las directrices también señalan algunas prácticas que se deben evitar, incluidas
las redirecciones engañosas de JavaScript. Una regla general a seguir es que, si bien puedes ofrecer a los usuarios diferentes experiencias según sus capacidades, el contenido debe seguir siendo el mismo. Por ejemplo, imagina que hemos creado una página para Wysz’s Hamster Farm. La parte superior de la página tiene un encabezado que dice “Wysz’s Hamster Farm” y debajo hay una presentación de diapositivas impulsada por Ajax de las últimas llegadas de hámsters. Desactivar JavaScript en la misma página no debería sorprender a un usuario con texto adicional que diga:

Wysz’s Hamster Farm—hámsters, mejores hámsters, hámsters baratos, hámsters gratis, mascotas, granjas, criadores de hámsters, hámsters bailarines, roedores, hampsters, hamsers, mejor recurso de hámsters, juguetes para mascotas, clases de baile, lindos, trucos de hámsters, comida para mascotas, hábitat de hámsters, hoteles para hámsters, ideas de regalos de cumpleaños para hámsters y mucho más!

Una implementación más ideal mostraría el mismo texto tanto si JavaScript estaba habilitado como si no, y en el mejor de los escenarios, ofrecería una versión HTML de la presentación de diapositivas a los usuarios sin JavaScript.

Este es un tema bastante avanzado, así que por favor
continúa la discusión
haciendo preguntas y compartiendo ideas en el Grupo de Ayuda para Webmasters. ¡Nos vemos allí!

Escrito por Michael Wyszomierski y Greg Grothaus, Calidad de Búsqueda