Buscar:
Responsive Web Design y medios de comunicación. Pareja perfecta

Hace 3 años que imparto el módulo de Usabilidad y Accesibilidad Web del Master en Digital Business de la Escuela de Comercio de Valladolid.

Y año tras año, he tenido que ampliar el apartado de Responsive Web Design. Defender su importancia me ha valido no pocas discusiones incluso con otros tutores del Master. Y otras tantas veces, se me ha puesto en contra de una acera (la de las Apps nativas) sin que yo me hubiese manifestado de esa forma.

Al parecer no hay grises. Todo tiene que ser blanco o negro. El defender la importancia del diseño Responsive, automáticamente me hace enemigo de las App. Y nada más lejos de mi intención.

Mi postura simplemente es más pragmática. Dije hace muuuchos años, y lo vuelvo a repetir hoy, con los datos a mi favor; que las pymes españolas (y casi del mundo entero), tienen muy difícil rentabilizar el desarrollo de una App nativa. En cambio, adaptar su web a Responsive o desarrollar desde cero su web teniendo presente esta característica, les podía reportar muchísimos más beneficios a corto y mediano plazo.

Continuar leyendo

Responsive web
Responsive web design y la importancia en el SEO

Independientemente de la poca o mucha importancia que le quieras dar. De la poca o mucha prioridad que le des dentro de tus actividades diarias, existe una cuestión incontestable. El mundo del futuro es móvil. El tema es que según diversos estudios, ese futuro se nos cae encima mañana mismo.

Yelp, a propósito de su rediseño, hace pocos meses mandaba un aviso a navegantes donde «advertía» que casi el 40% de las búsquedas ya provenían de dispositivos móviles.

Google, que sabe que en esto le va gran parte de su estrategia general de posicionamiento, no ha estado ajeno a esta situación, y desde hace mucho otorga ciertas pautas para que el salto a estos dispositivos se realice de la mejor manera posible.

Existen múltiples recursos para desarrolladores y páginas creadas para el público general donde advierten de la importancia de ponerse las pilas en este aspecto.

