6 maneiras para os usuários do HubSpot superarem a atualização do Core Web Vitals

Usuários do HubSpot: quando foi a última vez que você verificou a velocidade da sua página? Se já faz um tempo, você tem algum trabalho a fazer. Aqui está o porquê:

O Google começou a lançar sua tão esperada atualização de experiência de página . Espera-se que o novo algoritmo de classificação seja concluído até o final de agosto de 2021. A velocidade do site , a experiência geral do usuário e a capacidade de resposta da página se tornarão três fatores críticos que determinam as classificações dos mecanismos de pesquisa. O Google criou três métricas conhecidas como Core Web Vitals para medir a experiência da página de um site antes de sua atualização.

Existem várias ferramentas disponíveis para ajudá-lo a medir esses Core Web Vitals e muitas dicas para ajudá-lo a melhorá-los, mas como usuário do HubSpot, algumas dessas recomendações podem não ser as mais adequadas. É por isso que reunimos este guia específico do HubSpot para superar a atualização da experiência da página. Aqui estão 6 maneiras para os usuários do HubSpot superarem a atualização do Core Web Vitals.

1. Entenda o que são os principais Web Vitals

Antes de mais nada, vamos nos certificar de que temos uma compreensão sólida do que são os principais elementos vitais da web, como medi-los e como é uma boa pontuação. Um aviso justo - esses termos soam um pouco complicados. Mas quando você os divide, é muito mais simples do que parece.

As três métricas que compõem o Core Web Vitals do Google são:

• Maior pintura de conteúdo (LCP) - Isso mede a velocidade do seu site. A métrica refere-se ao tempo que leva para o conteúdo principal da página carregar na tela de um usuário. Pense nisso como a quantidade de tempo que leva para o conteúdo carregar depois de clicar em um link.
• First Input Display (FID) - Mede a interatividade em uma página. Ele mede o tempo que leva para um usuário interagir com seu site. Por exemplo, quando alguém clica em um botão, o FID mede a quantidade de tempo que leva para realmente processar essa solicitação.
• Mudança de layout cumulativa (CLS) - Isso mede a estabilidade de uma página enquanto ela é carregada, ou "estabilidade visual". Um CLS alto significa que os elementos da sua página se movem muito enquanto ela é carregada, o que não é uma boa experiência do usuário.

Junto com essas métricas, o Google também estabeleceu benchmarks nos quais determina se uma página atende aos Core Web Vitals. Aqui está o objetivo:

• LCP - Uma página deve carregar o conteúdo principal dentro de 2,5 segundos após o desembarque nela.
• FID - Um usuário deve interagir com a página dentro de 100 milissegundos após o acesso a ela.
• CLS - A pontuação cumulativa de mudança de layout deve ser menor que 0,1, o que significa que há pouco ou nenhum salto no layout da página.

Então, agora que você sabe o que deve pontuar, como você mede os Core Web Vitals do seu site? O Google tornou muito fácil para os proprietários de sites adicionando várias novas maneiras de medir essas métricas. Não vamos entrar em todos eles aqui, mas talvez a maneira mais fácil seja ir até o Page Speed ​​Insights e inserir seu URL. Você receberá automaticamente uma pontuação e recomendações para melhorar essa pontuação. A página também informará se sua pontuação se qualifica como aprovada ou não.

2. Use a ferramenta de recomendações de SEO da HubSpot

Com uma sólida compreensão dos principais elementos vitais da Web do Google, você pode aproveitar as ferramentas do HubSpot. Em preparação para a atualização da experiência da página, a HubSpot renovou sua ferramenta de recomendações de SEO para incluir métricas que ajudam a melhorar suas pontuações do Core Web Vital. É útil analisar essas recomendações, juntamente com as do Google, pois o HubSpot fornecerá sugestões exclusivas com base na plataforma do site.

Como você usa essa ferramenta? O HubSpot simplifica bastante para seus usuários:

1. Na sua conta, vá para o seu Hub de Marketing.
2. Navegue até “Site” e clique em “SEO”.
3. Você verá uma opção para verificar um novo domínio em busca de recomendações.
4. Insira o domínio do seu site e clique em “Verificar URL”.
5. Quando a verificação estiver concluída, clique em "Visualizar recomendações".
6. Você notará que o HubSpot oferece sete categorias. Desempenho, segurança e experiência do usuário foram adicionados à luz da atualização de experiência de página.

A ferramenta de recomendações de SEO da HubSpot oferece um bom ponto de partida para descobrir quais áreas do seu site podem precisar de melhorias antes que o lançamento do Google seja concluído. Mas também há alguns outros ajustes específicos do HubSpot que você pode avaliar e ajustar, se necessário.

3. Carregamento lento de imagens grandes

Um dos maiores inibidores de um LCP rápido ou tempo de carregamento de página é uma imagem grande ou arquivos de vídeo. A prática recomendada é reduzir e compactar as imagens o máximo possível antes de hospedá-las em seu site da HubSpot. Mas às vezes, você simplesmente não consegue ter um tamanho de arquivo maior. É aí que você vai querer aproveitar o que é chamado de “Carregamento lento”.

Lazy Loading é exatamente o que parece. É onde as imagens em sua página não carregam completamente até que você tenha rolado para a seção da página onde a imagem está localizada. Em seu lugar está uma miniatura de baixa qualidade até que o scroller chegue na imagem. Ao não carregar totalmente esses arquivos maiores, o tempo de carregamento da página diminui significativamente.

