Como construir a página inicial perfeita com o Ultimate Addons para Gutenberg? [7 Passos]

Publicados: 2021-10-08

A página inicial é, para a maioria dos sites, a página mais importante.

Muitas vezes é aquele que recebe a maior parte do seu tráfego. Mas, infelizmente, a maioria das páginas iniciais não é otimizada devido à falta de conteúdo ou redação ruim.

Mas não se preocupe, hoje, Vlad, um consultor de marketing na web (visite o site), detalha como construir a página inicial perfeita com Ultimate Addons for Gutenberg.

Então, se você deseja aumentar seu tráfego e conversões, este artigo é para você.

Vamos começar.

Índice
  1. Etapa 1: comece com uma promessa poderosa
  2. Etapa 2: mostre sua prova social imediatamente
  3. Etapa 3: descreva brevemente sua oferta
  4. Etapa 4: use o combo problema/solução
  5. Etapa 5: descreva como sua oferta funciona
  6. Etapa 6: Apresente-se ou sua equipe
  7. Etapa 7: inserir uma pergunta frequente
  8. Bônus: SEO para sua página inicial
  9. Conclusão: Agora é a sua vez

Etapa 1: comece com uma promessa poderosa

Certifique-se de que seu título seja claro

O título é a primeira coisa que seu visitante vê . Em uma frase, você deve explicar claramente o que está oferecendo.

Aqui estão algumas dicas para escrever um ótimo título:

  • Dê um nome aos seus clientes – Por exemplo: “ Professores: aqui as melhores ferramentas para organizar o seu dia
  • Fale sobre o problema do seu cliente – Por exemplo: “Precisa de um site super-rápido? Você vai adorar nosso plugin”
  • Se necessário, use palavras poderosas: poderoso, melhor, novo, incrível, único, rápido, definitivo…
  • Use sua palavra-chave principal no título
  • Coloque este título em uma tag H1
  • Seja conciso: 10 a 15 palavras

No exemplo a seguir, o slogan de Vlad é o seguinte:

“Olá, sou Vlad, um consultor de marketing na web que quer coisas boas para o seu negócio.”

Site Vlad

DICA PRO:

Humanize seu site com uma bela foto sua ou de sua equipe. Esta imagem ajudará a melhorar a confiança.

Blocos UAG a serem usados: Seção + Cabeçalho Avançado

Site Vlad usando o editor gutenberg

Use o vídeo se puder

De acordo com a Unbounce, incluir um vídeo em sua landing page pode aumentar sua taxa de conversão em até 80%.

O vídeo é muito eficaz para mostrar diretamente os benefícios da sua oferta. Lembre-se do ditado: “ Mostre, não conte ”.

Aqui está um exemplo: Yellow Leaf Hammocks é uma marca que vende redes feitas por artesãos locais na Tailândia que ganham uma renda estável.

Exemplo de site de folha amarela

A página inicial aproveita perfeitamente o vídeo para mostrar que a rede é ideal para relaxar. É atraente.

Aqui estão os diferentes tipos de vídeos que você pode exibir:

  • Como seu produto é feito
  • Como seus produtos são usados ​​no dia a dia
  • Vídeo com foco nos valores da sua marca

Precisa de inspiração?

Você pode encontrar muitos exemplos de vídeos para sua página inicial aqui.

Etapa 2: mostre sua prova social imediatamente

A taxa média de conversão do site é de 2,35% (Fonte: Wordstream).

Essa baixa taxa pode ser explicada pelo fato de que a maioria dos visitantes da sua página inicial descobre seu site pela primeira vez.

Portanto, é essencial tranquilizá-los desde o início de sua visita.

Lembre-se: a confiança é o elemento chave para aumentar suas conversões.

A prova social pode assumir diferentes formas:

  • Figuras chave
Adicionar prova social
  • Logos de clientes de prestígio
adicionar logotipo de clientes de prestígio
  • Opinião dos consumidores
adicionar comentários de clientes
  • Recomendações de influenciadores em seu setor
