Web Vitals e SEO: dicas e práticas recomendadas para o seu site WordPress

Por Leandro Lopes 13/09/2022
21 Min Leitura
Web Vitals e SEO: dicas e práticas recomendadas para o seu site WordPress
Web Vitals e SEO: dicas e práticas recomendadas para o seu site WordPress

Se você está procurando as principais dicas de SEO e melhores práticas para se preparar para a Atualização de experiência de página, este é o conteúdo certo para você.

Em particular, você pode estar se perguntando como o Core Web Vitals afetará o desempenho de SEO e o que você deve prestar atenção ao otimizar seu site WordPress.

Continue lendo e você provavelmente obterá respostas para suas principais dúvidas!

Que impacto de SEO esperar do Core Web Vitals e da atualização da experiência da página do Google?

A atualização da experiência da página se concentra em oferecer uma melhor experiência do usuário por meio de cinco sinais:

  • Compatibilidade com dispositivos móveis;
  • Navegação segura
  • Uso de HTTPS
  • Sem intersticiais intrusivos em dispositivos móveis
  • Core Web Vitals.

Embora os primeiros quatro sinais sejam bem conhecidos há muito tempo, os Core Web Vitals são métricas adicionais que se concentram em quão bem os usuários podem interagir com a página. Veja por que as três métricas do Core web Vitals se concentram em:

  • Desempenho de carregamento , com a maior pintura de conteúdo.
  • Estabilidade visual , com a mudança de layout cumulativa
  • Interatividade , com o primeiro atraso de entrada.

O fator de classificação de SEO foi implementado em meados de junho de 2021.

Sites lentos continuarão lentos. As empresas que já investem em proporcionar boas experiências aos usuários continuarão colhendo os frutos.

A longo prazo, no entanto, acho que veremos uma tendência em que negócios legados, grandes e lentos finalmente comecem a investir em desempenho. Agora temos métricas formais e uma linha direta entre desempenho e receita ; até agora, essa conexão sempre foi um pouco efêmera demais. As empresas precisam se mover rapidamente, no entanto. As expectativas dos usuários em relação à velocidade continuarão a aumentar à medida que a web se tornar mais rápida, e a entrega de experiências lentas prejudicará os resultados,

A estreita relação entre experiência do usuário, desempenho e receita, digo o seguinte!

Páginas mais rápidas podem ajudar a melhorar a experiência do usuário, convertendo mais visitantes em clientes e páginas mais bem classificadas no Google.

Parece que o sinal de classificação será leve no início, mas imagino que se tornará mais significativo no Google com o tempo.

O Google não deve ser o único motivo para otimizar o desempenho da web e oferecer um melhor UX. No entanto, muitas empresas começaram a prestar mais atenção desde que o Google anunciou a atualização 2021 do Google Page Experience .

O foco na melhoria dos Core Web Vitals e SEO só pode ser uma coisa boa. Mas não devemos fazer isso apenas para o Google. Devemos fazê-lo porque faz sentido do ponto de vista dos negócios. Melhor UX é igual a mais receita .

Leia também

O dono de um site deve cuidar de seus usuários, não importa o que o Google ou outras empresas digam.

Não é a primeira tentativa do Google de dizer a todos para melhorar sua experiência no site, mas esta parece funcionar finalmente. Infelizmente, parece funcionar por causa do medo, mas não por causa do bom senso.

Por exemplo, sabemos há anos que um site deve responder muito rápido à primeira solicitação do bot do Google. Portanto, o Time to First Byte (TTFB) não é uma métrica nova, embora não esteja incluída no assustador KPI anunciado pelo Google.

A mudança real para esta atualização será no nível da taxa de rejeição. As métricas do Core Web Vitals se concentram em exibir rapidamente as informações que ajudarão os usuários a entender que estão na página certa. Uma vez que eles saibam disso, eles estarão mais propensos a esperar por geração e conteúdo complexo.

Se a sua empresa ou site se concentrar em fornecer uma experiência mais rápida e segura para os usuários, você se beneficiará da atualização do Google Page Experience.

Como se preparar para o lançamento do novo fator de classificação de SEO

Ao preparar seu site WordPress para a atualização do Page Experience, há várias coisas para prestar atenção.

Um deles é o tema WordPress para usar.