No passado, como usuário do HubSpot, para implementar o Lazy Loading, você precisava adicionar o código em um módulo personalizado. Ou seja, você precisava da ajuda de um desenvolvedor web. Agora, o HubSpot permite que você implemente o Lazy Loading em módulos padrão. Isso significa que você pode habilitar facilmente o carregamento lento ao criar páginas de destino, postagens de blog ou outras páginas do site usando o módulo de imagem padrão.

Como? Basta adicionar um módulo de imagem a uma página e selecionar “Carregamento lento” na alternância “Carregamento de imagem”. É tão fácil.

Antes de começar a fazer isso em todas as suas imagens, uma palavra de cautela. As imagens de carregamento lento às vezes podem afetar o layout da página ou a experiência do usuário. Portanto, use-o estrategicamente. Imagens com tamanho de arquivo baixo podem não precisar dele.

4. Verifique novamente o conteúdo inteligente

O conteúdo inteligente é uma ferramenta valiosa no HubSpot. Mas se não for usado corretamente, pode afetar a experiência do usuário. Recomendamos verificar novamente todas as páginas em que você possui conteúdo inteligente. A personalização faz sentido? Ele está funcionando da maneira que um usuário pode esperar?

Normalmente, o HubSpot é muito bom em carregar o conteúdo certo ao utilizar a ferramenta de conteúdo inteligente. Mas, ao analisar seus Core Web Vitals e o desempenho do seu site, é uma boa ideia testar a experiência você mesmo. Certifique-se de que tudo seja carregado conforme o esperado e que o layout da página se comporte como deveria.

Você também pode querer analisar o desempenho do seu conteúdo inteligente. Dê uma olhada no total de visualizações de página, envios de formulários, cliques de CTA para determinar se os usuários estão respondendo adequadamente ao seu conteúdo inteligente. Se não, talvez seja hora de repensar como você está apresentando esse conteúdo.

5. Adie sua ferramenta de bate-papo

Você usa a ferramenta de bate-papo da HubSpot? Você provavelmente gosta muito disso, e nós entendemos. É um ótimo recurso para converter tráfego e geração de leads. Infelizmente, isso tem um grande efeito na velocidade da sua página.

Não, não estamos pedindo para você se livrar dele. Mas há algumas coisas que você pode fazer para otimizá-lo para que seu site não fique lento. Você pode atrasar o tempo de carregamento do chat para que ele não apareça até que sua página seja totalmente carregada para o usuário. Veja como:

1. Navegue até Conversas -> Chatflows.
2. Clique em "editar" no fluxo de bate-papo que deseja alterar.
3. Em “Exibir” e “Comportamentos de exibição de bate-papo”, você notará um prompt para editar o tempo na página.

Insira o número de segundos que você gostaria de atrasar seu bate-papo. Isso atrasará o carregamento do bate-papo por esse período de tempo definido. A HubSpot recomenda 5 segundos como prática recomendada.

6. Tenha cuidado com os formulários do HubSpot

Os formulários e CTAs da HubSpot podem ter um impacto bastante drástico na velocidade da página, especialmente em dispositivos móveis. Por quê? Cada formulário e CTA tem seu próprio Javascript, o que requer uma quantidade significativa de tempo de carregamento.

A solução fácil é usar formulários e CTAs com moderação. Nem sempre opte pelo botão. Às vezes, você pode usar um hiperlink comum no lugar do CTA e obter os mesmos resultados. Você também vai querer ser um pouco mais estratégico onde você coloca seus formulários e CTAs. Por exemplo, muitas empresas estão tão focadas na geração de leads que optam por preencher um formulário no rodapé de quase todas as páginas do site. Isso é realmente necessário?

Use dados para alimentar sua decisão. Acesse quais formulários estão com bom desempenho e compare isso com os benefícios de aumentar o tempo de carregamento da página. Decida se vale a pena aumentar a velocidade da sua página para remover um determinado formulário ou CTA. Você também vai querer testar os resultados de CTAs de hiperlink. Se eles tiverem o mesmo desempenho, você descobriu uma maneira de capturar leads e reduzir o tempo de carregamento da página.

Aprimorei os Core Web Vitals do meu site da HubSpot. Quando vou ver os resultados?

Essa é uma pergunta difícil de responder. Depende de quão pobres eram seus Core Web Vitals em primeiro lugar. Se você marcou em algum lugar no vermelho e agora está marcando no verde, poderá ver algumas mudanças bastante drásticas no tráfego da web.

Mas os benefícios vão além da classificação de pesquisa e do tráfego. Você provavelmente verá um aumento nas conversões também. Pense nisso. Se você estiver fornecendo uma melhor experiência geral ao usuário, com um tempo de carregamento de página rápido e pouca ou nenhuma mudança de página, é menos provável que os usuários fiquem frustrados com seu site e saiam dele como resultado.

Portanto, embora não possamos garantir que você verá um aumento instantâneo nas classificações dos mecanismos de pesquisa, podemos apostar que, ao dedicar um tempo para melhorar seus Core Web Vitals, você terá usuários do site mais felizes e, como resultado, tráfego muito mais propensos a converter.