Adicionar revisão de influenciadores

Lembre-se, os mais vendidos são seus clientes .

Todos conhecemos o exemplo do restaurante.

Um estabelecimento lotado naturalmente atrai clientes, enquanto um vazio não.

Na Amazon, as avaliações dos clientes são um fator de compra muito importante. De fato, 79% dos consumidores são influenciados por produtos com as melhores avaliações e críticas (Fonte). Somos naturalmente atraídos por produtos com 5 estrelas.

Portanto, certifique-se de obter o máximo de avaliações de clientes e planeje uma página dedicada em seu site, como no exemplo abaixo:

Exemplo de avaliação do cliente

DICA PRO:

Se você escolher avaliações de clientes, inclua fotos para tornar seus depoimentos ainda mais autênticos.

Exemplo de testemunho

Bloco UAG para usar: Testemunho

Bloco de testemunho UAG

Como posso obter prova social se não tenho nenhum ou poucos clientes?

Nesta situação, aconselhamos que as pessoas experimentem o seu produto ou serviço, mesmo que gratuitamente, para obter algumas avaliações.

Etapa 3: descreva brevemente sua oferta

Lembre-se de dividir sua oferta em blocos distintos .

Certifique-se de que seu título esteja claro também. Vlad, por exemplo, tem o seguinte título para descrever sua oferta: “Habilidades: Especialista em vez de generalista

Descreva seus serviços

Do ponto de vista de SEO, essa é a maneira certa de vincular suas páginas mais importantes.

DICA PRO:

Adicione pictogramas SVG para ilustrar sua oferta.

Bloco UAG a ser usado: colunas avançadas e call to action

Call-to-action do anúncio de colunas avançadas do UAG

Para um site de comércio eletrônico, você pode inserir um link para as categorias principais. Certifique-se de usar recursos visuais atraentes, como casper.com :

site de casper

Etapa 4: use o combo problema/solução

Aqui está uma dica de redação: descreva o problema do seu cliente-alvo e acompanhe sua solução . Este conselho é muito eficaz na conversão de uma perspectiva.

A Asphalte.com, uma marca francesa de roupas online, usa essa técnica para todos os produtos que oferece.

Aqui está um exemplo com jeans.

A marca descreve brevemente os problemas gerais com jeans:

Exemplo de site de asfalto

E então apresenta seu jeans perfeito com as diferentes características:

Exemplo de site de asfalto 2

No site de Vlad, ele descreve os 3 principais problemas na hora de escolher um freelancer:

  • Confiando em alguém que você não conhece
  • Falta de comunicação
  • Prazos não respeitados
Exemplo de site Vlad

E detalha sua solução na forma de benefícios claros:

  • Você só paga se estiver satisfeito
  • Uma disponibilidade precisa só para você
  • Parceiro em vez de freelancer
Exemplo de site Vlad 2

Sinta-se à vontade para ilustrar com pictogramas, é mais agradável de ler.

Bloco UAG a ser usado: colunas avançadas

Bloco de colunas avançadas do UAG

Etapa 5: descreva como sua oferta funciona

É hora de explicar passo a passo como funciona sua oferta. Seja o mais direto possível.

ManyPixels, um serviço de design gráfico sob demanda, faz um excelente trabalho ao explicar como o serviço funciona.

Quando você clica em uma etapa, os detalhes são exibidos abaixo. Muito bom!

Exemplo de site Manypixels

No site da Vlad, o serviço é descrito em 3 passos:

  • Etapa 1: você preenche um formulário rápido
  • Etapa 2: consulta telefônica de 30 minutos – Sem compromisso
  • Etapa 3: plano de ação
Exemplo de conteúdo de linha do tempo de muitos pixels

DICA PRO:

Insira um CTA poderoso como “Vamos impulsionar seu negócio

Bloco UAG a ser usado : conteúdo da linha do tempo

Exemplo de conteúdo da linha do tempo do UAG

Etapa 6: Apresente-se ou sua equipe