Há também outros aspectos a ter em conta, tais como:

  • Otimizando todos os tamanhos de imagem
  • Usando um plugin de cache
  • Minimizando ou removendo o código CSS e JavaScript de bloqueio de renderização para melhorar o Largest Contentful Paint (LCP) geral
  • Usando um CDN para melhorar o tempo de carregamento do conteúdo (editor de notas: RocketCDN é perfeito para ajudá-lo a atingir esse objetivo ).

Otimizar a velocidade da página requer muitas tentativas e erros.

Muito depende de scripts do lado do servidor, como PHP e SQL, de temas, construtores de páginas, plugins e scripts do lado do cliente, como JavaScript. Portanto, para vencer no Core Web Vitals e na velocidade da página, você precisa ter scripts de carregamento rápido, o que significa ser seletivo na forma como seu site é construído desde o início.

Reduzir o uso de plugins também ajuda a melhorar significativamente o desempenho.

Melhorando os principais elementos vitais da Web para SEO: qual é a métrica mais desafiadora?

Vamos agora mergulhar nos detalhes de desempenho! Investigamos as principais dificuldades relacionadas à melhoria do Core Web Vitals para um melhor desempenho de SEO. Como você verá, há uma métrica que mais se destaca.

A métrica mais difícil de melhorar é o TTFB. O servidor precisa responder rapidamente, sem atrasos. Dependendo do framework, pode ser difícil reduzir os tempos de resposta do servidor.

Como você já deve saber, o tempo para o primeiro byte é crucial para melhorar a maior pintura de conteúdo .

Quando se trata dos outros dois Core Web Vitals, uma hospedagem poderosa e os temas corretos do WordPress ajudam.

Juntamente com a hospedagem de alto desempenho, isso torna o First Input Delay (FID) e o Cumulative Layout Shift (CLS) muito fáceis de acertar.

Dica: Falando em melhorar o desempenho do site, pré-carregar a imagem do herol na página inicial ajuda a aumentar a nota do LCP.

Se você está construindo um site do zero, é relativamente fácil obter pontuações perfeitas em cada métrica. Mas se você estiver adaptando ou otimizando uma pilha existente, as coisas podem ficar muito mais confusas.

Para sites complexos com muitos recursos e dependências, geralmente acho que aperfeiçoar o CLS é o desafio mais difícil, especialmente quando os arquivos e fontes JavaScript são carregados de forma ineficiente, a mídia não é veiculada corretamente e os ativos de bloqueio de renderização fazem com que as coisas se comportem de forma imprevisível durante o carregamento! ”.

O que você não deve ignorar ao otimizar os principais elementos vitais da Web?

Vamos agora ver o que você nunca deve esquecer de prestar atenção para melhorar o Core Web vitals.

Os usuários não devem ignorar as técnicas de desempenho que ajudam a otimizar o LCP em primeiro lugar: carregamento lento , pré-carregamento, inlining de CSS crítico e começar a renderizar apenas o primeiro conteúdo da página visível.

O Gerenciador de tags do Google para carregamento lento. Isso fez com que todos os scripts pesados ​​do Facebook Pixel, Google Analytics e outros fossem carregados após a renderização da página.

De acordo com Jono, outra otimização de esquecimento são as fontes : “Muitos sites carregam fontes de forma ineficiente. Se você está apenas importando do Google Fonts, é provável que esteja afetando todas as suas métricas de CWV. Para resolver os problemas, você precisa entrar nos detalhes de quais famílias de fontes, pesos e estilos você está carregando, os conjuntos de glifos específicos que você precisa e o método de carregamento; bem como fazer malabarismos com pré-carregamento e formatos específicos do navegador”.

Amir concorda com o papel das fontes. Ele explica: “Quando iniciamos este projeto, nossos valores de desempenho no PageSpeed ​​Insights eram baixos. Parecia uma missão impossível passar de uma nota 40 para uma nota 90. Descobriu-se que algumas mudanças simples fizeram uma enorme diferença. Em seguida, ajustes adicionais nas páginas principais nos colocam na zona verde. Não é tão complicado e é viável para sites WordPress. Aqui estão algumas das mudanças mais significativas:

  • Paramos de carregar o Font Awesome completo. Em vez disso, adicionamos manualmente os poucos caracteres que precisávamos ao nosso tema.
  • Passamos do uso de uma fonte do Google para uma fonte padrão do navegador. A diferença é muito pequena e removemos um grande recurso de todas as páginas”.

