IEDGE – Construir un sitio optimizado para móviles
Para construir un sitio optimizado para móviles existen tres alternativas:
- Diseño responsive
¿Qué es el diseño responsive?
El sitio responde al dispositivo desde el que se accede, adaptando la presentación de la página al tamaño de la pantalla. Los sitios de este tipo varían la disposición de los elementos de la página conforme lo hace el tamaño de la ventana de navegación. Es la configuración que Google recomienda.
Las características del diseño responsive son:
- Misma URL tanto para móviles como para equipos de escritorio
- Mismo código HTML para todos los dispositivos
- Básicamente el mismo contenido en todos los dispositivos
- La página se adapta automáticamente a la configuración de pantalla
- Permite reducir el tiempo de desarrollo
- Evita los contenidos duplicados
- Aumenta la viralidad de los contenidos
Ventajas e inconvenientes del diseño adaptable o responsive
Ventajas:
Sólo hay que mantener una versión del código para el sitio
Es más fácil para Google consolidar la autoridad de la página en una única URL
No es necesario tener en cuenta a los agentes de usuario, lo que evita algunos de los problemas de otras alternativas
Los usuarios pueden interactuar mejor con el sitio, copiando, pegando y compartiendo socialmente las mismas URL, al margen del tipo dispositivo que usen.
Proporciona mejor eficiencia de rastreo ya que el buscador no tiene que visitar varias URL por página
Inconvenientes:
Apenas hay margen para personalizar el contenido que se muestra el usuario en función del dispositivo.
Las páginas utilizan el mismo código para todos los dispositivos y la velocidad de carga en móviles tiende a ser más lenta.
- Publicación dinámica
El sitio detecta el tipo de dispositivo desde el que se accede y muestra la versión correspondiente de la página dinámicamente. El usuario tiene la sensación de ver lo mismo que todos, cuando en realidad puede tener frente a sí una versión de la página muy diferente a la que vería en otro dispositivo.
Las características de la publicación dinámica son:
- Misma URL para todos los dispositivos
- Distinto código HTML para móviles que para equipos de escritorio
- Contenido y disposición de la página en función del dispositivo
Ventajas e inconvenientes de la publicación dinámica
Ventajas:
Permite proporcionar una experiencia personalizada para los usuarios de móviles
Facilita a Google la tarea de consolidar la autoridad de la página en una única URL
Suele ofrecer mejores tiempos de carga que el diseño adaptable o responsive
Inconvenientes:
La detección del agente de usuario puede fallar y cargar una versión incorrecta de la página.
Es posible que Google entienda una acción de encubrimiento si la detección del agente de usuario falla con los robots de búsqueda
Obliga a mantener dos sitios por separado.
- URL independientes
Normalmente se crean dos versiones para cada página el sitio, colocando la de móviles en un subdominio o un subdirectorio. Seguramente habrás visto esta implementación en sitios que redirigen a los smartphone al subdominio m.example.com o al subdirectorio example.com/m/.
Las características de URL independientes son:
- Distintas URL para móviles que para equipos de escritorio
- Distinto código HTML para móviles que para equipos de escritorio
- Contenido y disposición de la página en función del dispositivo
Ventajas e inconvenientes de usar URL independientes
Ventajas:
Más fácil de implementar que la publicación dinámica
Se pueden ofrecer contenidos y una experiencia de usuario totalmente diferente a los usuarios de móviles
Permite un seguimiento más segmentado al tener cada versión su propia cuenta de Analytics y Search Console (también una desventaja)
Inconvenientes:
Existe el riesgo de contenido duplicado si la implementación no se lleva a cabo correctamente
Requiere de redirecciones, lo que ralentiza la carga
Los datos de seguimiento se almacenan en cuentas separadas de Analytics y Search Console (también una ventaja)
Obliga a mantener dos sitios por separado.
¡Muchas gracias y espero sus comentarios!
Profesor de Dirección de Marketing
Nota: Para aprender de una forma práctica y rápida como poner en marcha, desarrollar y controlar estrategia de SEO: totalmente eficaces, les invitamos a que consulten el Curso Técnico Avanzado en SEO
* Los contenidos publicados en este post son responsabilidad exclusiva del Autor.
¡Pronto grandes sorpresas en Facebook, Twitter, Google+ , Youtube y Linkedin!:
- Síganos en Twitter
- Hágase fan en Facebook
- Acceda a nuestros videos en Youtube
- Novedades en Google+
- Contenidos únicos en LinkedIn