Como melhorar a navegação em seu site

Vamos dar uma olhada mais de perto em 13 maneiras simples de criar uma excelente navegação para o seu site. O Tilda oferece uma variedade de blocos prontos com elementos de navegação que você pode escolher para facilitar o uso do seu site.

Ao criar uma barra de navegação, tente usar no máximo 4 a 5 itens e não a sobrecarregue com muitos links e elementos. Se você não tiver outra opção a não ser adicionar muitos itens de menu, poderá usar o menu "hambúrguer" para deixá-lo mais organizado.

Nos últimos anos, muitas pessoas aprenderam que clicar no logotipo de um site as leva à página inicial. Fique à vontade para remover o botão "Home" de seu menu e não se esqueça de atribuir um link ao logotipo.

Se você tiver uma página longa com muitas informações, adicione um menu com links para as seções da página - isso tornará a navegação intuitiva e economizará o tempo dos visitantes.

Para criar um menu para um site de uma página no Tilda, cole os números de bloco correspondentes nos campos de link de cada item de menu no painel Content (Conteúdo) do bloco (localize o número do bloco na parte inferior do painel Settings (Configurações)) ou use links de âncora.

Para adicionar um menu fixo a um site do Tilda, clique no botão "Settings" (Configurações) no bloco do menu, vá para "Main Settings" (Configurações principais) e selecione "Fixed" (Fixo) em MENU POSITION BEHAVIOR (Comportamento da posição do menu).

No Tilda, é possível personalizar a forma como o item de menu ativo é destacado: você pode alterar o peso da fonte, a opacidade e a cor. Você também pode sublinhá-lo ou riscá-lo.

As mesmas configurações podem ser aplicadas ao item de menu ao passar o mouse. Não exagere! Uma ou duas opções são suficientes para destacar um item de menu.

No Tilda, os pontos de navegação vêm com dicas de ferramentas que apresentam nomes de seções para ajudar os usuários a navegar no site. Você pode encontrar o bloco "Dot Navigation" (ME604) na categoria "Menu".

O bloco "Page loading animation" está localizado na categoria "Other" (código de pesquisa T228). Para ativar a barra de carregamento, coloque o bloco na parte superior da página.

Você pode definir a cor do indicador de carregamento no painel Settings (Configurações) do bloco. Você deve escolher uma cor contrastante para a barra, de modo que ela se destaque sem se misturar com a capa da página e o menu de navegação.

Uma barra de progresso de rolagem de página é uma ferramenta de navegação fina que visualiza o quanto o usuário rolou a página para baixo. Ela também ajuda os leitores a estimar o tamanho da página e a determinar facilmente sua localização atual. Faz sentido usar a barra de rolagem quando a página tem mais de 3 a 4 telas.

Para adicionar um indicador de rolagem no Tilda, use o bloco T333 "Barra de progresso de leitura de página" da categoria "Outros". Você pode modificar a cor e a espessura da barra de progresso nas configurações do bloco.

A maneira mais fácil de enfatizar visualmente um botão é usar uma cor brilhante como plano de fundo. Ela deve contrastar claramente com o botão menos significativo ao lado. Considere adicionar uma borda fina e tornar o plano de fundo transparente ou adicionar uma cor de fundo neutra para o segundo botão.

No Tilda, além das configurações padrão de estilo de botão, é possível alterar a aparência do botão quando os usuários passam o mouse sobre ele. Ajuste a cor do fundo ou da borda, escolha a cor e o peso da fonte, adicione uma sombra e modifique a velocidade dos efeitos de animação ao passar o mouse.

É uma boa ideia especificar quantos elementos estão ocultos atrás do botão.

Há várias maneiras de ocultar seu conteúdo:

Ele é útil quando os usuários precisam navegar por artigos longos ou páginas de destino com muitas seções e permite que eles evitem uma rolagem longa e entediante.

Encontre o bloco "Back to Top button" na categoria "Form and button" ou pesquise-o pelo código BF702.

A parte inferior de uma página de destino é o lugar certo para repetir a chamada para ação. Se a página contiver um artigo ou postagem de blog, você poderá adicionar links para artigos semelhantes no final. Os blocos das categorias "Tile and link" e "Index" no Tilda o ajudarão a evitar becos sem saída frustrantes.

Os títulos das seções ajudam o usuário a navegar pelo site olhando para a barra de endereços e têm um impacto positivo na relevância da página.

URLs fáceis de usar e significativos também são conhecidos como URLs "limpos" ou "bonitos". Um URL "limpo" é composto de palavras fáceis de entender, ao contrário de um endereço de sistema confuso (no Tilda, por exemplo, o endereço do sistema é assim: /page4652188.html).

A primeira parte (https://) é chamada de protocolo e indica o método usado para acessar os recursos da Internet. O protocolo de transferência de hipertexto (HTTP) é o mais comumente usado.

A segunda parte do URL é o nome de domínio, o endereço que permite que os usuários encontrem seu site na Internet. Se você tiver um site com várias páginas, www.mysite.com será o endereço da sua página principal. Todas as outras seções e subseções serão adicionadas a esse endereço usando uma barra.

Se você tiver um site de uma página - uma landing page com seções, por exemplo -, é melhor usar links âncora com nomes claros, como #sobre ou #contatos, pois eles também são exibidos na barra de endereços.

No Tilda, você pode modificar o URL da página nas Configurações da página. Se você quiser usar mais de uma palavra no endereço da página, separe as palavras com um traço "-". Por exemplo, /sobre-nós.

Os breadcrumbs geralmente estão localizados na parte superior da página e visualizam o caminho da página inicial para outras seções do site. Cada item (nó) na cadeia de navegação é uma seção anterior clicável.

Se o usuário chegar ao final da cadeia, ele poderá usar os breadcrumbs para voltar diretamente à página inicial ou a qualquer outra seção com um clique. Se um visitante chegar a uma seção específica do seu site (ignorando a página inicial), ele poderá entender rapidamente sua estrutura observando os breadcrumbs.

Os Breadcrumbs são usados com mais frequência em sites de grande escala com uma estrutura complexa e muitas páginas. Por exemplo, em lojas on-line que oferecem muitas categorias de produtos.

Para fazer a navegação por breadcrumb no Tilda, basta adicionar um bloco dedicado da categoria "Menu" - ME605 "Bread crumbs" - à sua página. Coloque-o logo abaixo da capa da página e, em seguida, especifique o nome de cada item (nó) e adicione um link correspondente. Você pode duplicar o bloco de uma página para outra, adicionando os nós um a um para criar trilhas de navegação.