La usabilidad del sitio debe ser una de sus principales consideraciones al crear o mantener un sitio web. Si su sitio web es difícil de usar, las personas no se animarán a usarlo o regresar. Además, en muchos casos, una buena usabilidad se traduce directamente en mejores resultados de SEO.

Algunas de las características del buen uso del sitio web incluyen:

  • Capacidad de respuesta móvil : Cada vez más personas acceden a Internet a través de sus teléfonos móviles (y Google cree que esto es importante para las clasificaciones de búsqueda como parte de su iniciativa móvil).
  • Velocidad de carga de la página : Otra señal de clasificación importante de Google, a través de una correlación con la forma en que las personas interactúan con los sitios web. Según Kissmetrics, ¡el 47 % de los consumidores espera que una página web se cargue en 2 segundos o menos!
  • Navegación del sitio web: Según Orbit Media Studios, si su sitio web es fácil de usar y el contenido es fácil de encontrar, tiene un impacto positivo en el tráfico que obtendrá de los motores de búsqueda. Gerry McGovern realizó un estudio que muestra que el 70% de las personas confían en la navegación en lugar de la búsqueda cuando buscan algo porque es más fácil y rápido hacer clic en enlaces a páginas específicas. de un sitio web.

Para los fines de este tutorial, nos centraremos en la usabilidad en términos de diseño de menú y mejores prácticas.

Navegación en el sitio

Navegación web es un término general que se refiere a la arquitectura de enlaces internos de un sitio. Por encima de todo, su objetivo principal es ayudar a los usuarios a encontrar fácilmente contenido relevante en su sitio web. Su estructura de navegación también forma la base del mapa del sitio de su sitio web, lo que ayuda a los gigantes de los motores de búsqueda como Google a indexar su sitio web en consecuencia.

Ciertamente, hay varias cosas que pueden contribuir a una navegación web eficiente, pero por ahora nos centraremos específicamente en menú, porque suele ser la primera página con la que los usuarios interactúan cuando acceden a un nuevo sitio web.

Navegación en el menú

Los menús de navegación tienden a estar ubicados en la parte delantera y central de un sitio web (aunque en sentido figurado, un menú centrado sería bueno). Para sitios web con diferentes categorías, la función desplegable es una opción para ahorrar espacio y satisfacer la necesidad de categorización.

Hoy en día, en una muestra de minimalismo (y usabilidad móvil), muchos sitios web han adoptado un diseño de menú de hamburguesa (esencialmente, un cuadrado con tres líneas horizontales cortas, lo que indica que el menú se puede expandir con un clic). .

El tema de la tienda de WooCommerce proporciona un ejemplo práctico, en la esquina superior derecha:

ejemplo de menu.png

El diseño del menú del sitio web al estilo de una hamburguesa es el más común cuando se trata del diseño de sitios web móviles, ya que los desarrolladores son responsables de crear una navegación utilizable en espacios muy pequeños. Por supuesto, puede ser difícil crear un menú desplegable que se pueda usar en sitios móviles.

Dicho eso, muchos diseñadores despreciar el menú de hamburguesas, que ha dado lugar a un nuevo movimiento para encontrar formas creativas de hacer que la navegación del sitio sea divertida y funcional. Teniendo esto en cuenta, una heurística común del diseño del menú de un sitio web implica colocar la navegación del menú de forma permanente en la parte superior de cada página web, de modo que el usuario pueda orientarse fácilmente o buscar la página siguiente.

Mejores prácticas en diseño de menú

La mayoría de los temas de WordPress vienen con un diseño de menú de sitio web predefinido. Ya sea que desee mantenerlo como está o planea rehacerlo por completo, estas son las mejores prácticas para diseñar la navegación del menú teniendo en cuenta la usabilidad y la funcionalidad. SEO en cabeza:

  • Si es posible, evite los menús desplegables. A muchos sitios web les gusta usar menús desplegables porque ahorran espacio, pero no son recomendables, especialmente cuando se trata de SEO técnico. Las pruebas de usabilidad han revelado que a la mayoría de las personas no les gustan los menús desplegables. Esto se debe a que el ojo humano trabaja más rápido que la mano y a las personas les resulta molesto cuando ya han decidido en qué hacer clic y se les cae algo más, lo que genera menos visitas a determinadas páginas. Dicho esto, el menú "mega desplegable" es un poco más aceptable si el sitio que estás diseñando tiene tanto contenido que no puedes prescindir de un menú desplegable.
  • Ser descriptivo Deshágase de palabras genéricas como "Servicios" o "Productos". En su lugar, especifique cómo sus productos o servicios consistente, ya que nadie busca realmente productos con "palabras genéricas o" servicios ". Mejor aún, antes de decidir los nombres exactos de los elementos de su menú, justifique las inclusiones con la investigación de palabras clave de SEO. Orbit Media recomiendausar etiquetas descriptivasporque esta práctica beneficia tanto a los usuarios como a usted cuando los motores de búsqueda rastrean el sitio. La navegación aparece en todas las páginas, por lo que si usa un término relacionado con su industria, está alertando a Google de que realmente le importa. Recuerde que cada página se puede clasificar siempre que se centre en un tema específico.
  • Además, Orbit Media desalienta basado en la navegación en formatoscomo elorganización páginas basadas en contenido como todos los videos, todas las infografías, etc. Esto se debe a que las personas buscan por tema, no por formato.
  • El posicionamiento (o diseño) de los elementos en el menú de navegación es importante. Existe una lista general de páginas para ofrecer en un sitio web, como la página "Acerca de", la página "Contacto", etc., que son las páginas más buscadas por los visitantes del sitio. Estas páginas destacadas, que a menudo tienen un alto tráfico (ya que son claramente visibles), a menudo tienen bajas tasas de participación. Utilice Google Analytics para determinar sus páginas más importantes y encontrar oportunidades de optimización. Muestra los elementos de navegación más importantes primero (o arriba, según la orientación de la barra de menú).
  • Mantenga los elementos del menú para hasta uno máximo de 7 . Los estudios han demostrado que las personas solo pueden recordar o asimilar un máximo de siete piezas de información a la vez. Tener demasiadas categorías de elementos de menú puede afectar potencialmente su capacidad para clasificar en la búsqueda, ya que Google puede interpretar demasiadas categorías aparentemente no relacionadas como una señal de que su sitio no se ha sintonizado con un nicho específico. Si sabe que necesitará más de 7 elementos del menú, divídalos en subcategorías.

Con respecto al punto mencionado anteriormente, el diseño del menú del sitio web de United es demasiado complicado (hay demasiadas opciones para los visitantes):

ejemplo de bad menu.png
Aquí está el ejemplo absoluto de lo que debe evitar en su blog. Por el contrario, Cafebond.com proporciona un ejemplo bien organizado cuando se trata de una categorización simple:
ejemplo de un buen menú.png
  • Audita tu menú De vez en cuando. Elimine los enlaces en los que rara vez se hace clic. Cambie el nombre de las etiquetas genéricas para que sean más descriptivas para sus visitantes humanos y motores de búsqueda.

Eso es todo por estos consejos, espero que te permitan organizar mejor tus diferentes menús en WordPress. ¿Tiene alguna práctica que no esté en la lista? No dude en publicarla.