Las 3 opciones para la implementación de tu sitio web móvil

por | Marketing Digital

La necesidad de tener un sitio web móvil esta dada porque hoy en día cada vez es más habitual el uso de Smartphones y Tablets, ya no solo por quienes tienen desarrollado un gusto particular por la tecnología, solo tienes que ver a tu alrededor para darte cuenta de esto.

En mi familia mis hermanos, ambos de la Gen Y, mis sobrinos de la Gen Z, incluso mis papás, ambos ya sobre los 65 años poseen al menos un Smartphone o Tablet, en muchos casos reemplazando un computador de escritorio.

El reemplazo del  computador por estos dispositivos móviles hace necesario el tener un sitio web móvil, que sean optimizados para una excelente visualización en las diferentes pantallas que utilizamos hoy en día, y sus diferentes resoluciones.

Por otra parte, Google le está dando una gran prioridad a sitios web que se encuentran optimizados para móviles, ha creado documentación a modo de recomendaciones para el uso y la existencia de contenido optimizado para las diferentes pantallas que hoy en día estamos utilizando.

Se a visto que, y cada vez más, Google comienza a priorizar los resultados con contenidos optimizados para el dispositivo donde se realizó la búsqueda; es más, en Google PageSpeed Insights, la opción por defecto del resultado del test es la Móvil y no el Ordenador, en donde se pueden observar recomendaciones que mejorar la velocidad de carga y la propia interfaz de usuario.

Diseño Web Móvil

Para lograr la existencia de un sitio optimizado para Smartphones existen tres métodos, cada uno con ventajas y desventajas que hay que ponderar para elegir la mejor para determinado sitio web, no para todos se puede aplicar la misma solución, pero incluso a estas tres opciones y dependiendo los objetivos y las circunstancias de cada página se puede realizar una aplicación específica para Smartphone donde brindar los contenidos del sitio web.

Las opciones o métodos para tener un [piopialo]Diseño web móvil son Diseño Responsivo, Publicación Dinámica o Sitio Móvil Independiente.[/piopialo]

Diseño Responsivo

El diseño responsivo tiene grandes ventajas, permite que con la misma URL y el mismo HTML, el sitio web pueda verse optimizado en diferentes dispositivos, lo que permite que Google pueda rastrear e indexar fácilmente el contenido de él mismo. Las diferencias están dadas por la capa de estilo (CSS) la cual conforma la capa de diseño de un sitio web.

Al ser solo una versión el contenido, este método tiene la gran ventaja de que las actualizaciones en el mismo solo han de realizarse una vez, además de que no se está cayendo en el problema de generar contenido duplicado; pero a su vez, tiene el inconveniente de que para su visualización en Smartphone, que por lo general es más ligera, igual tiene que descargar todo el contenido del sitio web, por lo que podría llegar a ser un sitio web pesado y lento, es por esta razón que es preferible el considerar comenzar el trabajo de diseño por el diseño móvil e ir escalando hacia el desktop.

La base para el diseño responsivo está dada por el uso de media queries para crear diseños diferenciados en ciertos puntos de ruptura y en determinados dispositivos, son un estándar reconocido por la W3C desde Junio de 2012. El hincapié para un buen resultado está en elegir bien esos puntos de corte, desde cual o hasta cual resolución un determinado diseño se ve bien, no hay que olvidar las resoluciones bajas de los smartphones o las resoluciones altas de computadores y televisores multimedia, incluyendo los dispositivos retina.

Publicación Dinámica

A través de la misma URL se muestran distintos HTML y CSS, cada uno orientado a un determinado dispositivo. Esta forma de entregar los contenidos tiene una gran ventaja con respecto a la anterior, el tamaño del sitio para dispositivos móviles no es el mismo que para otros dispositivos, esto gracias a que no es necesario transmitir todo el soporte para las demás resoluciones / dispositivos, como es el caso del diseño responsivo.

