Como fazer um blog perfeito: 15 elementos para construir o layout ideal (e mais 7 para você evitar a todo custo!)

Você gostaria de saber como fazer um blog perfeito para tirar você da zona de esquecimento na internet?

Aposto que sim!

No entanto, a tarefa não é tão simples quanto parece, já que o número de novos blogs e, respectivamente, o número de publicações que surgem todos os dias não para de aumentar.

Mais de 3 milhões de artigos foram postados no dia em que escrevo este texto para você, de acordo com o contador da Worldometers.

Este fenômeno possui um explicação bastante simples.

Um blog é mais que um site na internet. Para algumas pessoas ele é a maior chance de conquistar a liberdade financeira, unir propósito e trabalho e ser reconhecido como autoridade.

Sem falar no enorme potencial para ajudar outras pessoas.

E claro, se cada vez mais e mais pessoas desejam produzir conteúdos e publicá-los na internet, mais e mais materiais estão circulando pela web e consequentemente competindo pela atenção dos leitores.

Certamente que nem todos os blogs existentes são bons exemplos de qualidade memorável.

A verdade é que há muito lixo espalhado pela web.

Ainda assim, produzir um conteúdo melhor do que o da sua concorrência não é o bastante para ganhar destaque nesse mar de publicações diárias.

No post anterior, falei sobre como criar um blog de sucesso, desde o completo zero até o momento do lançamento.

Se você deseja fazer um blog, recomendo a leitura. Através de guia completo e com passos simples, você poderá começar a sua jornada como empreendedor digital.

E mesmo que seu blog já esteja no ar, esse material pode ser bastante útil para validar algumas estratégias e atestar se você está no caminho do sucesso ou do fracasso.

Neste segundo artigo da série sobre “como fazer um blog”, quero falar com você sobre um dos mitos da internet que afirma que o conteúdo é rei.

Eu mesmo sou um grande defensor da Produção de Conteúdos Memoráveis e sei o poder que um conteúdo de qualidade têm para fidelizar leitores e clientes.

No entanto, se um novo visitante chega no seu site, seja através de um link compartilhado nas redes sociais ou por uma busca por um termo no Google, ele ainda não sabe que você produz um conteúdo matador.

E dependendo do que ele encontrar quando entrar em seu blog pela primeira vez, pode nunca descobrir.

Porque você têm apenas 8 segundos para chamar a atenção do novo visitante ou tudo estará perdido.

Quer saber como fazer um blog que cativa os usuários logo na primeira visita? Continue lendo para descobrir:

• Por que você deveria saber como fazer um blog perfeito
• A primeira impressão é a que fica: a anatomia da home page ideal
• Como fazer seu visitante sair correndo do seu blog
• A importância de ter uma identidade visual para seu blog

Por que você deveria saber como fazer um blog perfeito

O Viver de Blog é a razão pela qual eu consegui construir uma empresa bem-sucedida, com uma equipe de 18 pessoas, totalmente virtual e ser reconhecido no mercado de marketing digital como referência.

Muito mais do que um blog, é um negócio digital que só cresce de um ano para outro.

O que começou como um sonho, ainda pequeno se comparado à concorrência, foi crescendo, crescendo até atingir o patamar de mais de 8 milhões de visitas.

Foi o Viver de Blog que me trouxe a oportunidade de palestrar em alguns dos maiores eventos de Marketing Digital, como o RD Summit. Você pode até conferir as palestras aqui abaixo:

Sem falar na gratidão por ter contato com tantas mentes brilhantes que atuam nesse mesmo mercado, com excelência.

Mas principalmente por ter uma base de leitores tão engajados, verdadeiros fãs, que certamente são a maior conquista desses anos todos trabalhando na internet.

Nada disso teria sido possível se eu não tivesse investido tempo e continuasse a investir na busca por excelência, pesquisando as melhores práticas que um blog deveria ter:

• Design
• Conversão
• Captura de email
• Estratégias de tráfego
• Usabilidade
• Growth Hacking
• Marketing de Conteúdo
• Estratégias de venda online

Cada um desses itens possui uma enorme importância para quem deseja saber como fazer um blog perfeito.

