Seu menu ainda é uma das principais formas de navegação do tráfego em seu site. Decidir o que colocar nele, no entanto, pode ser um pouco mais complicado do que se pensava inicialmente.
Nos tempos antigos, um site tinha quatro links principais: Sobre, Blog, Contato e um botão Início. Mas à medida que a tecnologia melhora e muda, agora é possível fazer muito mais com o humilde menu.
Hoje vou mostrar algumas coisas que tenho testado em meus próprios menus, bem como alguns exemplos interessantes da web. Espero que ajudem você a criar um menu um pouco mais eficaz.
Qual é o propósito real de um menu?
Pode parecer óbvio para alguns, mas quando realmente me sentei para pensar sobre o que eu precisava no meu menu, descobri que a pergunta era um pouco mais difícil do que o esperado.
Por exemplo, todos os posts que escrevo são preenchidos com links dentro do post que enviam as pessoas para artigos relevantes que (esperançosamente) as ajudarão, pois estão relacionados aos termos de pesquisa sobre os quais estão lendo.
Então, se todos os links importantes estão lá em qualquer post, para que preciso do menu?
Isso me fez pensar que talvez fosse menos sobre fazer as pessoas se moverem pelo site e mais sobre enviá-las em uma direção específica que as ajudasse a alcançar certos resultados com base nos objetivos do meu blog.
E isso nos leva ao próximo ponto.
Definindo alguns objetivos para o seu menu
Antes de decidir o que adicionar ao seu menu, é muito importante definir alguns objetivos.
E os objetivos que você tem para o seu menu estarão intimamente alinhados com os objetivos que você tem para o seu blog e sua estratégia de blog como um todo.
Se você não sabe o que está tentando alcançar em seu site como um todo, não há como seu menu ser eficaz.
Então, quais resultados estamos procurando no menu?
- Fazer as pessoas entrarem em contato
Se você é um negócio físico como um fisioterapeuta ou um mecânico, então uma das funções primárias do seu menu será facilitar o contato das pessoas para marcar um horário. Veremos maneiras de fazer isso abaixo. - Incentivar inscrições
Um blog provavelmente se concentrará em inscrições na lista de e-mails e, como tal, parte do espaço do seu menu deve ser dedicada a facilitar a inscrição das pessoas. - Tornar as pessoas cientes de anúncios
Se você passou meses desenvolvendo uma nova ferramenta ou criando uma conferência, então você quer ter certeza de que isso está presente em um menu, especialmente se você tem anunciado isso pela web. - Esclarecer o local delas no site
Se você tem um site ultra-complicado (pense na Amazon.com), então o menu deve ser dedicado em partes a ajudar as pessoas a entenderem onde elas estão para que não abandonem. Isso também pode funcionar para um processo de checkout ou algum tipo de linha do tempo. - Realizar uma venda direta ou indireta
Realizar uma venda será um propósito principal de muitos menus e pode ser feito promovendo diretamente um produto ou levando as pessoas a uma página de destino ou conteúdo adicional que fará a apresentação.
Quando decidirmos uma meta para o menu com base na estratégia geral do nosso blog, será muito mais fácil criar algo que faça sentido e converta bem.
O que outros sites colocam em seus menus?
O que eu gostaria de fazer agora é mostrar alguns exemplos de todos esses objetivos diferentes em ação, na esperança de que isso lhe dê algumas ideias sobre como estruturar seu próprio menu de forma eficaz.
1. Fazer contato rápido
O primeiro exemplo vem de amigos meus da Reliable PSD, que têm um menu impressionante com grande ênfase em obter um orçamento gratuito para o seu projeto.
A opção "orçamento gratuito" aparece três vezes no menu e é acompanhada por um endereço de e-mail, caso as pessoas queiram fazer contato diretamente sem passar pelo formulário de orçamento. Isso é algo muito inteligente a se fazer em um negócio onde as pessoas querem orçamentos e preços rapidamente.
2. Incentivar inscrições rápidas
Um serviço como o Slack é tão simples e elegante que uma de suas melhores táticas de vendas é apenas fazer as pessoas experimentarem sem perder muito tempo.
Como você pode ver, o menu deles é simples e tem uma grande ênfase em um objetivo: criar uma nova equipe. Essencialmente, eles estão pedindo às pessoas que experimentem e façam com que seus amigos ou colegas façam o mesmo.
A partir desse link, você apenas insere seu e-mail e está praticamente pronto para começar. É uma maneira brilhante de fazer as pessoas usarem o serviço rapidamente antes que muitos abandonos ocorram devido a múltiplas navegações ou explicações.
3. Fazer anúncios
Um bom exemplo de um site complicado com um bom menu é a ASOS, que, no momento, tem um anúncio de uma liquidação que está acontecendo na loja online.
Como você pode ver, o menu divide a loja em Mulheres e Homens de forma bastante clara e usa uma cor muito distinta para mostrar que há uma liquidação. É impossível não notar. Esta é uma boa ideia para se ter em mente para nossos próprios menus – às vezes, você precisa de um contraste de cores para chamar a atenção para algo.
Eu tentei fazer algo semelhante no canto superior direito do Blog Tyrant, pois a cor muda quando você rola a partir da posição mais alta.
Outro exemplo muito inteligente de um anúncio está na Popular Mechanics no momento.
Eles transformaram todo o cabeçalho em uma animação de Eclipse Solar e adicionaram um grande link abaixo dele, que leva a um guia massivo sobre o eclipse deste ano.
Integrar um grande conteúdo com um evento atual é uma maneira muito inteligente de obter backlinks e criar muito burburinho em torno do seu site.
4. Realizar vendas rápidas
Um dos melhores menus aos quais sempre volto é o Smart Passive Income de Pat Flynn, que tem um gráfico incrível e em movimento de seus ganhos, além de links inteligentes para produtos e áreas de conteúdo importantes.
Pat foi um dos primeiros a testar e a pioneira do link “Novo? Comece aqui” no menu e tem funcionado muito bem para ele. Ele também agora tem uma seleção estendida de produtos que você pode comprar ali mesmo, sem ter que procurar.
Uma coisa que me impressiona neste menu é como você pode quase decifrar toda a marca do Pat apenas pelo que aparece na área de navegação superior. Tudo o que você precisa saber ou fazer está nesse único lugar.
Lembre-se, existe mais de um menu
É bom lembrar que muitas vezes existe mais de um menu em qualquer blog ou site e, graças à tecnologia móvel, muitas vezes há um menu separado para dispositivos móveis.
Isso é importante de se pensar porque muitas vezes você descobrirá que o recurso que deseja adicionar ao menu principal do seu desktop pode ser totalmente diferente para algo que as pessoas farão em dispositivos móveis.
Por exemplo, se você tem algum software ou produto que só funciona em um computador desktop, então provavelmente não é ideal dedicar uma grande promoção no menu a ele. Em vez disso, pode ser melhor promover sua lista de e-mails, gerar interesse e ter uma abordagem de longo prazo para a venda.
Além disso, muitos dos exemplos que examinei tinham itens de submenu e até alguns “ovos de Páscoa” ocultos que podem tornar tudo um pouco mais emocionante. Você pode decidir que precisa de mais de um menu em diferentes lugares de uma página ou em páginas diferentes.
Como tornar seu menu melhor
Depois de descobrir o que você quer colocar em seu menu, você pode precisar de um pouco de ajuda para integrar novos recursos e realmente dar vida a ele.
Se você estiver em uma configuração WordPress auto-hospedada, há muitas coisas que você pode fazer com um menu, além da capacidade do WordPress de criar e editar menus para qualquer tema que você use.
Por exemplo, um plugin como o UberMenu permitirá que você crie mega menus enormes com menus deslizantes, códigos e mapas integrados, botões, etc., o que pode ser muito útil se você tiver um plano para algo diferente.
Mas se você não quiser seguir esse caminho complicado, você sempre pode simplificar sua navegação para um objetivo específico e remover toda a desordem. Isso é algo que venho testando esporadicamente há um tempo e realmente acho que funcionou.
O que quer que você acabe fazendo, certifique-se de testá-lo para si mesmo para garantir que ele esteja obtendo resultados positivos reais, em vez de apenas um bom design e sensação.
Você já fez algo diferente com seu menu? Adoraria saber nos comentários abaixo.
Interessante, Ramsay! Quando seu e-mail chegou à minha caixa de entrada, foi exatamente o que eu estava pensando. Há alguns meses, reformulei o menu do meu blog, percebendo que muito dele não era tão útil/relevante quanto antes. Eu o minimizei e o layout definitivamente ficou melhor. Então, alguns meses atrás, removi a barra lateral, mantendo apenas o essencial sob o cabeçalho. E hoje, estou pensando novamente em como posso melhorá-lo. Vou ler os links internos na postagem!
Eu sigo seu blog há uma eternidade em anos de internet 😀
Que bom ver você de novo, Vidya! Dei uma olhada e seu primeiro comentário foi em 2011! Isso é incrível.
Assim como Vidya, eu também tenho pensado no que fazer com meu site. Ele precisa de uma repaginada e a seção de menu seria um bom lugar para começar. Eu também simplifiquei a aparência do meu site eliminando as barras laterais, etc.
Agora vou conferir os links no seu artigo!
Espero que ajude!
Ramsay, ótimo artigo, um ponto importante para blogueiros sérios considerarem. Tenho 2 menus no meu site, ambos servem a propósitos diferentes, um no topo, um na lateral.
Ótimo ponto que o blogueiro deve pensar cuidadosamente sobre esses 4 ou 5 itens principais no menu principal sobre os quais ele/ela quer que seus leitores pensem. Estou em um processo de refinar esses itens. Estou olhando os seus Ramsay e eles parecem bem pensados.
Como sempre, ótimo insight, vou compartilhar e curtir.
Agradeço muito esses compartilhamentos. Obrigado.
Brilhante artigo novamente e no momento perfeito (para mim)!
Estou prestes a lançar um novo negócio e provavelmente um novo site!
Parece que conhecemos (e apreciamos) as mesmas pessoas!
Os caras por trás do Reliable psd, David Tendrich e Lou Levit, são co-autores no Millo, um dos principais blogs para freelancers criativos e empreendedores!
Essa é a mágica da internet, 3 continentes diferentes parecem estar tão próximos!
É engraçado como essas coisas funcionam às vezes. Fico feliz que você esteja gostando!
Ótimo post! Posso dizer que AMO o que você fez com os títulos do seu menu? É novo e quero clicar em tudo. Muito bem feito. 😉
Valeu, amigo!
Que momento perfeito! Seu e-mail acabou de chegar e era novo. Nunca tinha ouvido falar que nossos menus de blog são realmente importantes. Obrigado Ramsay! Isso é muito bom.
Obrigado Ellen. Fico feliz que você tenha gostado!
Oi Ramsay,
Estou sempre mexendo no meu menu. Sempre há uma tentação de colocar muitos itens no menu.
Mas acho que, como a pesquisa sempre mostra, 'a simplicidade é o melhor'.
Acho que 5 ou 6 itens de menu ou menos é o melhor. Você foi um passo além com apenas 4 lol.
O paradoxo da escolha – quanto mais opções damos aos nossos visitantes da web, mais confusos eles ficarão.
P.S. Adoro o menu do Pat, é fácil de navegar e o seu é simples e direto ao ponto.
Concordo. Acho que quatro é muito! Ha.
Curso de atualização como sempre Ramsay. Pensei nisso, mas não tinha certeza do que fazer, mas agora tenho uma boa ideia.
A propósito, você pode nos dizer o motivo pelo qual você não usa uma barra lateral no seu blog?
Olá Ramsay,
Ótimo post como sempre.
Cada um desses sites em destaque parece ter criado os menus com base no que estão tentando alcançar. Essa tendência está crescendo, acho.
Em vez de dar às pessoas todas as opções possíveis, os editores mudaram para o minimalismo e estão tentando controlar e garantir exatamente o que seu público verá.
Há menos sinos e assobios nas barras laterais. Estou bem com essa ideia. Afinal, quem sabe qual é o melhor conteúdo em um site para o público, senão os editores?
Vejo como você se livrou da caixa de pesquisa no Blog Tyrant – pensei que fosse um erro. Mas então percebi como isso direciona as pessoas de uma página para outra através dos posts e do próprio conteúdo.
A aparência do Medium e de outros sites semelhantes, também, parece bastante apreciável.
Acho que estamos caminhando para eliminar o caos para o público através do design do site também. Como leitor e parte do público em geral, eu amo essa mudança.
Tenho um post chegando em breve sobre a barra de pesquisa!
São ótimas ideias, Ramsay!
Eu adoraria descobrir como adicionar um formulário de inscrição ao meu menu. Tenho um site WP .com. (Aliás, eles acabaram de adicionar plugins!) Quando os leitores estão no celular, eles não veem a barra lateral com a inscrição até chegarem ao final de dez posts.
Eu recomendaria adicionar uma página de destino ao seu menu mostrando especificamente os benefícios da sua lista de e-mails. Isso resolve ambos os problemas.
Ótimo Artigo Ramsay.. Obrigado por nos fornecer tantos recursos úteis.
De nada!
Itens acionáveis no meu menu. Minha resposta usual ao ler seus blogs é 'gah, isso é útil' e então eu olho para cima e você tem seu clique acionável em seu menu também – boom vitória instantânea – obrigado!
Eu tenho focado tanto fora do site – que eu não tinha considerado meu menu como um lugar para ganhar 'cliques úteis'… Outro blog perfeitamente cronometrado.
Para mim – Fora da navegação, robôs, robôs e sempre pensando em como o robô está olhando para minha página – O menu sempre pareceu ser suficiente por ser muito direto… agora depois de ler seu conteúdo e de outros – sinto que meu 'conteúdo' precisa de uma página de destino – apenas não tinha certeza onde ele se encaixava na pirâmide.
A ideia de construir aquele menu estilo ASOS.com parece – extremamente eficaz agora com um 'categoria/blog' crescente – e eu tenho meio que me perguntando como apresentar isso sem o usual – boom aqui está o blog. Então, eu aprecio esse link.
Obrigado novamente Blogtyrant. Mais uma peça de conteúdo extremamente potente para enviar a todos os meus amigos e clientes – Continue assim, cara. Eu aprecio muito o sucesso que você me ajudou a gerar!
De alguma forma, quando me pego pensando para onde meu salto está indo, e constantemente me questionando, você meio que APARECE.
Se alguém está se perguntando se deve se inscrever – apenas faça!
Obrigado!
TylerG
Esse é um comentário muito gentil, Tyler. Muito obrigado.
Oi Ramsay,
Ótimo post como sempre!
Assim como você, eu preencho meus posts de blog com links internos que enviam as pessoas para artigos relevantes. Isso torna o botão de busca redundante? Eu não acho. Isso torna a seção de menu inútil? Talvez. Acho que o júri ainda está definitivamente fora sobre isso :)
Mas falando sério, embora eu tenha começado meu blog atual em junho, eu brinquei com a seção de menu, a seção de categorias e a barra lateral algumas vezes. Meu objetivo é um blog que grita qualidade, com uma seção de menu tão irresistível quanto filhotes. Espero ter conseguido isso tanto pelo layout do meu blog quanto pela forma como a seção de menu está organizada.
Obrigado por abrir esta conversa, que precisa acontecer.
Atenciosamente,
Pedro
Eu não sou fã da função de busca do meu blog. Tenho um post chegando sobre isso em breve.
Conteúdo educacional fantástico, como sempre, Ramsay. Adoro sua ideia de alinhar o objetivo do seu menu com o objetivo do seu blog, em vez de apenas funcionar como uma ferramenta de navegação simples.
Obrigado, Melanie!
Olá Ramsay,
No início da postagem, você mencionou que falaria sobre alguns dos testes que fez com seu menu. No entanto, há apenas uma menção curta de algo que você fez. Você esqueceu essa parte? Ou foi só isso?
Tentei um menu suspenso há cerca de uma década em um dos meus sites. (Acho que agora são chamados de “mega menus”.) Várias pessoas ficaram incomodadas com isso, então voltei a algo semelhante ao que você tem. Eu realmente não entendo por que as pessoas os amam agora. Pessoalmente, acho-os irritantes (por causa do passo extra para clicar). Eu também acho alguns deles confusos.
O site de Pat Flynn é interessante porque seu design atual foi uma resposta às pessoas que tinham dificuldade em encontrar coisas no site antigo. Bem, eu argumentaria que seu design atual (embora bonito) torna muito mais difícil encontrar coisas. Por exemplo, levei alguns dias após o lançamento para encontrar onde estavam os podcasts antigos. E há um tempo, tive que recorrer a uma pesquisa no Google para encontrar uma postagem antiga porque o recurso de pesquisa dele é (ou era) tão ruim.
Olá Matt.
Honestamente, eu esqueci totalmente de adicionar essa seção no final. Eu sabia que parecia terminar abruptamente. Vou fazer isso agora! Obrigado.
Eu me pergunto se o problema com o do Pat é menos sobre o menu e mais sobre ele enfatizar conteúdo novo? Poderia ser uma questão de design em vez de função?
Oi mano
Sugira-me qual tema é mais eficaz para um site de notícias
Obrigado
Dê uma olhada em temas como Unicon ou Genesis.
Mano, tema grátis
Postagem detalhada como sempre.
Menus de navegação são uma parte muito importante de qualquer site ou blog. Eles ajudam o público a acessar facilmente o blog com facilidade.
Obrigado.
Obrigado por esta postagem, Ramsay.
É ótima e direta ao ponto. Você não apenas mencionou, mas deu o exemplo, o que é muito bom da sua parte.
Estou olhando para o seu menu agora, e ele está cantando uma música, intitulada 'melhoria!'
Quando se trata de arranjo de menus, sempre acreditei que 'menos é muito melhor', pois funciona para mim também.
Notei que é muito fácil para os webmasters negligenciarem o 'valor' de um arranjo de menu adequado.
Mas, não importa o que façamos; no final, a simplicidade sempre vencerá.
Obrigado pelo ótimo comentário!
Oi Ramsay,
Na verdade, brinquei com meus menus várias vezes e meu blog nem tem um ano.
Quando comecei, acho que tinha 13 itens em um menu superior e inferior.
Agora tenho apenas um menu inferior. Ainda acho que tenho muitos links e opções para as pessoas.
Adoro como você reduziu o seu a apenas 4 itens.
Talvez um dia eu perceba como realmente quero que o meu fique? Quem sabe, estou constantemente ajustando isso e aquilo no meu blog.
Tenha um ótimo dia 🙂
Susan
Olá Ramsay,
Menus de navegação são realmente úteis hoje em dia, todos os blogs estão agora tendendo a tê-los.
As etapas que você mencionou aqui ajudarão muito a personalizar os menus do nosso site.
Obrigado pelo compartilhamento.
Shantanu.
Eu pensei que era a única pessoa que considerava o menu mais complicado do que as pessoas deixam transparecer, até que esta postagem chegou à minha caixa de entrada! Muito obrigado por suas ideias.
Ramsey,
Eu tenho um tema gratuito do WordPress. Como faço para criar uma aba de navegação no meu site para o meu blog? O endereço http://www.MyWordOnTheWord.com leva ao meu blog.
http://www.MyWordOnTheWord.com/home/ leva à minha página de Boas-vindas! Mas na página de Boas-vindas! e nas outras páginas, não há aba de navegação para o blog. Sim, há Posts Recentes na barra lateral. Mas eu gostaria de ter uma aba para My Word.
Isso é possível para uma pessoa totalmente leiga em tecnologia?
Obrigado pelas dicas, Ramsay. Mudei-me recentemente, tanto no meu mundo virtual quanto no físico, então não tive tempo de mexer muito no meu menu desde que mudei para o Squarespace. Mas fiquei feliz em ver este e-mail porque preciso fazer algumas alterações. E preciso descobrir quais são os meus objetivos! Estou em uma fase de transição, então parece que terei que resolver isso primeiro. Obrigado novamente pelas informações úteis. Sempre anoto mentalmente essas postagens e volto para estudá-las mais a fundo.