Una gran ventaja de esta forma de diseño web está dada por la separación del diseño y contenido para los distintos dispositivos, esto conlleva que el peso del sitio y por ende su velocidad está orientada para cada dispositivo, siendo en móviles mucho más ligero y rápido, a su vez los objetivos del sitio para móviles puede ser distinto que para escritorio, el usuario móvil no siempre requiere la misma información que un usuario que accede al sitio web desde su computador o Tablet.

Por el contrario una desventaja producida por la misma razón que las ventajas señaladas es la complejización de realizar actualizaciones en las diferentes versiones de los sitios web, aumentando el tiempo en realizar los cambios y por consiguiente la posibilidad de generar errores en dichas actualizaciones. También he de señalar que hay que tener un gran cuidado en las técnicas de detección del user-agents, la cual siempre esta propensa a una detección errada, ya sea por un listado desactualizado o una búsqueda errónea de los user-agents específicos para móviles.

Para lograr una buen resultado en la indexación del sitio web móvil es recomendable la utilización de la cabecera Vary HTTP en la respuesta del servidor, así Googlebot podrá rastrear e indexar la versión móvil del sitio web.

Sitio Móvil Independiente

En esta tercera modalidad, en distintas URL se encuentran los sitios específicos de móviles y escritorio, siendo a su vez distintos entre ellos. Comparta con la anterior la ventaja de que la versión optimizada para celulares es liviana y más rápida que la versión de escritorio y a su vez la desventaja de la complejización de las actualizaciones futuras del contenido del sitio web.

Un problema no menor, es la posibilidad de que Google podrá considerar el contenido de la versión móvil o de la de escritorio como contenido duplicado al estar presente el mismo contenido en dos URL diferentes, para que esto no ocurra es recomendable utilizar el rel=”canonical”, en la versión móvil, y el rel=”alternate” en la versión de escritorio, así Google consideraría la versión de escritorio como la original y la versión móvil como una alternativa del mismo contenido, logrando que Google lo considere como una sola página, mostrando la que corresponde en la página de resultados de acuerdo al dispositivo donde se realizó la búsqueda.

Aplicación Específica para Móviles

Alejándonos un poco de lo que es la web en móviles, encontramos otra opción para compartir tus propio contenidos, que es la creación de una aplicación específica para cada dispositivo móvil, sean smartphone o tablets, vengan con iOS, Windos o Android.

Al ser aplicaciones especificas su distribución es mediante las Tiendas respectivas, de acuerdo al sistema de cada equipo móvil.

Esta opción es la más compleja, ya que requiere el desarrollo para cada plataforma; a su vez, no permite el aunar el trabajo de posicionamiento web con la versión de escritorio.

Palabras al Cierre

A través de estas opciones puedes llegar a quienes te visitan por dispositivos móviles, las tres primeras se incluyen en las estrategias de posicionamiento web, lo que permite que nuevos usuarios te puedan conocer.

Por otra parte, la última opción tiene una mayor orientación a quienes ya te conocen y visitan tu sitio web en dispositivos de escritorio, creando un nuevo punto de conexión, los dispositivos móviles.

Aplicas alguno de estos métodos en tu sitio web o blog, cuéntame cómo lo has hecho y cuál ha sido mejor para ti, la seccion de comentarios y yo te esperamos.

Luis Olave

Luis Olave

Blogger

Blogger formado como Desarrollador Web y Marketero Digital, trato de ganarme la vida en este mundo de bits a través de mi blog y otros proyectos. Amante de la cultura nipona y celta. Re-descubierto como Aspie de nacimiento.

Toolkit: Plugins para WordPress.

Toolkit: Plugins para WordPress.

Descarga mi Toolkit con los 20 Plugins esenciales para WordPress, solo tienes que completar el siguiente formulario.

Políticas.

You have Successfully Subscribed!

Pin It on Pinterest

Shares