Você precisa masterizar cada uma dessas áreas para deixar a sua concorrência comendo poeira. E atrair mais clientes para seu negócio.

Mas hoje eu quero focar em alguns desses aspectos que estão relacionados ao primeiro contato entre o novo visitante e o seu blog.

Vou mostrar a você quais as melhores práticas relacionadas ao design, usabilidade e experiência do usuário.

Você precisa fazer uma ótima primeira impressão se quiser fazer com que o visitante passe a ser um fã engajado e parte de sua audiência.

A primeira impressão é a que fica: a anatomia da home page ideal

Se você acompanha o blog há mais tempo já deve ter me visto citar um estudo da pesquisadora Elizabeth Sillence e sua equipe sobre a desconfiança em websites para a universidade de Nortúmbria.

O estudo é bem simples.

Os participantes deveriam visitar diversos sites e responder se eles pareciam confiáveis ou não.

Um dado surpreendente surgiu deste estudo. Em 94% das vezes que alguém apontou não confiar em um site o motivo foi o mesmo: problemas relacionados ao design da página.

Não ao conteúdo, mas sim à aparência e funcionalidade do site.

Itens que um visitante entra em contato muito antes de ler uma linha de conteúdo ou assistir segundos de um vídeo.

Para um novo visitante, o mais importante é a primeira impressão.

E essa impressão é muito rápida. Mais precisamente 8 segundos.

Ou seja, você precisa saber como fazer um blog da maneira certa para que o visitante confie em seu site em apenas 8 segundos.

Como eu disse, a tarefa não é fácil. Mas tampouco é impossível. Basta apostar nos itens certos no lugar certo.

Seu blog precisa ser atraente, organizado e ainda precisa funcionar corretamente, oferecendo uma ótima experiência ao usuário.

E como causar essa primeira impressão?

Identificação da sua marca

Primeiro, você precisa escolher a paleta de cores mais adequada à sua marca. Veja neste infográfico sobre Psicologia das Cores como fazer um blog com cores adequadas.

Com ela, criar um logotipo e usá-lo no seu site, para quem entrar identificar rapidamente sobre o que é aquele blog e qual(is) assunto(s) irá encontrar nos conteúdos publicados ou em futuras publicações.

Campo de pesquisa

Um dos primeiros itens do menu superior do Viver de Blog é o ícone de uma lupa. E não à toa.

Esse é um conceito de usabilidade importante porque se seu usuário não achar o que deseja no seu site, ele provavelmente sairá dele e nunca mais retornará.

Ao clicar, o campo de pesquisa se expande e o usuário pode digitar o assunto do seu interesse, sem que isso atrapalhe o design clean da nossa página inicial.

Início

Não subestime a aba de “Início” ou “Home” no seu site.

Nem todos os seus novos visitantes sabem que ao clicarem no seu logotipo serão direcionados para a página principal.

E se por algum acaso o seu tema não permite fazer com que o logo seja clicável, você já tem uma outra maneira de dar acesso ao usuário.

No entanto, se o seu template não permite que você faça isso, sugiro que você troque de template de uma vez por todas!

Link direto para seus produtos

Todo negócio precisa gerar lucro para continuar existindo.

Nós publicamos muitos conteúdos gratuitos, mas também oferecemos cursos avançados para quem deseja se aprofundar no mundo do Marketing Digital.

A aba de “Cursos” é uma mudança recente no layout do blog e você pode conferir todo o conteúdo dela aqui

Recomendo que você tenha uma aba como essa em destaque para que os usuários conheçam rapidamente seus produtos e serviços.

Ou pelo menos os produtos afiliados nos quais você confia e trabalha, como fizemos nessa aba de “Ferramentas”(nem todos são links afiliados).

Muito mais eficiente e menos invasivo do que lotar sua página de anúncios.

Espaço para Contato

Você precisa ter uma área de “Contato” em seu blog, em um local de destaque.

Imagine quantas oportunidades de parcerias, negócios e até vendas não serão perdidas se quem entra em seu site não sabe como contatar você.

Sem falar no contato direto com seus leitores.

Nós recebemos muitas mensagens de gratidão de nossa audiência o que nos motiva cada vez mais a entregar mais e mais conteúdos de qualidade.

E muitas dessas mensagens chegam através da nossa área de contato.