16 dicas de SEO para otimizar o desempenho do seu site para Web Vitals

O que é melhor do que uma lista com todas as recomendações fornecidas por nossos especialistas?

Listamos as principais práticas recomendadas a serem lembradas para se preparar totalmente para a Atualização de experiência de página e enfrentar os desafios de desempenho à sua frente:

  1. Melhore o tempo de resposta do servidor
  2. Atualize seu servidor web (entre outros mencionados: Litespeed, NGINX e Cloudways)
  3. Atualize sua hospedagem
  4. Usar um CDN
  5. Seja seletivo em scripts do lado do servidor (tema, construtor de páginas, plugins, etc.)
  6. Pré-carregar o maior elemento de pintura de conteúdo
  7. Fique obcecado com todos os recursos e ativos que você carrega
  8. Adiar JavaScript
  9. Remover JavaScript de bloqueio de renderização
  10. Otimize suas fontes
  11. Sempre otimize as imagens
  12. Servir imagens no formato WebP
  13. Implementar carregamento lento
  14. Entre no AMP
  15. Limite o uso de complementos
  16. Use um plugin de cache (mesmo com a configuração básica).

Confira também as principais diferenças entre SEO On-Page e Off-Page!

Quais erros de SEO você deve evitar

Por um lado, agora você tem uma lista das principais dicas de SEO a serem consideradas. Por outro lado, que erros você deve evitar?

Um deles é focar em melhorias de velocidade de página apenas para sua página inicial . Chama-se Atualização da experiência da página, não Atualização da experiência do site.

Algumas técnicas de otimização serão aplicadas em todo o site, mas outras precisam ser feitas no nível da página, portanto, você deve prestar atenção extra na velocidade da página às suas páginas mais importantes.

A otimização de imagem é outro quesito fundamental.

Tempos recentes, o principal problema encontrado em todos os sites é o tamanho do vídeo e da imagem. Todo mundo continua a fazer upload de fotos em HD em vez do tamanho certo. Pode parecer senso comum, mas ainda vejo isso com frequência quando audito um site.

O erro de SEO mais comum que vejo é: ver o SEO no vácuo e isolá-lo de outros canais .

Por exemplo, em muitas empresas menores, o SEO é visto como uma reflexão tardia durante o processo de web design. No passado, eu tive clientes de SEO que rodavam com um web design, não nos digam, então incendiaram seus rankings no processo.

SEO precisa ser uma prioridade e não uma reflexão tardia .

Indo além do Core Web Vitals e falando do fator de classificação geral, outro problema comum que vejo é o manuseio incorreto das alterações de permalink. Se as alterações na estrutura do permalink ou ativos específicos forem movidos/excluídos, os redirecionamentos devem ser implementados adequadamente.

Também é importante manter-se atualizado sobre os erros de status HTTP. Coisas como links quebrados e 4xx (geralmente erros 404) podem destacar problemas maiores que precisam ser resolvidos. Corrigi-los é bom para o Google, os usuários e sua empresa. Embora isso não afete diretamente os Core Web Vitals, eles impactam diretamente o UX.

Eles também podem prejudicar todo o bom trabalho que você está fazendo para se preparar para a Atualização de experiência de página.

Pare de usar pop-ups irritantes que cobrem toda a tela do seu site e evite o uso de intersticiais intrusivos para os visitantes móveis do seu site. Além disso, pare de usar temas ou plugins nulled e certifique-se de monitorar seu site contra problemas de segurança.

A navegação segura é crucial.

Quais ferramentas de teste e auditoria de velocidade usar para Web Vitals e SEO

Todos concordam que as principais ferramentas para testar e medir o desempenho do site WordPress são o Google Page Speed ​​Insights e o Lighthouse. Além disso, a Calculadora de Pontuação do Lighthouse.

O Google faz um ótimo trabalho ao dizer como você pode melhorar suas métricas do Core Web Vitals.

Se seu site tiver tráfego suficiente para fornecer ‘dados de campo’ nos relatórios do Lighthouse / PageSpeed ​​Insights, essa é a única métrica que você deve usar para comparar o desempenho. Caso contrário, os ‘dados de laboratório’ sintetizados são a próxima melhor coisa.

Para auditoria e identificação de oportunidades, confio apenas na guia ‘Rede’ no console do desenvolvedor do Chrome, que fornece uma visão geral detalhada de tudo o que é carregado no navegador. Pontos de bônus por emular um dispositivo móvel e conexão ‘3G lenta’”.

