fbpx

IEDGE – Construir un sitio optimizado para móviles


1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5,00 out of 5)
Loading...

Para construir un sitio optimizado para móviles existen tres alternativas:

  1. 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.

  1. 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.

  1. 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!

 

Sara Rodríguez

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!: