Cómo mejorar la navegación de su sitio web

Vamos a echar un vistazo a 13 formas sencillas de diseñar una navegación excelente para su sitio web. Tilda ofrece una gran variedad de bloques listos para usar con elementos de navegación que puedes elegir para facilitar el uso de tu sitio web.

Cuando crees una barra de navegación, intenta no utilizar más de 4-5 elementos y no la sobrecargues con muchos enlaces y elementos. Si no tienes más remedio que añadir muchos elementos de menú, puedes utilizar el menú "hamburguesa" para que tenga un aspecto ordenado.

En los últimos años, muchas personas han aprendido que hacer clic en el logotipo de un sitio web les lleva a la página de inicio. No dude en eliminar el botón "Inicio" de su menú y no olvide asignar un enlace al logotipo.

Si tiene una página larga con mucha información, añada un menú con enlaces a las secciones de la página; esto hará que la navegación sea intuitiva y ahorrará tiempo a sus visitantes.

Para hacer un menú para un sitio web de una página en Tilda, pegue los números de bloque correspondientes en los campos de enlace de cada elemento del menú en el panel Contenido del bloque (encuentre el número de bloque en la parte inferior de su panel Configuración), o utilice enlaces de anclaje.

Para añadir un menú fijo a un sitio web de Tilda, haga clic en el botón "Configuración" del bloque de menús, luego vaya a "Configuración principal" y seleccione "Fijo" en COMPORTAMIENTO DE LA POSICIÓN DEL MENÚ.

En Tilda, puede personalizar la forma en que se resalta el elemento de menú activo: puede cambiar el grosor, la opacidad y el color de la fuente. También puede subrayarlo o tacharlo.

Los mismos ajustes pueden aplicarse al elemento de menú que se muestra al pasar el ratón por encima. No te pases. Una o dos opciones son suficientes para resaltar un elemento del menú.

En Tilda, los puntos de navegación incluyen información sobre los nombres de las secciones para ayudar a los usuarios a navegar por el sitio web. Puede encontrar el bloque "Navegación por puntos" (ME604) en la categoría "Menú".

El bloque "Animación de carga de página" se encuentra en la categoría "Otros" (código de búsqueda T228). Para activar la barra de carga, coloca el bloque en la parte superior de la página.

Puedes configurar el color del indicador de carga en el panel de configuración del bloque. Conviene elegir un color de contraste para la barra, de modo que destaque sin confundirse con la portada de la página y el menú de navegación.

Una barra de progreso de desplazamiento de página es una fina herramienta de navegación que visualiza cuánto se ha desplazado el usuario por la página. También ayuda a los lectores a estimar la longitud de la página y determinar fácilmente su ubicación actual. Tiene sentido utilizar la barra de desplazamiento cuando la página supera las 3-4 pantallas.

Para añadir un indicador de desplazamiento en Tilda, utilice el bloque T333 "Barra de progreso de lectura de página" de la categoría "Otros". Puede modificar el color y el grosor de la barra de progreso en los ajustes del bloque.

La forma más fácil de resaltar visualmente un botón es utilizar un color brillante para el fondo. Debe contrastar claramente con el botón menos significativo que tiene al lado. Considere la posibilidad de añadir un borde fino y hacer el fondo transparente, o añadir un color de fondo neutro para el segundo botón.

En Tilda, además de la configuración estándar del estilo de los botones, puede cambiar el aspecto del botón cuando los usuarios pasan el ratón por encima. Ajuste el color del fondo o del borde, elija el color y el peso de la fuente, añada una sombra y modifique la velocidad de los efectos de animación al pasar el ratón por encima.

Es una buena idea especificar cuántos elementos se ocultan detrás del botón.

Hay varias maneras de ocultar su contenido:

Resulta útil cuando los usuarios necesitan navegar por artículos largos o páginas de destino con muchas secciones y les permite evitar el largo y tedioso desplazamiento.

Encuentre el bloque "Botón Volver arriba" en la categoría "Formularios y botones" o busquelo por el código BF702.

La parte inferior de una página de destino es el lugar adecuado para repetir la llamada a la acción. Si la página contiene un artículo o una entrada de blog, puede añadir enlaces a artículos similares al final. Los bloques de las categorías "Mosaico y enlace" e "Índice" de Tilda te ayudarán a evitar los frustrantes callejones sin salida.

Los títulos de sección ayudan al usuario a navegar por el sitio web mirando la barra de direcciones y tienen un impacto positivo en la relevancia de la página.

Las URL fáciles de usar y significativas también se conocen como URL "limpias" o "bonitas". Una URL "limpia" se compone de palabras fáciles de entender, a diferencia de una dirección del sistema confusa (en Tilda, por ejemplo, la dirección del sistema tiene este aspecto: /pagina4652188.html).

La primera parte (https://) se denomina protocolo e indica el método utilizado para acceder a los recursos de Internet. El Protocolo de Transferencia de Hipertexto (HTTP) es el más utilizado.

La segunda parte de la URL es el nombre de dominio, la dirección que permite a los usuarios encontrar su sitio web en Internet. Si tiene un sitio web con varias páginas, www.mysite.com sería la dirección de su página principal. Todas las demás secciones y subsecciones se añadirán a esta dirección mediante una barra oblicua.

Si tiene un sitio web de una sola página -una página de aterrizaje que contenga secciones, por ejemplo- es mejor utilizar enlaces de anclaje con nombres claros, como #acerca de o #contactos, ya que también se muestran en la barra de direcciones.

En Tilda, puede modificar la URL de la página en la Configuración de la página. Si desea utilizar más de una palabra en la dirección de la página, separe las palabras con un guión "-". Por ejemplo, /acerca-de-nosotros.

Las migas de pan suelen estar situadas en la parte superior de la página y visualizan el camino desde la página de inicio a otras secciones del sitio web. Cada elemento (nodo) de la cadena de navegación es una sección anterior en la que se puede hacer clic.

Si el usuario llega al final de la cadena, puede utilizar las migas de pan para volver directamente a la página de inicio o a cualquier otra sección con un solo clic. Si un visitante llega a una sección concreta de su sitio web (sin pasar por la página de inicio), puede comprender rápidamente su estructura consultando las migas de pan.

Las migas de pan se utilizan sobre todo en sitios web de gran tamaño con una estructura compleja y muchas páginas. Por ejemplo, en tiendas online que ofrecen muchas categorías de productos.

Para hacer la navegación de migas de pan en Tilda, sólo tienes que añadir un bloque dedicado de la categoría "Menú" -ME605 "Migas de pan"- a tu página. Colócalo justo debajo de la portada de la página, especifica el nombre de cada elemento (nodo) y añade el enlace correspondiente. Puedes duplicar el bloque de una página a otra añadiendo nodos uno a uno para crear senderos de migas de pan.