One web

One web, una web, la web única, es un concepto que usa el W3C para describir a recursos en Internet ubicados bajo una misma dirección (URI: Unique Resource Identifier). Eso por supuesto es una definición un poco tosca de lo que es One Web.

One world One web! por PSD (CC)
One World – One Web por PSD

¿Qué significa una web única?

Una web única significa que todo el contenido que publiques debe estar alojado bajo una misma ubicación (URI), sin importar la herramienta de acceso (navegadores por ejemplo). Un contenido, una ubicación, en eso se resume la web única.

Usemos webdebolsillo como ejemplo:

webdebolsillo es un blog de desarrollo web móvil.
Si lo visitas desde tu PC ¿en donde lo encuentras? En http://webdebolsillo.com
¿y desde un iPhone? En http://webdebolsillo.com
¿y desde cualquier otro móvil? En http://webdebolsillo.com

Una misma úbicación (http://webdebolsillo.com) para un mismo recurso (blog de desarrollo de web móvil) sin importar la herramienta que uses para acceder a él (PC, iPhone o cualquier otro móvil).

Un mal ejemplo es Facebook:
Facebook es una red social para comunicarte con tus amigos.
Si visitas desde tu PC lo encuentras en http://www.facebook.com
desde un iPhone en http://iphone.facebook.com
y desde cualquier otro móvil en http://m.facebook.com

Un mismo recurso bajo tres ubicaciones diferentes.

Una web para todo

One web, o web única, es concepto fácil de entender, pero no lo es tanto conocer los beneficios que aporta o lo que involucra desarrollar bajo ese concepto.

Por esa razón el MWI Team publicó una serie de 3 artículos acerca de One Web: All webs in one, One Web for all, una serie de artículos tan interesante como útil. De la serie he tomado las ideas más importantes y las he intentado resumir aquí

Problemas de no tener una web única

  • Perdida de información. Un ejemplo conocido es el de la web móvil, en donde muchas veces se recorta el contenido solo para adaptarlo al móvil. Las personas estan en movimiento, quieren webs fáciles de navegar desde su móvil no necesariamente menos información. Ya lo mencione antes pero lo repito, acceder a la web desde el móvil no es algo que las personas hagan porque pueden, lo hacen porque quieren. Recuerda que el concepto de one web involucra ofrecer el mismo recurso, el mismo contenido.
  • Problemas con buscadores. Tener dos o más ubicaciones diferentes afectan al posicionamiento. Para un buscador la versión de escritorio es una página web diferente a la versión móvil, lo que afecta a esta última porque no va a recibir la misma cantidad de enlaces y por tanto no va a posicionar mejor (la cantidad de enlaces recibidos es utilizado por algunos buscadores para posicionar una página web).
  • Confusión con marcadores sociales. Los marcadores sociales no sirven únicamente para guardar también se usan para compartir páginas web. Imagina a una persona guardando y compartiendo la versión móvil de una web que no es única, dejando por un lado la confusión que puede causarle a esa persona, imagina a sus amigos teniendo una mala experiencia porque a pesar de navegar desde su PC recibieron la versión móvil de la web.
  • Branding (posicionamiento de marca). Posicionar una dirección de internet en la mente de las personas es mejor y más fácil. Tener múltiples direcciones genera confusión y disuelve el valor de tu marca/web.

Buenas practicas

  • Una ubicación (URI) para cada recurso.
  • Usa diferentes ubicaciones para distintos recursos.
  • La ubicación debe ser persistente.
  • Los recursos deben mostrar información previsible.
  • No uses diferentes URIs para un mismo recurso.

Una web no es una versión

Un error bastante común es pensar que One web es una sola versión. One web es la misma ubicación para un mismo recurso. No necesariamente la misma versión.

Puedes tener miles de versiones diferentes, para dispositivos y navegadores diferentes y aún así usar una misma ubicación con la misma información. Si quieres, y es recomendado, adaptada a cada dispositivo o navegador pero el mismo contenido. ¿Recuerdas el ejemplo de http://webdebolsillo.com? Encuentras la misma información en la misma dirección pero son versiones diferentes.

Consistencia temática

En el artículo original hay una frase que me gusto y traduzco libremente:

“Consistencia temática no significa que el contenido deba ser exactamente igual. Significa que sea lo más parecido posible”

  • La información debe ser la misma.
  • El color, logotipos y la plantilla en general deben de ser lo más parecido posibles.
  • La funcionalidad a través los dispositivos debe ser similar.

En otras palabras

  • Enfócate en el contenido o funcionalidad que estas ofreciendo
  • Asegúrate que el contenido principal de la página sea fácil de encontrar y que los elementos “secundarios” no capten la atención del usuario, incluso eliminándolos u ofreciendo versiones más “ligeras”.
  • Prepara contenido alternativo en caso de no estar accesible desde algunos dispositivos
  • Desarrolla por defecto en una “base mínima” (compatible con la mayoría de dispositivos) y luego mejor la experiencia par cada dispositivo. Para lograr mejorar la experiencia entre dispositivos puedes usar
    • Estilos CSS. En el artículo original recomiendan los por medio (CSS Media Types) pero actualmente en la web móvil esto no es aplicable. La mayoría de navegadores móviles ignoran el media type.
    • Uso de scripts que degraden (benignamente) la experiencia dependiendo las características del dispositivo.

Piensa en los usuarios en movimiento

Para cerrar la serie de artículos de One Web y orientado a la web móvil, el MWI Team recomienda pensar en los usuarios en movimiento.

  • Piensa en la red a la que esta conectado el dispositivo (wifi, banda ancha, 3G, etc)
  • Piensa en el contexto social del usuario. ¿En donde esta? ¿qué esta haciendo?

El usuario puede cambiar de contexto y por tanto necesitas una web que también permita cambiar de contexto, incluso puede hacerlo a través de diferentes direcciones.

Como mencionan en el artículo esto no “rompe” con el concepto de una web única,  one web, si:

  • Mantienes y anuncias una ubicación única (canonical URI) para la página web. Esa ubicación debe ser usada como marcador y a partir de ella ofrecer las diferentes versiones del contenido.
  • Te aseguras que la página web enlace a las otras versiones, usando un enlace en la página web que los usuarios puedan seguir o con la etiqueta link dentro HTML (Más información en el artículo original).

En resumen

  • La web única sigue la arquitectura de la web.
  • One web no es una versión.
  • Una sola dirección debe ser usada cuando sea posible.
  • Las diferentes versiones de una web deben de ser temáticamente consistentes.
  • El contexto del usuario debe ir acorde más allá del dispositivo que usa.
  • Mantén la ubicuidad en mente cuando produzcas contenido para reducir el número de versiones necesarias para las adaptaciones.
  • Diferentes contextos pueden ir más allá de diferentes versiones.

Más información sobre One web

  1. Gran artículo, Iván. La verdad es que ahora tengo el concepto de “One Web” bastante más claro.

Comments are closed.