Super Captura de Email

Você precisa construir ou aumentar sua lista de emails se quiser saber como fazer um blog lucrativo.

A super captura de email é a área abaixo do menu de navegação e acima dos artigos do blog e da barra lateral.

O resultado foi um sucesso e o Viver de Blog foi um dos primeiros blogs a utilizar essa super captura de email destacada na página inicial do blog.

Ela tem sido responsável por 30% dos emails capturados dentro do blog, uma quantidade bastante significativa, o que explica o constante crescimento de nossa lista de emails.

Também utilizamos outra caixa de captura de email na barra lateral.

Hello Bar

Quando você entrou no Viver de Blog, reparou na barra colorida acima do menu superior?

Essa é a Hello Bar.

Você pode utilizá-la para aumentar sua lista de emails, recomendar algum de seus produtos ou divulgar alguma página específica.

Além de chamar a atenção do usuário para uma CTA (Call to action específica) de forma não invasiva e com um design agradável, conforme a página é rolada para baixo, a mensagem permanece.

Sem, no entanto, atrapalhar a navegação do visitante pelo site.

Gravei um vídeo mostrando como usamos a Hello Bar no blog:

Rodapés (Footers)

Ninguém dá muito atenção ao rodapé de um site. Mas acredite, se você conseguiu conquistar a atenção do visitante, ele vai querer conhecer mais detalhes do seu blog.

O rodapé do seu blog não precisa ser elaborado. Muito pelo contrário, quanto mais simples, melhor.

Nós usamos o primeiro rodapé, essa barra branca no final da página, para exibir apenas 3 itens que consideramos importantes:

1. O logotipo clicável, tanto para reforçar a marca quanto para levar o usuário ao início da página.
2. Outro campo de pesquisa, igual ao utilizado no menu superior.
3. Ícones com links para nossas principais redes sociais: Facebook, Twitter,Google Plus, LinkedIn e o contato por email.Colocamos ícones bem sutis no rodapé para oferecer essa oportunidade aos leitores que desejam uma maior interação.

No segundo rodapé, a barra em cinza logo abaixo do Footer 1, serve para dar um lembrete rápido e/ou indicar um serviço seu ou de terceiros.

Se o seu template for pago, considere deixar um link afiliado para ele no seu Rodapé 2. Alguns usuários podem gostar do design do seu blog e decidirem comprar o mesmo template.

Nós deixamos o segundo rodapé do Viver de Blog com um link para o Athena o nosso template premium para WordPress.

Se você tiver interesse em saber mais sobre o Athena, clique aqui embaixo:

E por fim, temos a barra lateral, como um espaço a ser considerado com cuidado quando você  quiser saber como fazer um blog ideal.

Essa é uma área de bastante destaque no blog e muito clicada pelos leitores.

Um bom design preza pela funcionalidade e beleza e não pelo excesso, portanto escolhemos apenas os itens essenciais para fazer parte da nossa barra lateral:

Página Sobre em destaque

A página “sobre” é uma das mais visitadas do Viver de Blog porque está no topo da barra lateral.

Assim como todo elemento no site, a foto e o texto com os links estão ali por uma razão específica.

Quem não me conhece já pode ver de cara que existe uma pessoa por trás desse blog.

Pode saber mais detalhes da minha trajetória de 7 anos como empreendedor digital, bem como pode conhecer cada um dos membros da equipe VDB.

Pessoas se conectam com pessoas. E seu visitante irá confiar mais em seu blog e em seu conteúdo se souber quem está por trás.

Nessa página “sobre”, o conteúdo é totalmente planejado para criar uma forte conexão com o visitante.

Se você quiser saber quais os elementos essenciais para a sua página “Sobre” para fazer um blog, recomendo a leitura deste artigo aqui

Páginas Mais Importantes

O tempo em que tags faziam uma boa diferença na otimização do SEO já ficou para trás.

Ao invés de colocar links para categorias ou tags, utilizamos imagens com cores chamativas para direcionar o visitante para páginas específicas.

No Viver de Blog escolhemos os 5 pilares de um blog de sucesso para nomear as categorias:

• Mais Tráfego
• Mais Emails
• Mais Presença
• Mais Conversões
• Mais Receitas

