Como você reagiria se eu lhe dissesse que todo o propósito da barra de navegação e da barra lateral do seu blog ou site é maximizar suas conversões? Você concordaria?
Bem, eu estou dizendo isso!
Sim, a navegação serve para ajudar as pessoas a se locomoverem pelas diferentes áreas do seu site, mas o principal é ajudá-las a serem direcionadas para o seu produto ou formulário de inscrição.
Neste post, vou analisar por que sua navegação precisa focar em gerar conversões e não apenas em ajudar as pessoas a navegarem.
Uma rápida olhada na navegação de sites e blogs
Antes de começar a mudar tudo, devemos dar uma olhada rápida no que realmente significa o termo “navegação”. Basicamente, estou me referindo a estas coisas:
- Seu menu
O menu é a parte do site, geralmente horizontal e no topo, que direciona as pessoas para o seu conteúdo principal. Para blogueiros, isso representa suas PÁGINAS em oposição aos seus POSTS. - Sua barra lateral
A próxima parte da sua navegação é a barra lateral e isso inclui coisas como suas categorias, posts recentes e talvez posts populares. Ela também leva as pessoas aos seus produtos mais recentes, área de inscrição e assim por diante. E caso você esteja interessado, criei um guia completo e aprofundado sobre como adicionar e editar a barra lateral do seu blog WordPress. - Seu rodapé
Muitos blogs e sites agora empregam um rodapé super incrível e enorme que contém um monte de coisas, incluindo tudo o que foi mencionado acima, bem como mídias sociais, formulários de contato, etc. - Navegação dentro do post
Todos os hiperlinks que você coloca em seu post para posts anteriores incríveis como este, bem como links para outros sites e blogs.
Tradicionalmente, designers web e blogueiros projetam essas áreas com o objetivo de ajudar as pessoas a se locomoverem por diferentes seções do site. Mas, eu gostaria de desafiar essa ideia (um pouco) e sugerir que talvez ela também deva servir para converter esses leitores em assinantes, fãs ou clientes. É sobre isso que este post trata.
Então, como o menu e a navegação devem funcionar?
Ok, então como tudo isso deve funcionar? Aqui estão algumas ideias.
1. Torne-o um funil, sempre que possível
Você se lembra o que é um funil? Falei sobre isso algumas vezes aqui e no Problogger.
Basicamente, a ideia é que você crie uma série de posts, posts de convidados e assim por diante que direcionam as pessoas de volta para uma página de vendas, página de captura ou formulário de inscrição. Isso funcionaria melhor com links dentro do post e links na barra lateral, e é feito por muitos blogueiros de muito sucesso.
2. Tenha um objetivo específico
Sua navegação precisa ter um objetivo específico. Você está tentando fazer as pessoas se inscreverem na sua lista de e-mails ou está apenas tentando fazê-las navegar por todo o seu conteúdo sem um motivo particular?
Tudo o que você faz em seu blog tem que fazer parte de uma estratégia abrangente. Claro, essa estratégia pode mudar de tempos em tempos com base em suas ideias e inovações, mas ela precisa ter um objetivo.
Na minha opinião, todos os blogs e sites de negócios devem ter como objetivo conseguir o máximo possível de assinantes de e-mail leais. É incrível o que você pode fazer com uma lista de e-mails.
3. Utilize páginas de destino
Uma página de destino, página de captura ou splash page é qualquer área do seu site onde você incentiva gentilmente as pessoas a avançarem para uma inscrição ou uma venda. Aqui está um bom exemplo da Digital Photography School do Darren, onde ele está tentando vender um eBook.
Sua navegação deve incluir referências regulares às suas páginas de destino. Você pode fazer isso no meio do conteúdo ou adicionar locais específicos entre o conteúdo ou no próprio menu. Por exemplo, se você tiver um menu suspenso, pode querer adicionar links para suas diferentes páginas de destino para as seções relevantes.
4. Mantenha a naturalidade
As referências e os links devem fazer parte do fluxo natural do blog. Você não está tentando vender nada à força aqui, você está tentando fazer com que eles deem mais um passo porque eles já gostam muito do que você está fazendo. Certifique-se de que flua.
Uma maneira de fazer isso é utilizar plugins como What Would Seth Godin Do para deixar uma mensagem estilizada para os leitores no topo de cada categoria diferente.
Você consegue pensar em outras?
A ideia de tornar sua navegação mais focada em conversões do que em navegação é realmente interessante para mim. Você consegue pensar em outras maneiras de aprimorar a "convertibilidade" de uma barra de navegação ou menu em um blog ou site. Por favor, deixe um comentário e me diga.
Leia também nosso guia sobre como iniciar um blog e ganhar dinheiro.
Oi BT,
Bem, esta é uma mudança ser a primeira nos comentários, então vamos lá. Parece que me faltam habilidades de conversão no site, eu me envolvo facilmente com meus leitores no fb e os números têm crescido e as estatísticas estão boas (para uma nova mãe blogueira que está aprendendo da maneira mais difícil conforme avança), mas o site representa cerca de 10% do número de seguidores da página do fb.
Ainda não tenho um produto, mas gostaria de mais assinantes, não tenho certeza onde estou errando. Seguirei os comentários com interesse….
tchau lisa
PS Me disseram que eu NUNCA DEVO MUDAR os nomes das minhas páginas, por exemplo, tenho "Blog" que eu gostaria de mudar para "Início"
também
Me disseram que não posso colocar um post em mais de uma categoria, isso é verdade?
ciao novamente
Onde você ouviu isso e qual foi o motivo?
Fui informada disso pelo nosso guru da web que está configurando um novo site para o meu marido. Ele disse que isso atrapalhava o SEO... enviei por e-mail para você as informações que ele nos enviou.
ciao lisa
Recebi seu e-mail. Ele pareceu um pouco irritado?
Ele sempre parece um pouco irritado, acho difícil trabalhar com ele, pois ele é muito técnico, meu marido tem um senso de humor semelhante, então ele responde diretamente.
Você tem alguma sugestão de pessoas "iniciantes" com quem eu possa trabalhar? Iremos para a Itália muito em breve e eu adoraria desenvolver o site ainda mais, mas estou um pouco intimidada agora para fazer qualquer alteração... fez sentido para você? ciao lisa
Legal
Eu também seguiria a regra de Steve Jobs do ‘poder do três’ quando se trata de navegação no topo da página. Mais de três abas criam confusão e indecisão. Mantenha simples, óbvio e voltado para a conversão. Uma página simples de Sobre pode ainda converter com formulários de opt-in no post e contornos claros dos benefícios para os visitantes.
Interessante. O site da Apple não é assim, então...?
Acho a otimização da taxa de conversão fascinante, porque há uma mistura de psicologia e práticas comerciais práticas.
Quando se trata de menus, passo uma quantidade excessiva de tempo tentando decidir qual deve ser a ordem dos itens do menu. Mudei o site usual que linko neste comentário, de meu site pessoal para meu portfólio de web design. Só para que eu possa usar meu site como exemplo. Meu objetivo de conversão era fazer com que os usuários preenchessem o formulário de contato e agendassem uma consulta inicial.
Enquanto eu organizava a ordem dos itens do menu no meu site da esquerda para a direita, eu imaginava o “funil de vendas” pelo qual eu queria levar os potenciais clientes.
1) Portfólio. A primeira coisa que um cliente quer ver é o que você pode fazer, então fiz este o primeiro item, depois da página “Início”.
2) Serviços. Neste ponto, o cliente quer detalhes. “O que exatamente você pode fazer por mim?” é o que ele está pensando. Reescrevi as subpáginas desta seção tantas vezes, tornando-as mais não técnicas em cada rascunho.
É fácil cair na armadilha de escrever para seus colegas profissionais, não para seu público real, que provavelmente não terá o mesmo nível de compreensão do que você faz.
3) Sobre. Agora o cliente está interessado em mim. Uma espécie de golpe no ego, saber que o cliente só se importa com você DEPOIS que ele pode ver o que você pode fazer em seu portfólio e saber sobre seus serviços.
Eu dou uma breve visão geral da minha filosofia. Em seguida, descrevo a mim mesmo, usando o máximo de indicadores de credibilidade possível, por exemplo, tenho formação universitária em web design, construí um site para uma organização sem fins lucrativos bem conhecida, etc. Também adicionei uma foto minha, para colocar um rosto no negócio.
4) Contato. Este é o meu chamado para ação número 1. Quero que o cliente fique impressionado com meu portfólio, goste da maneira não técnica como escrevo sobre meus serviços e sinta que pode trabalhar comigo depois de ler minha página “Sobre”.
Isso pode ser exagero, mas tentei otimizar meu formulário de contato para conversão também. O primeiro rascunho do formulário de contato tinha 3 campos genéricos: nome, e-mail e mensagem.
O problema era que eu recebia muitas perguntas vagas de pessoas que realmente ainda não sabiam o que queriam em um site.
Então, reescrevi o formulário de contato. Criei uma seção de múltipla escolha onde descrevi os diferentes tipos de sites que minha equipe pode construir. São botões de rádio, e o cliente pode escolher apenas uma opção. Inicialmente, eu tinha faixas de preço anexadas a essas descrições também. Mas isso afastou muitas pessoas, então removi os preços.
Em vez de um título geral "mensagem" para esse campo, coloquei "descreva seu projeto".
Depois de fazer essas alterações, as consultas que recebi foram muito mais direcionadas e qualificadas.
Outra coisa que devo mencionar é que usei um prompt para fazer brainstorming da minha cópia de vendas nas minhas páginas de "Serviços" e na página "Sobre". Escrevi perguntas que potenciais clientes fariam, suas preocupações e receios. Então, respondi a elas com minha cópia de vendas.
Assim que finalizei minha cópia de vendas, eu ia remover as perguntas. Mas enviei o site para outros web designers que conheço, para obter o feedback deles. Todos eles disseram que gostaram de ler esses subtítulos, de perguntas escritas na voz do cliente. Então, no final, eu os mantive.
Para conversões, acho que ajuda muito pensar nisso no início, antes de começar a construir seu site ou blog. Escolha uma chamada para ação prioritária, como fazer alguém preencher o formulário de contato, assinar minha newsletter, etc.
Em seguida, mapeie todas as etapas que seus usuários farão em seu site para chegar a essa chamada para ação.
Quanto ao meu funil de vendas, é a maneira como ordenei as páginas do meu site, levando ao formulário de contato.
Você tem que estar preparado para a possibilidade de que a primeira página em que seus usuários pousarem não seja a página inicial. Por esse motivo, tenho botões em minhas páginas de "Serviços" e na página "Sobre" que estão rotulados como "Começar". Todos eles levam ao formulário de contato.
Um ótimo livro para ler é "Não me faça pensar!" de Steve Krug. É sobre usabilidade, mas tornar seu site mais amigável é altamente relevante para otimizar para conversões.
Espero não parecer muito autopromocional. Eu mesmo ainda estou aprendendo muito sobre essas coisas. Gostaria de ressaltar que todas essas descobertas foram o resultado do feedback de colegas designers e clientes. Parafraseando uma citação do boxe, "Nenhum plano de negócios sobrevive ao primeiro contato com o cliente."
Se eu não tivesse solicitado opiniões, meu site teria sido carregado com jargões técnicos e design colorido. Mas a maioria dos meus clientes eram pequenas empresas que apenas queriam alguém para explicar essas coisas da Internet para eles em linguagem simples, e que valorizavam a confiabilidade em vez da criatividade. Como resultado, restrinji as cores e me concentrei em parecer profissional e elegante.
Ótimo ler o que você tinha a dizer sobre este assunto, Blog Tyrant!
Oi Marcus, adorei o nível de detalhe no seu comentário. Você realmente testou suas alterações (usando o Google Website Optimizer ou algo semelhante), ou apenas as fez e viu?
Eu hesitaria que #2 Tenha um Objetivo Específico deveria ser #1! Fazer os usuários clicarem no funil é apenas um objetivo, afinal. É incrível quantas pessoas não têm objetivos específicos para seus sites.
Oi Rowan,
Fico feliz que você achou meu comentário útil! Eu era realmente old-school nos meus testes, enviando meu site para amigos e obtendo suas opiniões.
Em uma iteração anterior, meu site tinha uma cor verde-água, azul-esverdeada. Mas os usuários me disseram que isso os lembrava do remédio para tosse NyQuil e os deixava doentes. Agora, isso é algo que um programa de análise não vai te dizer. Ha ha! Mudei a cor para um azul mais escuro.
Para futuros sites, planejo usar o Google Website Optimizer e fazer testes A/B adequados.
A propósito, ótimo blog! Gostei da sua descrição de “A Decisão de Compra”.
Marcus, eu acho que você precisa de um logo bom e sólido para sua marca.
Sim, definitivamente. Para o meu próximo site, tenho pesquisado em alguns dos meus fóruns favoritos de marketing na Internet por contatos de designers de logo bons e com preço razoável.
Ironicamente, a parte mais difícil do processo agora não é encontrar um designer – há muito talento bom por aí – mas sim encontrar um bom nome de domínio que esteja disponível.
Um nome legal se presta melhor a um logo. Alguns nomes são mais fáceis de traduzir visualmente do que outros. Por exemplo, Xobni vs. Digg. O último nome evoca instantaneamente imagens de pás e de desenterrar algo. Mas o primeiro: o que um “Xobni” deveria parecer?
Se você ou seus leitores conhecerem algum bom site para encontrar designers de logo, eu agradeceria suas sugestões.
Marcus, esse é provavelmente o melhor comentário da história.
Uau, obrigado Blog Tyrant. Vindo de você, isso significa muito.
Sempre me preocupo que meus comentários sejam muito longos. Ha ha! Acredite ou não, toda vez que começo pensando que vou apenas escrever um comentário curto.
Mas enquanto escrevo, começo a pensar em outras ideias, livros e sites que realmente ajudariam seus leitores, e acabo tentando incluir tudo.
Cara, eu realmente gosto deles. Significa muito porque pelo menos sei que alguém lê o lixo que eu escrevo!
Marcus, muito obrigado por dedicar tempo para responder com tanto detalhe. Acabei de olhar minha página de contato e agora vejo tantas maneiras de incentivar meus leitores a entrar em contato conosco, por exemplo, para apresentar suas reformas italianas ou com histórias ou perguntas de reforma…
obrigado novamente
ciao lisa
Oi Lisa,
De nada! Feliz que você achou meu comentário útil.
Foi um exercício interessante otimizar o formulário de contato do meu site. Com o seu site da Itália, oferecer essas opções aos seus leitores pode até dar a eles ideias que não haviam pensado.
Alguns exemplos:
– “Nossa, eu não sabia que a Lisa oferecia serviços de consultoria para se mudar para a Itália.”
– “Legal! A Lisa diz que pode me indicar agentes imobiliários e proprietários.”
– “Onde a Lisa conseguiu aqueles móveis fabulosos? Ah! Ela diz que posso enviar um e-mail para ela para obter os nomes das lojas de onde ela compra.”
No mínimo, isso dará aos leitores mais incentivo para te enviar uma mensagem. Na melhor das hipóteses, isso pode até levar a oportunidades de ganhar dinheiro também :)
Discussão muito boa.
Otimização da taxa de conversão é uma área incrível. Eu amo isso.
A propósito, seu cabeçalho não é mais clicável?
Também notei que você removeu seu widget do Facebook. Você não acha que isso ajuda com prova social?
Apenas testando algumas coisas novas, meu querido. Avisarei como está indo.
BT,
Ótima postagem. Eu acrescentaria que essa conversão é algo que você deve testar, testar, testar.
Já que essa é a única maneira de realmente e verdadeiramente saber como suas ações estão afetando suas conversões.
Com certeza! Testar é muito chato, mas muito necessário.
Eu amo esse plugin do Seth Godin, tive mais sucesso com ele do que com o Popup Domination. Obrigado BT
Sério? Uau. É bom saber.
Achei impossível cancelar a inscrição do seu blog Blog Tyrant. POR FAVOR, cancele minha inscrição.
Oi Jeremy. Desculpe por isso. Que problema você teve? Há um link de cancelamento em todos os e-mails.
É exatamente assim que eu projetei a navegação para http://whooshtraffic.com.
Os visitantes querem saber...
* sobre a empresa
* quais serviços são oferecidos
* quanto custam
* como contatar vendas ou suporte
* como fazer login na conta
Na verdade, todo o site é projetado para direcionar os visitantes a uma de três páginas, dependendo de suas necessidades:
1) http://whooshtraffic.com/plans-pricing-link-building-service/ para se inscrever no rastreador de classificação
3) http://whooshtraffic.com/wordpress-developer/
“Escolha um objetivo específico. Projete para isso.”
Parece fantástico Brian. Ótimo trabalho!
Obrigado, BT! Foi um projeto *muito* divertido de trabalhar 🙂
Hmm... algo estranho aconteceu com meu comentário. Acho que foi por causa das setas que usei. Deveria dizer:
É exatamente assim que eu projetei a navegação para http://whooshtraffic.com.
Os visitantes querem saber...
* sobre a empresa
* quais serviços são oferecidos
* quanto custam
* como contatar vendas ou suporte
* como fazer login na conta
Na verdade, todo o site é projetado para direcionar os visitantes a uma de três páginas, dependendo de suas necessidades:
1) http://whooshtraffic.com/plans-pricing-link-building-service/ para se inscrever no serviço de link building
2) http://whooshtraffic.com/plans-pricing/rank-tracker/ para se inscrever no rastreador de classificação
3) http://whooshtraffic.com/wordpress-developer/ para solicitar um orçamento de desenvolvimento WordPress.
Eu até incluí navegação extra na barra lateral da página de contato (http://whooshtraffic.com/contact/) para direcionar os visitantes a um FAQ. Isso tem um benefício triplo:
1) O suporte ao cliente é reduzido, o que permite…
2) Mais tempo para ser gasto em aquisição/desenvolvimento de clientes e desenvolvimento de software, e…
3) Leva os visitantes à página de planos e preços mais rapidamente.
Seu conselho está certíssimo: “Escolha um objetivo específico. Projete para isso.”
Saudações Blog Tyrant!
Sou novo neste site, mas já li algumas páginas e tenho que dizer que estou muito impressionado. Eu ia deixar um comentário em uma postagem anterior (sobre comentários, curiosamente), mas os comentários estavam desativados.
Então, se você não se importa, gostaria de fazer algumas perguntas aqui. Algumas podem estar um pouco fora do tópico, pois estou concentrando tudo em um único comentário.
1. Você acha que é possível exagerar com tags (10-20?) e categorias (3-5 para algumas postagens)? Ou é melhor manter as coisas curtas e diretas? Muitas vezes acho difícil fixar minhas postagens em apenas 1 categoria e geralmente quero colocar o máximo de tags "relevantes" possível para que, esperançosamente, sejam encontradas por alguém pesquisando no Google.
2. Você acha que esses formulários pop-up de inscrição por e-mail são mais benéficos ou perigosos para a reputação de um site? Pessoalmente, acho-os irritantes e incômodos, mas não tenho a experiência de longevidade na Blogosfera para saber como isso afeta a maioria dos leitores.
3. e certeiro! Fiz várias alterações no layout da minha barra lateral pensando no usuário, preocupando-me com coisas como apelo visual e praticidade.
Terminarei por aqui na esperança de que você possa responder ou pelo menos oferecer alguma orientação a uma “criança da Blogosfera” 😉
Aguardo ansiosamente sua resposta.
mús
“Comece de dentro para fora, e você não ficará sem nada” – lógica do alce
Olá, Mus.
Sim, desativo os comentários após 30 dias para controlar spam, mas também parece fazer com que os artigos pareçam mais escassos e, na verdade, aumenta os comentários em novos artigos.
Respostas:
1. Sim, tente mantê-lo em uma categoria e torne suas tags relevantes para as palavras-chave que você está segmentando para SEO. Confira minha página de recursos e clique em Market Samurai para o melhor software para isso. Dê uma olhada no Huffington Post, embora eles gostem de 40 tags por artigo.
2. Pop-ups podem ser irritantes, mas não tive nenhuma reclamação sobre este e ele trouxe cerca de 1000 assinantes este ano. Não posso reclamar! Novamente, página de recursos e Pop Up Domination.
Espero que isso ajude.
BT