Outra ferramenta sugerida para usar é o GTmetrix, que agora usa as métricas do Lighthouse .

O GTmetrix é rápido e fácil e fornece a você o histórico do site — é um bom recurso para mostrar aos nossos clientes que algo mudou positivamente ou não. Mas monitorar os Core Web Vitals é a chave para um projeto de sucesso. Você não pode pensar no CWV apenas no início do seu projeto ou uma vez por ano.

Uma vez que a auditoria regular é feita e o problema de tempo de resposta do servidor é encontrado, eu uso profilers para depurar como Blackfire para facilidade de utilização, desempenho e métricas.

Recomenda algumas ferramentas adicionais como:

  • WebPageTest – fornece detalhes importantes sobre o desempenho do seu site, incluindo o tempo do primeiro byte, uso de CDN, juntamente com pontuações do web vitals.
  • Sucuri SiteCheck – um verificador de segurança de sites gratuito e scanner de malware que verifica se seu site é seguro para navegação)
  • Ferramenta de teste de compatibilidade com dispositivos móveis do Google – de uso gratuito.

A coisa nº 1 a ter em mente para Web Vitals e SEO

Otimizar seu site para Web Vitals e SEO pode ser bastante desafiador. Eis por que, na última seção, coletamos as coisas nº 1 de nossos contribuidores. Pode ser útil para você também!

  • A experiência do usuário é a coisa número 1 a ter em mente ao otimizar um site para qualquer atualização do Google. Forneça uma experiência melhor (mais rápida, segura e útil) aos usuários, e você ficará bem.
  • A experiência na página será um dos mais de 200 fatores de classificação no Google e começará como um sinal de classificação menor . Dito isso, o Google tem feito muito barulho sobre a velocidade do celular e da página. Em 2015, o Google introduziu a atualização compatível com dispositivos móveis. Em 2018, a velocidade da página se tornou um fator de classificação em dispositivos móveis. Em 2021, o Google concluíu o lançamento completo de sua atualização de indexação mobile-first. E, com a próxima atualização do Page Experience, que tem um forte foco no celular e na velocidade da página, você pode ver a direção que o Google está seguindo agora e no futuro.
  • O Google leva muitos fatores em consideração e, se você falhar em apenas uma parte deles, seu site não terá uma boa classificação nas pesquisas . É essencial estar ciente desses diferentes fatores, verificar como você está se saindo e lidar com os problemas. Todos os problemas são solucionáveis, portanto, não assuma que não há problema em ignorar alguns sinalizadores.
  • Evite fazer outras alterações significativas em seu site . O Google executa testes complexos nos resultados de pesquisa, portanto, entender o impacto de uma atualização pode ser complicado. Mas, se você fizer alterações significativas no site, como uma nova marca, alteração na estrutura ou alterações de conteúdo em grande escala – você removerá completamente qualquer tipo de referência que tiver.
  • Você tem que escolher os KPIs certos para seguir . Muitas vezes vejo pessoas olhando para sua classificação em palavras específicas ou no número de visitas, mas essa não é a métrica certa. A métrica principal deve permanecer a taxa de conversão. Não importa se a conversão é uma assinatura de newsletter, um carrinho ou um pedido de ligação, ou até mesmo um visitante que ficou na página de receitas do seu site enquanto cozinhava. Não otimize um KPI apenas para melhorá-lo. Você sempre tem que fazer isso para um propósito específico.

Conclusão para Web Vitals e SEO: dicas e práticas recomendadas para WordPress

Espero que agora você saiba como começar a otimizar seu site para a Atualização da experiência da página do Google!

🚀 Melhorar suas pontuações no Core Web Vitals pode ser um desafio. Você deve aplicar várias técnicas de desempenho da Web — e algumas são mais complexas e demoradas do que outras.

Assine nossa Newsletter!

Fique por dentro das últimas atualizações de desempenho do WordPress e da web.
Direto para sua caixa de entrada a cada duas semanas.

Compatilhe este Conteúdo
Postado por Leandro Lopes
Seguir
É especialista em WordPress com mais de 10 anos de experiência no CMS, além de experiência em provedores de hospedagem, banco de dados, front-end e back-end em desenvolvimento web. Trabalhou ou teve participação em projetos ligado à empresas: Hopi Hari, iG, entre muitos outros