Pero, sin entrar en debates estériles y tecnicismos complejos, podemos concluir que Google recomienda 3 alternativas como viables.

  • Hacer que tu sitio sea «Responsive», donde lo que carga es el mismo HTML alterando su visualización mediante variables de CSS3 media queries
  • Tener una versión diferente cargada en un subdominio creado para tal efecto (https://mobile.twitter.com/ , https://m.facebook.com/ son los ejemplos más famosos)
  • Mediante dynamic serving proveer un HTML diferente de acuerdo al dispositivo

Si quieres ver en qué situación está tu sitio web en este momento, puedes verlo a través de diferentes emuladores. Yo te dejo como recomendados, Ripple para Chrome y el Opera Mobile Emulator for Desktop. Y estas otras herramientas para probar diferentes opciones. O si no, obviamente, la opción más fácil. Navegarlo desde un móvil o tablet.

Como siempre digo, no existen las recetas mágicas. Deberás evaluar qué espera tu público objetivo y cómo utiliza las posibilidades que le brindan estas alternativas. Lo importante, es que conozcas todas las opciones para poder elegir con criterio, cual te conviene más.

Como todo, de acuerdo a la opción que elijas, tendrás algunos pros y contras específicos de esas plataformas.

Por ejemplo, si optas por la opción de Responsive Web, la experiencia del usuario desde dispositivos móviles, puede que no sea la más adecuada. Ni que utilice todas las facilidades y opciones de estos dispositivos.

Sin embargo, con respecto al SEO tiene una serie de ventajas que pueden hacer que te decantes por esta opción.

  • La primera y más importante es que hay un solo HTML. Con lo que la indexación es más eficaz
  • Evitamos el peligro de contenido duplicado entre la versión móvil y la de escritorio
  • Es más fácil conseguir enlaces entrantes para una versión que para dos
  • Es mucho menos complicado controlar los redireccionamientos hacia enlaces internos. Muchas veces se ven en escritorio, cosas que sólo se deberían ver en el móvil
  • Como he dicho en varias oportunidades, hay conceptos indirectos que favorecen también el posicionamiento. Como por ejemplo la usabilidad y el tiempo de permanencia. Si el usuario se encuentra a gusto en la opción móvil de tu web, esto potenciará su posición en Google
  • Aunque al igual que muchas otras veces, no lo ha dicho oficialmente, hay diferentes pruebas de que Google indexa mejor en su versión móvil a aquellas web que poseen versiones adaptadas

Como dije antes, no existe la solución perfecta para todas las empresas y todos los sitios web. Hay que ver que posibilidades y necesidades tiene cada una para analizar que podemos ofrecer en cada caso. Me viene a la mente por ejemplo, una web de compra de billetes de avión. Si bien se podría resolver con un responsive, creo que lo mejor sería que desarrollase una versión móvil independiente.

Otro de los análisis y posibilidades que se deberían poner sobre la mesa, es si no es conveniente resolver usos especiales con una App nativa. Pero eso lo dejamos para otro día…

Mientras tanto, en este enlace te dejo 60 ejemplos de Responsive Web para que vayas inspirándote

 

El Arsenal se pasa al responsive empujado por sus fans

El Arsenal Football Club ha re diseñado completamente su página web.

Los encargados del trabajo han sido los diseñadores de la agencia Ostmodern, que han afrontado el reto como un desafío emocionante, ya que han sido los encargados del desarrollo de «Arsenal Player» y son los responsables de la generación de contenido in-house de la página.

Ben Ladkin, el Director de Arsenal Media Group, dijo que el club llevaba tiempo identificando que un porcentaje creciente mes a mes; y que hoy llega al 20% de los accesos, consumen los contenidos desde dispositivos móviles. Y según palabras de Ladkin «la experiencia sinceramente no era buena».

«Debíamos a nuestros fans una web acorde a la imagen de uno de los clubes más grandes del mundo, con mejor integración de los contenidos multimedia y teniendo siempre en cuenta que el 70% de los accesos son desde fuera del Reino Unido». Dijo Ladkin

Se ha revisado completamente la estructura de contenidos, la arquitectura de información y la usabilidad para otorgar la importancia que los datos reflejaban sobre los apartados más visitados.

La Agencia ha invertido mucho tiempo recorriendo el Emirates Stadium para empaparse de la esencia de la marca, y de todos los aspectos inherentes al espíritu del club. Sobretodo, de sus singularidades con respecto a otros clubs top de la Premier League.

Se realizó un enorme reportaje fotográfico de la arquitectura del estadio y de cada uno de los jugadores.

Responsive

Atendiendo a la importancia de la cantidad de accesos desde dispositivos móviles, la agencia desarrolló un responsive site para otorgar una experiencia que aporte valor agregado al usuario.

En este caso, en un sitio tan grande como Arsenal.com, lo principal es que la estructura permita encontrar el contenido igual de fácil que desde un ordenador de escritorio.

Social Web

En un club que produce tanto contenido multimedia, es fundamental integrar este tipo de material dentro de un entorno amigable y sobretodo, fácil de compartir. La emoción de un partido ganado, el fichaje estrella, el gol de la estrella… todo, debe ser absolutamente sencillo de compartir por todas las redes sociales.

Sumado a todo esto, cada uno de los jugadores desde sus perfiles en redes sociales, se transforma en un generador de contenidos que no se pueden desaprovechar. Por lo tanto, la web los integra de manera única para viralizar aún más sus mensajes.

Que duda cabe que los clubs de fútbol de la actualidad son marcas absolutamente poderosas internacionalmente. Por estas razones, su imagen en el inmenso escaparte de Internet, debe reflejar fielmente lo que quiere el club que sea su marca. Y sobretodo, lo que planea que logre ser en el futuro. Dentro y fuera de sus fronteras.