Posts Recentes:

Navigating The SEO Career Landscape: Degrees, Myths, And Realities

In the dynamic realm of search engine optimization...

O que é inventário de anúncios e por que é importante?

Temos escrito muito sobre o inventário de anúncios...

Google anuncia acordo para mostrar mais conteúdo do Reddit

O Google anunciou um acordo com o Reddit...

Crie um ótimo menu de site para seus usuários e SEO • Yoast


Os menus de sites são uma daquelas coisas que você dá como certa – até encontrar um realmente ruim. No cenário ideal, os usuários obtêm uma visão geral instantânea do que um site tem a oferecer e podem acessar todas as coisas importantes com apenas um ou dois cliques. Na pior das hipóteses, os usuários ficam frustrados e incapazes de encontrar o que procuram. Esta postagem orientará você nos fundamentos do design de menu e ajudará você a entender quais opções funcionarão melhor para o seu site.

O menu do seu site é importante porque ajuda os usuários a navegar no seu site. Claro, às vezes um usuário chega à página que procurava direto do Google. Mas normalmente, os visitantes vão querer ver várias páginas do seu site. Ou eles chegam à sua página inicial e precisam navegar para a página certa a partir daí. É por isso que seu menu deve estar disponível em todas as páginas e, idealmente, você teria até um menu fixo. O que significa que ele rola para baixo com o conteúdo para garantir que esteja sempre visível. Dessa forma, não importa onde seus usuários estejam: eles sempre encontrarão o que precisam.

Além da função essencial de navegação de um menu, também é uma maneira bacana de informar aos usuários o que seu site tem a oferecer. Você pode pensar nisso como um banner em cada página, dizendo “Isso é o que fazemos”. Aproveite ao máximo essa oportunidade!

Um ótimo menu de site deve incluir links para as partes mais importantes do seu site. Portanto, cabe a você descobrir o que colocar nele. Mas seja qual for o conteúdo que você decidir incluir, é essencial manter seu menu utilizável.

Uma das piores coisas que você pode fazer é sobrecarregar seu menu com muitos links. Isso fará com que pareça desordenado e os usuários precisarão trabalhar muito para encontrar o que precisam. Dependendo da sua escolha de design de menu, alguns links podem ficar inacessíveis se você tiver muitos. Por exemplo, se você estiver usando um menu suspenso, os usuários poderão ter dificuldade para acessar links que aparecem fora da tela.

O que fazer: seja seletivo ou use opções de navegação alternativas

A melhor opção é ser seletivo quanto ao que incluir em seu menu, mas para sites maiores ou mais complexos isso não será possível. Felizmente, existem muitas outras soluções para um menu lotado. Uma solução é criar páginas centrais ou categorias e adicioná-las ao seu menu. Em seguida, os usuários podem navegar até a categoria ou hub relevante e encontrar o caminho para um conteúdo mais específico a partir daí.

Uma segunda solução é adicionar submenus; essas são opções de menu adicionais que aparecem apenas quando o usuário passa o mouse ou clica em uma área específica do menu. Os submenus podem ser úteis, mas também podem ficar confusos e difíceis de usar. Portanto, se você usar submenus, faça-o com moderação.

A terceira opção é incluir uma barra de pesquisa como parte do menu de navegação. Dessa forma, se um usuário não conseguir ver o que procura em seu menu, ele poderá pesquisar em seu site o que precisa. Uma barra de pesquisa é um ótimo recurso a ser incluído, esteja seu menu muito confuso ou não. Mas reserve algum tempo para configurar bem sua função de pesquisa, caso contrário, não ajudará muito.

Dica: Yoast SEO Premium inclui uma integração Algolia que você pode usar para melhorar os resultados de pesquisa do seu site. Usá-lo ajudará a colocar seu conteúdo mais importante no topo dos resultados. Dê uma chance!

É fácil esquecer os usuários móveis quando você usa um computador desktop para construir seu site. Mas essa é a última coisa que você deseja fazer, especialmente quando se trata do design do menu do seu site. Um menu que parece bom e funciona bem no desktop pode ser completamente inutilizável em um telefone ou tablet. Agora que mais e mais pessoas estão usando dispositivos móveis para ficar online, é muito importante considerar o design do menu tanto para desktop quanto para dispositivos móveis.

