Consejos para el diseño de navegación móvil fácil de SEO

Su navegación para dispositivos móviles puede tomar muchas formas, como parte de su estrategia de SEO. La opción que es mejor para usted depende de la complejidad de su navegación tiene que ser, sus objetivos de conversión, y las preferencias de los usuarios.

Recuerde que la navegación de su sitio tiene que ayudar a los visitantes - y arañas de búsqueda - navegar a través de su sitio web. Por lo que su navegación móvil tiene que ser intuitivo, funcional, fácil de rastrear, y optimizado para el tacto.

Mantener estas mejores prácticas en cuenta al diseñar su navegación para dispositivos móviles:

Debe ser sencillo, cielo. Mantener la navegación de primer nivel lo más simple posible, especialmente si usted quiere que su navegación aparece en la parte superior de la página móvil. Recuerde que usted está diseñando para un tamaño de pantalla pequeña. (Un iPhone 6 es de 750 píxeles de ancho en el modo vertical, mientras que un ordenador portátil 13 pulgadas es 1.280 píxeles de ancho).
El punto de un sitio móvil que sus visitantes navegar fácilmente su sitio web con un dispositivo móvil. Su navegación debe dar los une a sus páginas de categorías y las páginas que mejoran la facilidad de uso (como un “Call Now” opción y un enlace a su carrito de la compra).
Usted no tiene que enlazar a todas las páginas de su sitio web aquí. De hecho, hay muchas opciones pueden resultar en una parálisis de decisiones y la confusión, lo que crea una experiencia de usuario pobre.
Incluyendo cuatro a ocho artículos en su menú superior es generalmente una buena regla del pulgar. Véase el ejemplo de Bruce Clay, Inc. menú superior.
Bruce Clay, Inc. simplifica su navegación de escritorio (arriba) de manera significativa a mejorar la experiencia del usuario móvil. Para ayudar a los usuarios con la realización de tareas, la navegación del sitio móvil (parte inferior) también incluye un botón de clic de llamada.
Una lista de sus páginas más importantes. Estos son por lo general las llamadas a la acción de conversión, tales como “localizar tienda”, “taller”, “subscribe” y “productos”. Si su sitio web es más contenido orientado a las ventas orientadas, anuncie su categoría más importante en primer lugar.
GameStop simplifica su navegación de escritorio (arriba) incluyendo sólo las llamadas por el usuario y se centró conversión a la acción en su página principal móvil (parte inferior).
Considere perdiendo el botón Inicio. Para ahorrar espacio, se puede dejar fuera del botón Inicio en su navegación y en lugar de tener su logotipo alto de la página vaya a la página de inicio cuando se le golpea.
Diseñar para el tacto y dar suficiente espacio para un dedo. Debido a que tanto la tableta y usuarios de teléfonos inteligentes están navegando su sitio móvil utilizando pantallas táctiles, es muy importante asegurarse de que la sensibilidad del grifo de los botones de navegación son lo suficientemente grandes para usar. El dedo medio requiere un espacio de al menos 44 píxeles grandes, de izquierda a derecha y de arriba abajo.
Haga su menú intuitivo. Sus visitantes deben saber exactamente donde cada uno de los elementos de menú se llevará a ellos.
Reducir al mínimo la navegación multinivel. Debe ser sencillo, pero si su navegación, simplemente debe tener niveles desplegables, nunca agregue más de dos capas de funcionalidad desplegable.
Asegúrese de que los menús desplegables son activados por el tacto. Aunque la activación del ratón-activable trabaja en la experiencia de escritorio, que salga de su usuario atrapado en la experiencia móvil.
Utilizar indicadores visuales del menú. Si utiliza un menú fuera de la pantalla, utilizar un indicador de menú de tres líneas de manera que el usuario pueda acceder a su menú.
Si usted tiene una navegación multinivel, utilice un símbolo intuitiva, como un signo más (+) para indicar que el elemento de menú tiene más opciones desplegables. También considere el uso de un símbolo para diferenciar botones que navegan a una nueva página con los botones que revelan más opciones desplegables. REI utiliza un derecho; la flecha apuntando (gt;) para indicar cuando un elemento de navegación le lleva a una nueva página.
REI utiliza indicadores visuales de menú para guiar a los usuarios a través de su navegación de varios niveles.
Añadir retroalimentación táctil. Cuando los usuarios tocan un artículo en su navegación, algo tiene que ocurrir para asegurar a los usuarios que hicieron tapping en el lugar correcto. Esta retroalimentación puede ser un cambio de color, un abrir y cerrar de color, o un cambio de fuente. Local, aprovechado por un usuario, se resalta en azul.
Search Engine Land utiliza de cambio de color retroalimentación táctil para que los usuarios sepan dónde han aprovechado dentro de la navegación.
Evitar el desplazamiento horizontal. En general, los motores de búsqueda no les gusta el exceso de izquierda a derecha de desplazamiento, y tampoco lo son los usuarios. Si el menú es demasiado largo para caber dentro de los parámetros de la pantalla de izquierda a derecha, considere una navegación vertical.