Muito mais do que uma simples reunião de posts sobre assuntos similares, as categorias tem o intuito de ranquear no Google, para assim gerar mais tráfego orgânico.

A importância das categorias não se resume ao aumento do tráfego.

Serve também para melhorar a experiência do seu usuário no site, fazendo com que ele identifique rapidamente que tipo de conteúdo irá encontrar naquela página.

E para otimizar a captura de emails através do blog, inserimos caixas de captura no final de cada uma dessas páginas.

Artigos Populares

Além de reforçar a prova social, já que ter “artigos populares” significa que você tem uma audiência interessada, serve como um guia de “por onde começar” para quem chega a seu blog pela primeira vez.

Você pode escolher os artigos que serão mostrados na página inicial por diversos critérios, como, os mais compartilhados, os mais comentados ou até mesmo aqueles que indicam seus produtos e por isso possuem maior potencial de geração de renda.

Banners dos produtos mais importantes

Todo espaço disponível em nossa Home Page é aproveitado da melhor forma possível para que não haja excesso de informações para o usuário.

Caso contrário, você corre o risco de ver o visitante cair no Paradoxo da Escolha e ir embora sem tomar nenhuma ação.

Veja esse vídeo abaixo para entender melhor esse problema:

Como priorizamos a usabilidade e a experiência do usuário acima de tudo, inclusive de vendas.

Você irá perceber que temos apenas dois banners de produtos na barra lateral: do curso de Produção de Conteúdos Memoráveis e também do nosso curso gratuito, o Blog do Zero

Não deixe de clicar aqui abaixo para conhecer melhor cada um deles:

Posição da barra lateral e proporção do conteúdo

Não caia em um erro bastante desagradável para seus usuários: fazer um blog com duas barras laterais.

Lembre-se sempre: mais é menos!

Pelo menos 60% da página deve ser destinada ao conteúdo, deixando o restante para apenas uma barra lateral.

A questão é que, segundo Neil Patel, uma barra lateral do lado esquerdo diminui a quantidade de pessoas que leem seu conteúdo entre 15% a 25%.

Por outro lado, isso significa que essas pessoas estão atentas às informações da barra lateral pois lemos em “F”.

Agora a dúvida cruel: o que priorizar? Conteúdo? Ou elementos da barra lateral?

Sinto te desapontar, mas não existe uma resposta certa para essa pergunta.

Você precisa entender o que é mais importante para você, seu blog e para sua audiência.

No Viver de Blog escolhemos dar prioridade à barra lateral, pois temos links para páginas que queremos que nossos leitores acessem.

Use resumos na página inicial

Ao invés de colocar um longo trecho do seu artigo, faça um breve resumo para cada conteúdo e apresente na página inicial.

A lógica aqui você já conhece: você tem 8 segundos para atrair a atenção do seu leitor.

Quanto mais curta for essa chamada na página inicial, maior a chance do leitor continuar lendo seu artigo.

Além disso, ao colocar apenas um resumo, você ainda evita a existência de conteúdo duplicado em seu blog, o que pode levar a punições do Google.

Você pode utilizar um plugin como o Easy Custom Auto Excerpt para criar resumos automáticos dos seus artigos ou um tema que já venha com essa funcionalidade.

Mostre imagens de cada artigo na página inicial

Uma imagem quando mostrada na página inicial do seu blog, aumenta em 37% a quantidade de visitas que seus artigos vão receber.

Alguns blogs optam por colocar apenas textos na página inicial, com um link “Continue lendo…” abaixo da introdução do artigo.

Se quiser saber mais sobre imagens que convertem, inclusive para anúncios no Facebook, recomendo a leitura deste artigo aqui.

Como fazer um blog para espantar visitantes

Todo produtor de conteúdo e empreendedor digital quer aumentar a sua taxa de conversão, capturar mais e mais emails para sua lista e principalmente realizar mais vendas.

O que não significa que a maioria dos sites espalhados pela internet saiba como fazer um blog de sucesso e adote boas práticas de usabilidade para tornar a experiência do mais agradável e consequentemente concretizar seus desejos.

Usabilidade é um termo usado para definir a facilidade com que as pessoas podem manusear uma ferramenta ou objeto com a finalidade de realizar uma tarefa específica e importante.