Existem duas opções para criar um menu que funcione tanto no desktop quanto no celular. Você pode adicionar um menu responsivo com um layout que se adapte ao tamanho da tela usada. Alternativamente, você pode criar um menu específico para a versão mobile do seu site. Qualquer que seja a solução escolhida, teste-a em alguns tamanhos de tela diferentes para garantir que o resultado final seja fácil de usar.

Existem vários estilos de menu diferentes para você escolher. Menus de hambúrguer, menus suspensos e menus da barra lateral são alguns exemplos bem conhecidos. Existem também alguns menus muito abstratos e criativos por aí. No entanto, a maneira como você implementa esses estilos tem um grande impacto na impressão geral e na usabilidade.

Aqui estão algumas das opções mais padrão:

Se você tem um site simples e apenas um ou dois objetivos online, faz sentido optar por um design de menu minimalista. Por exemplo, o Behance é uma “rede para apresentar e descobrir trabalhos criativos”, por isso não precisa de um menu complicado. Eles incluem apenas 3 opções de menu: ‘Discover’, ‘Livestreams’ e ‘Jobs’. Isso permite que o usuário se concentre no campo de pesquisa e nos trabalhos criativos exibidos.

Uma imagem mostrando um menu de estilo minimalista no site do Behance

Alguns sites usam um estilo de menu mais minimalista para atender aos usuários móveis. Um menu de hambúrguer (que se parece com isto: ☰) é uma escolha minimalista popular para sites móveis, pois ocupa muito pouco espaço na tela. Por exemplo, na versão móvel do Joolz.com existem três ícones simples para ajudar os usuários a navegar: pesquisa, carrinho de compras e menu de hambúrguer. Clicar no menu de hambúrguer o expande para mostrar uma lista de suas categorias de produtos. Soluções como esta funcionam muito bem em dispositivos móveis.

Uma imagem de um menu de site de estilo minimalista em Joolz.com

Os menus clássicos são provavelmente os mais simples de trabalhar. Eles se concentram na seleção das principais categorias ou áreas do site e usam botões com rótulos de texto para orientar os usuários ao lugar certo. Uma barra de navegação horizontal é o tipo mais comum de menu clássico. Às vezes, menus como este também têm algumas opções suspensas abaixo dos itens do menu principal. WordPress.org usa um design de menu clássico em seu site para desktop. Dois dos itens do menu possuem um botão suspenso para mostrar mais opções: ‘Suporte’ e ‘Envolva-se’.

Uma imagem de um menu de estilo clássico no wordpress.org

Outro estilo de menu clássico é a barra lateral. Você pode ver esse tipo de menu em ação no Google Maps. Normalmente, estes tipos de menus podem ser abertos usando um botão de menu de hambúrguer e fechados novamente usando o botão ×. Essa é uma ótima maneira de oferecer conteúdo em tela cheia, já que o menu fica oculto na maior parte do tempo.

Uma imagem mostrando o menu expandido da barra lateral no Google Maps

Os mega menus são uma espécie de menu suspenso, mas em vez de ter uma única coluna de links em cada item do menu principal, há espaço para várias colunas. Esses menus são populares em sites maiores e mais complexos, pois oferecem espaço para muito mais links do que outros estilos de menu. Portanto, em teoria, você pode ser menos exigente quanto a quais links incluir. Certo?

Bem, na verdade, esse suposto benefício pode ser a ruína dos mega menus. Mesmo que todos os links caibam lá, incluir muito conteúdo em seu menu pode ser cansativo para os usuários. Dito isso, se você se limitar a uma quantidade moderada de links de menu, um mega menu pode ser uma ótima opção para o seu site.

No asana.com você pode ver que eles estão usando um mega menu com um número gerenciável de links abaixo de cada item do menu principal:

Uma imagem do mega menu em asana.com