Descreva rapidamente o motivo do que você faz . É essencial mostrar sua paixão e entusiasmo para que as pessoas trabalhem com você ou usem seu produto/serviço.

Considere incluir um link para sua página “Sobre” neste momento.

Se você faz parte da narrativa da sua organização, conte às pessoas um pouco sobre isso como um teaser, incentivando-os a descobrir mais.

Novamente, o vídeo é ótimo para humanizar sua marca e construir confiança.

A Founders Brewing Co. tem um ótimo vídeo “sobre nós”.

Etapa 7: inserir uma pergunta frequente

O FAQ é uma ótima maneira de adicionar conteúdo à sua página inicial e, portanto, melhorar seu SEO . É também uma excelente oportunidade para responder a perguntas comuns dos usuários antes, durante e após a conversão.

Como encontrar suas perguntas?

Você pode perguntar aos seus clientes atuais enviando um formulário do Google por e-mail.

Você pode usar a seção “ As pessoas também perguntam ” do Google para encontrar as perguntas mais frequentes.

O pessoal do Google também pede exemplo

Ou Quora:

Site do Quora

Ou a seção de perguntas da Amazon. Veja um exemplo de rede:

Perguntas e respostas da Amazônia

Construa uma estrutura de navegação perfeita

Se você tem muitas perguntas para responder, é muito interessante para o seu SEO fazer uma página para cada pergunta .

Comece criando uma página de pilar onde você agrupará todas as suas perguntas por categoria. Cada pergunta leva a uma página dedicada onde você responderá em detalhes.

Mint, um aplicativo para gerenciar seu dinheiro usa esta estratégia:

Exemplo de perguntas frequentes do Mint

Verifique o Analytics regularmente

É fundamental verificar sua solução de análise para garantir que suas perguntas frequentes respondam às perguntas de seus consumidores.

Além disso, observe outros indicadores, como o tempo gasto na página, o caminho que eles estão percorrendo depois de consultar a página de perguntas frequentes.

Com esses insights, você pode refazer suas perguntas frequentes.

Esquema de perguntas frequentes do UAG

Bloco de esquema de perguntas frequentes

Você sabe o que é ótimo no nosso bloco de esquema de perguntas frequentes? Ele permite que você adicione perguntas com facilidade e usa automaticamente os dados estruturados corretos .

DICA PRO:

Para melhorar seu SEO, escolha a tag H2 ou H3 para suas perguntas.

Para saber mais, leia nosso artigo sobre o esquema de perguntas frequentes.

Bônus: SEO para sua página inicial

Sua página inicial e seu site como um todo devem atender a requisitos técnicos específicos para ter uma boa classificação no Google.

Aqui está uma lista de verificação para obter um bom SEO na página:

Escreva a melhor tag de título e meta descrição que você puder

Prestar atenção ao título e à meta descrição é crucial, porque é sua única chance de incentivar os usuários a visitar seu site a partir dos resultados do Google.

Com a implementação do Google Rank Brain, o CTR (click-through rate) é um critério essencial para ranquear resultados.

Se muitas pessoas clicarem no seu artigo, o Google considera isso um ótimo sinal.

A diferença na CTR entre 2 títulos pode ser significativa. Mudar algumas palavras pode ter um impacto real.

Veja por exemplo estas 2 versões:

  • Versão 1 :
Título da página da web e meta descrição
  • Versão 2 :
Título da página da web e meta descrição 2

Muda tudo, você não acha?

Aqui estão algumas dicas para acertar seu título e meta descrição:

  • Insira sua palavra-chave primária na tag de título e na meta descrição
  • Descreva precisamente o conteúdo da sua página
  • Use verbos de ação: “Descubra”, “Aproveite”, “Aqui está o”…
  • Destaque seus benefícios: “Entrega grátis”, “Pagamento simples”…
  • Seja conciso: cerca de 60 caracteres para seu título e 200 caracteres para sua meta descrição
  • Respeite, se possível, a regra dos 4 U: Único, Ultraespecífico, Útil, Urgente

SEO de imagem