Uma boa usabilidade costuma andar de mãos dadas com um bom design.

Veja o que você NÃO deve fazer de jeito nenhum se quiser saber como fazer um blog que atraia e fidelize seus usuários.

Tenha um site não-responsivo

Seu site é totalmente responsivo ou adaptado para mobile?

Se a resposta para essa simples pergunta for não, você está correndo um grande perigo.

Afinal, o Google já deixou claro que considera a responsividade de um site nos seus critérios de rankeamento.

E ainda mostra abaixo de cada resultado de pesquisa em mobile se o site é ou não “mobile friendly”.

O motivo é claro: Uma melhor experiência para o usuário, independente de qual aparelho ele está usando.

Site extremamente lento para carregar

Ninguém mais tem paciência ao navegar pela internet. Tanto que 40% dos usuários abandonam um blog se ele não carregar em menos de 3 segundos.

E a cada segundo que passa, a satisfação do visitante só cai.

O Google também não perdoa um site lento, o que pode afetar diretamente o SEO do seu blog.

Você não quer ver isso acontecendo!

Se seu blog está demorando demais para carregar, um dos culpados pode ser o seu servidor.

Acredite: é um investimento que você precisa fazer se quiser garantir a usabilidade do seu site.

Recomendo os seguintes servidores:

• BlueHost (link afiliado);
• Hostgator (link afiliado);
• Media Temple (link afiliado).

Outro fator que pode atrapalhar a velocidade do seu site são as imagens de tamanho grande.

Não que você tenha que eliminar todas do seu blog!

Mas se a sua intenção é mostrar uma imagem de 100 x 100 pixels, não coloque uma imagem de 1000 x 1000 pixels e deixe o WordPress redimensionar para você.

O tamanho da imagem continuara sendo a de 1.000 x 1.000 pixels, embora o site mostre como 100 x 100 pixels.

Portanto, lembre-se sempre de redimensionar a sua imagem antes de fazer o upload para seu site.

Pouco contraste entre o fundo do site e o texto

Não adianta investir em um design para seu blog que seja visualmente impactante se você dificultar a experiência do usuário.

Um exemplo disso é o fundo cinza com texto também em cinza.

Pode até parecer bonito, mas o importante é o leitor conseguir ler seus textos, correto?

Sem o contraste necessário, a leitura não será uma das tarefas mais fáceis para o usuário.

Na dúvida, aposte no tradicional fundo branco com letras pretas (ou alguma outra cor bem escura).

Tamanho da fonte minúsculo

Outro grande problema de acessibilidade e usabilidade é o tamanho pequeno da fonte em diversos sites.

Antigamente, o padrão era utilizar a fonte Arial tamanho 12.

Porém, essa combinação é pequena para os padrões atuais.

Os monitores ganharam mais pixels, se alargaram e manter uma fonte de tamanho 12 é ruim para a leitura de artigos.

Mais e mais usuários estão lendo artigos em dispositivos móveis (smartphones, tablets), necessitando de fontes maiores para facilitar a leitura.

Menu de navegação confuso

Vamos começar seguindo um princípio básico: seu blog precisa ter um menu de navegação.

Mas apenas um menu de navegação, simples e direto ao ponto.

Se você coloca suas 15 categorias do blog no menu de navegação, você está apenas confundindo o visitante, que pode acabar por não clicar em nada.

A Dra. Sheena S. Iyengar para a universidade de Columbia fez um estudo de nome “When Choice is Demotivating: Can One Desire Too Much of a Good Thing?

Para o estudo, ela montou um estande de degustação livre de geléias em um supermercado, em dois sábados consecutivos.

No primeiro sábado, 24 sabores de geleia estavam disponíveis, e no outro sábado, apenas 6.

Você chutaria que o dia de maior venda foi o da degustação de 24 sabores?

Se a sua resposta foi essa, sinto dizer, mas você errou feio!

Claro que, quando 24 potes de geleia estavam disponíveis, 60% dos clientes pararam para um teste de degustação.

Entretanto, apenas 3% daqueles que pararam, compraram algum pote de geleia.