Um exemplo de um mega menu muito completo pode ser encontrado no site do Programa Alimentar Mundial para computador. Neste caso, o menu suspenso mostra uma lista de países, para que os usuários ainda possam navegar neste menu com bastante facilidade. Mas imagine se todos esses links tratassem de assuntos diferentes. Então os usuários teriam dificuldade para encontrar o que precisam, como se estivessem vasculhando uma gaveta bagunçada.

Uma imagem mostrando um mega menu bem completo no site do Programa Mundial de Alimentos

Outras opções de navegação

Você pode fazer muito com o menu do seu site, mas não é a única opção de navegação. Muitos sites adicionam links de navegação extras ao cabeçalho ou rodapé do site. Freqüentemente, você verá opções para fazer login ou alterar o idioma do site nesses espaços. No entanto, se você optar por adicionar links de rodapé, deverá desativar a rolagem infinita ou seus usuários nunca conseguirão acessar o rodapé.

Outra possibilidade é criar uma página de mapa do site que os usuários possam acessar. Isso mostra uma lista estruturada de todas as páginas do seu site. Eles estão se tornando menos populares do que antes, mas ainda podem ser uma ferramenta poderosa para navegação no site.

O menu do seu site influencia o SEO? Claro que sim! É improvável que você obtenha muitos benefícios de links internos ao adicionar itens ao seu menu. Mas existem outras maneiras pelas quais seu menu pode beneficiar seu SEO, e esse benefício tem a ver com a forma como os usuários experimentam seu site.

Se os usuários não conseguirem encontrar o que procuram, é provável que saiam mais rapidamente e não voltem ao seu site novamente. O Google pode captar esses tipos de sinais. Portanto, um ótimo menu pode ajudar o seu SEO, ainda que de forma indireta.

Como regra geral, é uma boa ideia manter o menu o mais simples possível. Especialmente para sites menores e para aqueles que estão apenas começando, um menu de estilo clássico ou minimalista deve funcionar muito bem para você. Se você tiver um site enorme, precisará pensar mais sobre o que seus usuários precisam ver e qual a melhor forma de exibir esse conteúdo.

Depois de ter um design com o qual esteja satisfeito, não fará mal nenhum pedir a algumas pessoas que o experimentem e lhe dêem feedback. Se você realmente quer tornar o menu do seu site utilizável, você pode realizar testes de usuário baseados em tarefas. De qualquer forma, certifique-se de que o menu do seu site funcione para os usuários e proporcione-lhes uma ótima experiência!

Leia mais: SEO holístico: melhore todos os aspectos do seu site »

Últimas

Navigating The SEO Career Landscape: Degrees, Myths, And Realities

In the dynamic realm of search engine optimization...

O que é inventário de anúncios e por que é importante?

Temos escrito muito sobre o inventário de anúncios...

Google anuncia acordo para mostrar mais conteúdo do Reddit

O Google anunciou um acordo com o Reddit...

10web da Armênia traz construção de sites de IA para WordPress

A IA generativa fez um trabalho impressionante ao...

Assine

spot_img

Veja Também

Navigating The SEO Career Landscape: Degrees, Myths, And Realities

In the dynamic realm of search engine optimization...

O que é inventário de anúncios e por que é importante?

Temos escrito muito sobre o inventário de anúncios...

Google anuncia acordo para mostrar mais conteúdo do Reddit

O Google anunciou um acordo com o Reddit...

10web da Armênia traz construção de sites de IA para WordPress

A IA generativa fez um trabalho impressionante ao...

Locker organiza seus links de compras em listas de desejos virtuais e colagens

Depois de anos copiando e colando links de...
spot_img

Navigating The SEO Career Landscape: Degrees, Myths, And Realities

In the dynamic realm of search engine optimization (SEO), my career spans nearly two decades, starting in 2004 when I started working for...

O que é inventário de anúncios e por que é importante?

Temos escrito muito sobre o inventário de anúncios ao longo dos anos neste blog, mas você já pensou por que esse termo publicitário...

Google anuncia acordo para mostrar mais conteúdo do Reddit

O Google anunciou um acordo com o Reddit para obter acesso em tempo real a todo o seu conteúdo, para que o Google...