Aqui estão algumas dicas para o SEO de suas imagens:

  • Nome do arquivo descritivo
  • Presença de uma tag alt
  • Insira a semântica apropriada antes e depois da imagem
SEO de imagem

Insira de 3 a 5 Links Internos

É essencial vincular seu conteúdo. Sua página inicial geralmente é a página mais poderosa do seu site .

Aproveite para enviar “suco SEO” para as páginas mais importantes.

Por exemplo, para um site de comércio eletrônico, você pode destacar categorias populares. Isso o que a Zappos faz, por exemplo:

Exemplo de site da Zappos

Obtenha uma excelente pontuação semântica

Se os dias de “enchimento de palavras-chave” terminaram, a otimização semântica ainda é obrigatória. O Google entende o conteúdo como nunca antes e conteúdo longo com palavras-chave semanticamente relacionadas é um fator chave para ranquear .

Portanto, você precisa escrever conteúdo suficiente para sua página inicial.

A boa notícia é que existem muitas ferramentas para facilitar essa tarefa.

Por exemplo, você pode usar a ferramenta Semrush “modelo de conteúdo SEO”:

Semrush

Digite sua palavra-chave e a ferramenta analisará os primeiros resultados de pesquisa dos concorrentes para fornecer muitas recomendações:

Informações do Semrush

A lista de palavras semanticamente relacionadas é muito útil. Não hesite em integrá-los em seu texto.

Você também tem indicações sobre a duração do conteúdo que você deve buscar.

Otimize seu texto com o WordPress

Se você usa o WordPress para o seu site, pode instalar um plugin de SEO para ajudá-lo na otimização semântica.

Você pode usar o Yoast SEO :

Sugestão de melhoria de conteúdo Yoast SEO

Ou Rankmate :

Classifique as sugestões de melhoria do conteúdo matemático

Estruture seu Hn Tagging

As tags Hn são usadas como “resumo” pelos motores de busca. Na prática, essas tags são os títulos e legendas do seu conteúdo.

Para sua marcação Hn, insira:

  • Um único H1 na sua página inicial
  • Vários H2 e H3 que seguem um ao outro em uma hierarquia lógica

DICA PRO:

obtenha a estrutura Hn de seus concorrentes com a extensão do Chrome SEO META 1 click.

Extensão SEO Meta Chrome

Otimize a velocidade da sua página inicial e do site

A velocidade de carregamento é um critério cada vez mais importante tanto para os internautas quanto para os mecanismos de busca .

O Google implantou recentemente sua atualização “Google Page Experience”, que leva em consideração o tempo de carregamento. Portanto, é essencial oferecer um site rápido aos seus usuários.

Aqui estão algumas ações que você pode tomar:

  • Use um tema WordPress leve como o Astra
  • Comprima suas imagens
  • Use o formato webp ou svg sempre que possível
  • Configurar um CDN
  • Hospede seu site em um servidor rápido

Você também pode ler nosso artigo “Experimente páginas Gutenberg mais rápidas com código otimizado”.

Os melhores plugins WordPress para velocidade

Os seguintes plugins têm muitos recursos para melhorar a velocidade do seu site.

WP Foguete:

Plugin de cache para WordPress WP Rocket

Nitropack:

Otimização de desempenho do NitroPack

Conclusão: Agora é a sua vez

Esperamos que essas dicas e exemplos ajudem você a criar uma ótima página inicial!

A estrutura que vimos é clara e atraente, mas lembre-se de que a chave é conhecer as necessidades de seus clientes para propor conteúdo que converta.

Certifique-se também de oferecer uma solução de contato simples, como um chatbot. Isso é muito importante para gerar confiança.

Tecnicamente, nunca foi tão fácil criar um site. Como vimos, você pode construir rapidamente sua página inicial com os Ultimate Addons gratuitos para Gutenberg.

Agora diga-nos, o que você vai tentar primeiro?

Integrar mais provas sociais?

Usar o combo de solução de problemas?

Inserir um FAQ?

Não se esqueça de compartilhar sua opinião nos comentários abaixo!