A tua página inicial é a primeira página que a maioria dos visitantes vê quando decide saber mais sobre o teu negócio. Isso faz dela a página com mais em jogo e, muitas vezes, a que recebe menos atenção de design. A maioria das páginas iniciais tenta dizer tudo. As que funcionam dizem uma coisa com clareza.
O design da página inicial determina se o teu website funciona ou desperdiça o tráfego que recebe. Uma página inicial que carrega bem e torna o passo seguinte óbvio mantém os visitantes em movimento. Uma que é confusa, lenta ou pouco clara perde-os antes de chegarem ao teu melhor conteúdo.
Este artigo trata do que uma página inicial precisa de fazer, de como estruturar o conteúdo e das decisões específicas que separam uma página inicial que converte de uma que apenas existe.
O que precisa uma página inicial de fazer?
Uma página inicial tem uma só função: ajudar o visitante certo a perceber que está no sítio certo e mostrar-lhe para onde ir a seguir. Parece simples. A maioria das páginas iniciais falha nisto porque tenta fazer demasiadas coisas ao mesmo tempo.
Os visitantes chegam a uma página inicial vindos de sítios diferentes e com níveis de conhecimento diferentes. Alguns pesquisaram exatamente o que ofereces e estão prontos para agir. Alguns ouviram o teu nome a alguém e querem confirmar que és de confiança. Alguns estão apenas a explorar e ainda não têm a certeza de que precisam de alguma coisa. Um bom design de página inicial serve os três sem se tornar um folheto genérico.
A forma mais clara de avaliar uma página inicial é perguntar se um visitante novo consegue responder a três perguntas nos cinco segundos depois de chegar: o que é este negócio, para quem é e o que devo fazer a seguir? Se a resposta a alguma delas não for clara, a página inicial não está a funcionar.
O que deve ficar acima da dobra numa página inicial?
A secção acima da dobra de uma página inicial pesa mais, porque é o que todos os visitantes veem antes de decidirem se descem ou saem. Tem de responder às três perguntas acima da forma mais direta possível.
Um título que diz o que fazes e para quem. Não um slogan nem uma declaração de missão. Uma descrição simples e direta do valor que ofereces. Uma frase de apoio que acrescenta especificidade ou responde à principal preocupação do visitante que mais queres atrair. Um apelo à ação que dá um passo seguinte claro aos visitantes que estão prontos, sem pressão para os que não estão.
Uma imagem que reforça a mensagem em vez de a substituir. Imagens abstratas ou fundos puramente decorativos dão ambiente, mas tiram clareza. As imagens mais fortes acima da dobra mostram o produto, o resultado ou a pessoa que beneficia.
A navegação pertence a esta secção. Os visitantes que querem explorar mais precisam de uma forma de o fazer sem andarem à procura. O artigo sobre o que é acima da dobra trata em detalhe do que torna eficaz a primeira área visível e de como se comporta de forma diferente em telemóvel e em computador.
Como estruturas o conteúdo abaixo da dobra?
Abaixo da dobra, a página inicial tem espaço para construir argumentos para o visitante que não agiu logo. A estrutura que melhor funciona segue uma progressão lógica: o que fazes, prova de que funciona, para quem é e o que fazer a seguir.
Uma breve explicação da oferta principal, específica o suficiente para afastar visitantes que não são o público certo e tranquilizar os que são. Prova social na forma mais credível para o teu negócio: opiniões de clientes, resultados, logótipos de clientes reconhecíveis ou um número que mostre escala. Uma secção que fale das principais preocupações ou situações de onde vêm os teus melhores clientes. Um segundo apelo à ação para visitantes que leram até aqui e já estão prontos.
A navegação no rodapé, no fim da página inicial, dá aos visitantes que leram tudo uma forma de chegar às páginas secundárias. Serve também quem desce logo até ao fundo à procura de informação de contacto, links legais ou outras páginas de que precisa. O artigo sobre o que é a navegação de um website trata em detalhe do design da navegação principal e do rodapé.
O que faz o texto de uma página inicial funcionar?
O texto de uma página inicial falha de duas formas previsíveis. Ou é vago demais para significar alguma coisa, ou diz tanto que nada fica.
A versão vaga usa frases como "Ajudamos empresas a crescer" ou "Transformamos a forma como trabalhas". Estas afirmações são tecnicamente verdadeiras para quase qualquer negócio e, por isso, não são verdadeiras de forma útil para nenhum. Um visitante não consegue perceber por elas se o teu negócio é relevante para a sua situação.
A versão sobrecarregada tenta explicar todas as funcionalidades, mencionar todos os casos de uso e responder a todas as perguntas possíveis numa só página. O resultado é uma página que se lê como um folheto e converte como um folheto.
O texto que funciona é específico, direto e escrito para um tipo de visitante. Nomeia o problema ou a situação, descreve o resultado e torna o passo seguinte óbvio. O melhor texto de página inicial lê-se como se alguém que conhece bem o teu negócio o tivesse escrito para alguém que está a decidir se confia em ti.
Como deve uma página inicial funcionar em telemóvel?
Uma página inicial pensada só para computador perde a maioria dos visitantes. Mais de 60 por cento do tráfego da web vem de dispositivos móveis, e a página inicial é muitas vezes a primeira página que esses visitantes veem.
Em telemóvel, as colunas do esquema recolhem-se, os tamanhos de letra têm de ser maiores e as áreas de toque dos botões têm de ser generosas o suficiente para um dedo. A área acima da dobra é mais pequena, o que quer dizer que o título e o apelo à ação têm de funcionar numa janela mais apertada. Imagens decorativas grandes que funcionam num computador enchem muitas vezes o ecrã inteiro do telemóvel sem nada de útil.
Testar a página inicial num telemóvel real antes de a dares por concluída não é opcional. As pré-visualizações do navegador são úteis durante o desenvolvimento, mas não reproduzem a experiência de um dispositivo tátil. O artigo sobre como tornar um website adaptado a telemóvel trata de todas as alterações que tornam um site realmente utilizável num telemóvel.
O design da página inicial afeta o SEO?
A página inicial é normalmente a página com mais links para ela num site e a que tem mais autoridade. A forma como está estruturada afeta tanto o modo como os motores de busca entendem o site como o modo como essa autoridade flui para outras páginas.
Uma estrutura de títulos clara, com um H1 que diz de que trata o site e secções H2 que cobrem temas relacionados, ajuda os motores de busca a entender a página. Os links internos da página inicial para páginas principais de produto, serviço ou conteúdo passam autoridade a essas páginas e sinalizam a sua importância.
A velocidade da página inicial conta desproporcionadamente, porque é a página mais visitada. Uma página inicial que carrega devagar em telemóvel puxa para baixo o desempenho de pesquisa de todo o site. O artigo sobre o que é web design explica como as decisões de esquema e estrutura se ligam ao desempenho na pesquisa. Para a visão completa sobre posições na pesquisa, o artigo sobre o que é o SEO trata dos fatores técnicos e de conteúdo que afetam a posição das páginas.
Como a WEMASY trata do design da página inicial
O criador de websites da WEMASY inclui modelos de página inicial organizados por tipo de negócio, todos construídos em torno de uma secção clara acima da dobra, um fluxo de conteúdo lógico e esquemas responsivos para telemóvel. O editor visual permite personalizar conteúdo, cores e secções sem tocar em código. A pré-visualização para telemóvel mostra como fica a página inicial num telemóvel enquanto constróis, para não haver surpresas depois de publicares.
Vê o que está incluído no criador de websites da WEMASY ou consulta os planos na página de preços.
Perguntas frequentes
Que comprimento deve ter uma página inicial?
O suficiente para responder às perguntas a que um visitante novo precisa de ver respondidas antes de agir, e não mais. Para um negócio de serviços simples, podem ser três a cinco secções. Para um produto mais complexo ou com um ciclo de decisão mais longo, podem ser sete ou oito. O comprimento não é o objetivo. O objetivo é cobrir o conteúdo certo pela ordem certa. Uma página inicial demasiado curta deixa os visitantes sem informação suficiente para agir. Uma demasiado longa perde-os antes de chegarem ao apelo à ação. Com o criador de websites da WEMASY, podes configurar isto diretamente no teu website.
Quantos apelos à ação deve ter uma página inicial?
Um apelo à ação principal, repetido em pontos lógicos à medida que o visitante desce. Ter uma única ação principal clara, seja marcar uma chamada, começar uma experiência grátis ou pedir um orçamento, evita que o visitante tenha de escolher entre várias opções concorrentes. Ações secundárias como "Saber mais" ou "Ver como funciona" podem existir ao lado da principal, mas devem parecer claramente secundárias, para que a ação mais importante se destaque.
Uma página inicial deve ter vídeo?
Um vídeo pode funcionar bem numa página inicial se mostrar algo que é realmente difícil de comunicar com texto e imagens, como a demonstração de um produto ou um processo. Os riscos são o tempo de carregamento e a reprodução automática. Um vídeo de página inicial que arranca sozinho com som frustra de imediato a maioria dos visitantes, sobretudo em telemóvel. Um vídeo que acrescenta vários segundos ao carregamento da página antes de aparecer algo útil prejudica as taxas de abandono. Se incluíres um vídeo, garante que é opcional, silenciado por defeito e que não impede o resto da página de carregar.
Qual é o maior erro que as empresas cometem na página inicial?
Desenhá-la para si próprias em vez de para um visitante novo. Os donos de negócio conhecem o seu produto, os seus diferenciais e a sua história. Os visitantes novos não conhecem nada disso e decidem em segundos se vale a pena dar atenção. O resultado mais comum é uma página inicial que abre com linguagem interna, usa títulos vagos que parecem ter significado por dentro mas não dizem nada a quem está de fora, e enterra a oferta real atrás de uma longa explicação dos valores da empresa. A solução é escrever a página inicial como se estivesses a explicar o que fazes a alguém que nunca ouviu falar de ti e está ligeiramente desconfiado.
Com que frequência deve uma página inicial ser redesenhada?
Quando deixa de funcionar, e não num calendário fixo. Os sinais de que uma página inicial precisa de atenção incluem uma taxa de abandono alta em visitantes novos, uma taxa de conversão baixa no apelo à ação principal ou comentários de que os visitantes não percebem o que o negócio faz. Pequenas atualizações de texto, imagens e apelos à ação resolvem a maioria dos problemas sem um redesign completo. Um redesign completo faz sentido quando o negócio mudou muito, o design atual já não reflete o que o negócio é ou a base técnica está tão desatualizada que é mais fácil refazer do que remendar.