Quando 6 potes de geleia estavam disponíveis, 40% dos clientes pararam para um teste de degustação e 30% compraram algum pote de geleia.

A explicação é bastante simples: com menos opções seguem menos decisões.

Ou seja, quanto mais escolhas, menos conversões.

Portanto, limite o uso do seu menu de navegação ao itens mais importantes, como aqueles que citei no começo do artigo.

Resumo dos artigos na página inicial não clicáveis

Você já sabe que sua Home Page ficará muito mais atraente se você disponibilizar resumos de seus artigos, com imagens, ao invés de colocar o texto completo na sua página inicial.

Porém um erro grave e que irritará o visitante, é a falta de elementos clicáveis.

Tanto o título, quanto a imagem quanto o texto “continue lendo” precisam ser clicáveis.

Especialmente o título do seu artigo.

Ao impedir o leitor de clicar no título do artigo, esperando que ele clicará no “continue lendo”,você pode perder importantes visitas para seu artigo.

Anúncios por toda parte

A maioria dos blogs necessita de anúncios para ganhar dinheiro ou para rentabilizar o tempo que o editor leva para entregar um conteúdo de graça.

Anúncios de produtos de terceiros ou de seus próprios produtos. Não importa!

Entretanto, os anúncios também devem ser utilizados com cautela, já que o excesso de anúncios poderá fazer seu leitor sair correndo para outro site.

Não há problema algum em utilizar anúncios em um site.

Porém, você precisa definir um limite para não quebrar a fina linha entre conteúdo e anunciantes e também deve deixar claro que se trata de um anúncio.

Transparência acima de tudo e compromisso com a experiência do usuário sempre.

Como fazer um blog alinhado com sua marca: a importância da identidade visual

Você precisa saber como fazer um blog que encante seu visitantes, seja pelo design fantástico do seu template ou pela facilidade de acesso às mais diversas páginas.

Esse é o requisito básico.

Porém, se você pretende descobrir como fazer um blog como negócio online ou um site para a sua empresa, a consistência na comunicação visual não pode ser deixada de lado.

Você precisa construir uma identidade visual sólida para a sua marca.

Durante muito tempo, todos nossos materiais, desde banners a landing pages de cursos não tinham uma linguagem única. Algo que deixasse bastante claro que aqueles eram produtos da Viver de Blog.

E isso precisava mudar!

Passamos a utilizar o Lingo para unificar todo o material visual relacionado ao blog e aos nossos produtos.

Dessa forma ficou muito mais fácil identificar os pontos de melhoria, bem como colocar todo o time em uma única direção em termos de identidade visual.

O primeiro passo foi definir uma cartela de cores para cada um de nossos produtos, exatamente como já fazíamos para o blog.

Também adequamos ícones, botões com CTAs e as imagens utilizadas para finalmente trazer a consistência que faltava para a empresa.

Já tivemos um caso aqui na Viver de Blog onde o banner era de uma cor e com um certo tipo de imagens e a página de vendas foi construída com base em uma cartela de cores e um conceito completamente diferentes.

Ao unificar melhoramos a experiência do usuário, bem como seu grau de confiança nos produtos, pois ele consegue entender rapidamente, em questão de segundos, do que se trata daquele projeto, impactando diretamente nas vendas.

Até gravei um vídeo mostrando como fazemos a gestão da identidade visual aqui na VDB:

Conclusão

Você acredita que aprender como fazer um blog seguindo padrões e regras de usabilidade, design e boas práticas de mercado, podem transformar um site em um negócio extremamente lucrativo?

E mesmo que seu objetivo não seja saber como fazer um blog virar um negócio lucrativo, você precisa ter uma presença forte na internet para divulgar sua empresa, seus produtos e serviços.

Porém, não basta fazer um blog ou site qualquer e esperar por resultados.

Sem as boas práticas que ensinei a você nesse artigo, você corre o risco de sofrer com o efeito contrário: ficar invisível na internet.

Ou pior. Perder a confiança de seus potenciais ou atuais clientes.

Agora eu quero saber de você! Você tem um blog ou algum negócio? Em que mercado? Como avalia sua presença digital nesse momento e como acha que essas dicas podem ajudar você a melhorar sua renda.

Deixe seu comentário aqui para a gente!