El diseño web Parallax proviene de los videojuegos y es un recurso bastante útil y muy utilizado para dotar a las webs de cierto dinamismo.
Los dispositivos móviles fomentan la verticalidad del diseño web, por lo que el efecto Parallax es muy interesante para combatir el scroll y optimizar la experiencia de navegación del usuario.
Ventajas e inconvenientes del Parallax en web
Las principales ventajas son:
– La fuerza visual que ofrece un valor añadido que mejora la experiencia de uso.
– Con una navegación más dinámica, podemos crear historias (storytelling) en una web / landing page.
– El usuario se involucra con la página web, debido a su mejorada experiencia de navegación.
Los principales inconvenientes son:
– No posiciona igual de forma orgánica ya que todo el contenido está ubicado en una sola página. No hay enlaces internos, por ejemplo.
– Limitado uso de keywords.
– Una única url, con una única descripción (metadescription).
– Riesgos de landing pages demasiado extensas.
– Sobrecarga de imágenes, textos y vídeos que aumentan el tiempo de carga.
¿Cómo implementar un diseño web Parallax sin que afecte al SEO?
Todos los problemas del diseño web Parallax, que afectan al posicionamiento en buscadores, están relacionados con prácticas incorrectas (no con el código del diseño Parallax en sí).
Para potenciar el posicionamiento orgánico de nuestra página con Parallax, podemos hacer que el contenido esté ubicado en pestañas o pop ups que aparecen cuando el usuario hace click o pasa el puntero por determinados objetos.
Estas pestañas no son consideradas contenido oculto (muy penalizado por Google), ya que el usuario puede ver el contenido integro al interactuar con el site.
Otra Solución más sencilla: utilizar el diseño web Parallax en parte de tus páginas, pero no en todo el sitio web.
Referencias y ejemplos
http://www.awwwards.com/30-great-websites-with-parallax-scrolling.html