Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Otimização do Google Core Web Vitals para WordPress

Você está em:

Otimização do Google Core Web Vitals para WordPress
Como preparar seu site WordPress para os principais elementos vitais da Web

O Google faz dezenas de alterações de algoritmo ao longo do ano, com a intenção de eliminar resultados de pesquisa ruins e fornecer aos pesquisadores apenas o conteúdo mais benéfico e relevante. No outono passado, o gigante dos mecanismos de busca anunciou algumas grandes mudanças que podem afetar a classificação do seu site.

A boa notícia é que, se você já priorizou a otimização do seu site e priorizou a experiência do usuário (UX), não precisará se preocupar em correr para fazer todo tipo de alteração no seu site. No entanto, isso não significa que você deseja deixar os Google Core Web Vitals passarem por você sem ter um momento para entender o que são e como eles afetarão os resultados dos mecanismos de pesquisa quando essas alterações começarem a ser implementadas no final de maio de 2021.

O que são os Google Core Web Vitals?

Web vitals não são exatamente um conceito novo para aqueles que prestam atenção ao desempenho do site e como isso afeta a experiência geral do consumidor. Estudos mostram que a velocidade da página afeta diretamente a experiência do usuário, e o Google a utiliza como fator de classificação desde 2010 .

Os elementos vitais da Web aos quais a maioria dos webmasters prestou atenção especial incluem:

  • Velocidade da Web
  • Segurança do site
  • Compatível com dispositivos móveis
  • Robots.txt e mapas do site

O Google presta atenção especial a esses fatores há muitos anos, mas agora eles estão se tornando mais críticos do que nunca. O que está mudando?

Os Google Core Web Vitals são novos e mais complexos sinais vitais da Web que farão parte do algoritmo principal do Google . Isso significa que, se seu site não atender aos padrões estabelecidos por esses novos web vitals, ele poderá ser afetado negativamente pelas alterações.

Os novos elementos vitais da web que serão priorizados como parte da atualização mais recente do Google serão carregamento de página/site, interatividade e estabilidade visual e serão representados como:

  • Largest Contentful Paint (LCP) : concentra-se no tempo de carregamento da página e é representado pelo tempo que uma única página leva para carregar da perspectiva do usuário.
  • First Input Delay (FID) : concentra-se na interatividade e na capacidade do usuário de interagir com sua página.
  • Mudança de layout cumulativa (CLS) : concentra-se na estabilidade visual e representa a estabilidade de uma página à medida que ela é carregada.

Maior pintura de conteúdo (LCP)

O tempo de carregamento do site é um fator importante na experiência do usuário. Estudos mostraram que um site de carregamento lento tem um efeito negativo nas percepções da marca e pode levar a uma diminuição nas conversões. Se uma página demorar muito para carregar, os usuários podem ficar frustrados e sair do site antes que ele tenha a chance de carregar completamente.

A métrica LCP informará o tempo de renderização do texto ou bloco de imagem mais proeminente visível na janela de visualização em relação ao momento em que a página começa a ser carregada. Idealmente, você desejará ter uma pontuação de LCP de 2,5 segundos ou menos.

Atraso da primeira entrada (FID)

O FID destina-se a rastrear a quantidade de tempo que passa entre quando um usuário interage com um elemento em seu site e quando o navegador responde a essa solicitação. As interações podem incluir clicar em um link, escolher uma opção de menu, etc.

Embora os sites que hospedam principalmente grandes partes de conteúdo provavelmente terão que se preocupar menos com esse núcleo vital específico da Web, é essencial para aqueles que incluem uma chamada para ação interativa no final de uma página ou têm um login de cliente/assinante ou até mesmo um página de inscrição. Quanto mais lentos os tempos de reação, mais frustrado o visitante fica. Idealmente, você deseja ter uma pontuação FID de 100 milissegundos ou menos.

Mudança de layout cumulativa (CLS)

Por fim, o CLS é projetado para medir a estabilidade de uma página à medida que ela é carregada. Por exemplo, se você estiver visualizando um conteúdo em seu dispositivo móvel e, à medida que continua carregando, o texto que estava lendo salta, esse bloco de texto é considerado instável. Essas instâncias são incrivelmente frustrantes para os consumidores e levarão a taxas de rejeição mais altas à medida que eles saem da sua página para encontrar as informações necessárias em outro lugar.

Quanto mais estável for sua página, menor será sua pontuação geral no CLS. O ideal é que cada uma de suas páginas tenha uma pontuação CLS de 0,1 ou menos . Qualquer coisa mais alta indica que os elementos da sua página estão mudando quando não deveriam e estão afetando negativamente os tempos de carregamento da página e o UX do seu site.

O Core Web Vitals é um fator de classificação para o seu site?

otimizar páginas de destino para motores de busca

Web vitals sempre desempenharam um pequeno papel na classificação do site. No entanto, eles agora estão sendo priorizados pelo Google à medida que mais usuários exigem que os sites funcionem para eles – e não o contrário. Os consumidores não têm problemas em mudar de um site para outro se a página for muito complicada para navegar ou demorar muito para carregar.

De acordo com o Google, tempos de carregamento de página mais longos têm um “efeito severo nas taxas de rejeição”.

  • À medida que o tempo de carregamento da página aumenta de 1 segundo para 3 segundos, a taxa de rejeição aumenta em 32%.
  • Se o tempo de carregamento de uma única página aumentar de 1 segundo para 6 segundos, a taxa de rejeição aumentará em 106%.

Esses Core Web Vitals se juntarão aos atuais Search Signals do Google para experiência na página , que incluem:

  • Amigável para dispositivos móveis: com a participação móvel das visitas de mecanismos de pesquisa orgânica nos Estados Unidos atingindo 59% no primeiro trimestre de 2021 e atingindo um recorde histórico no segundo e terceiro trimestres de 2020 (64%), faz sentido que o Google inclua dispositivos móveis -amizade como fator de classificação para sites. Isso significa que seu site não apenas abre em um dispositivo móvel, mas também é renderizado de maneira fácil de navegar e usar para smartphones, tablets e outros dispositivos móveis.
  • Navegação segura : sua página não inclui nenhum conteúdo malicioso ou enganoso, como malware ou engenharia social , que induza os visitantes a revelar informações confidenciais ou fazer download de software.
  • HTTPS : Seu site é seguro e possui um certificado SSL , que garante que seu site possa transmitir dados confidenciais, como informações bancárias e credenciais de login de forma segura, pela Internet por meio do uso de protocolos de criptografia, autenticação e integridade.
  • Sem intersticiais intrusivos: os intersticiais intrusivos são definidos como elementos interativos que essencialmente aparecem e assumem a página que um visitante estava visualizando no momento. Na maioria dos casos, são anúncios pop-up e sobreposições. Embora alguns intersticiais sejam necessários (como intersticiais legais), o Google penalizará um site que inclua intersticiais intrusivos que não sejam considerados necessários.

Cada um desses elementos vitais do site e os elementos vitais atualizados do site principal agora serão usados para tomar decisões de classificação no algoritmo do Google. Se você já prestou muita atenção a esses sinais vitais da web, então você tem muito pouco com o que se preocupar! No entanto, se você não estiver prestando atenção especial à velocidade da página, à segurança do site e aos outros pontos vitais de UX descritos, convém começar a fazer algumas grandes alterações em seu site mais cedo ou mais tarde ou ter em mente ao criar inicialmente seu site .

Como melhorar os principais elementos vitais da Web do seu site?

Esteja você procurando fazer pequenas correções em seu site já otimizado ou se preparando para fazer uma revisão completa, há várias maneiras de melhorar seus Core Web Vitals. Aqui estão os cinco principais Web Vitals principais.

1. Otimize suas imagens

Otimizar imagens

Infelizmente, ao adicionar imagens e vídeos a um site, a maioria dos criadores simplesmente incorpora os elementos e pensa pouco em otimizá-los para ajudar a melhorar o UX. Como imagens e vídeos ocupam aproximadamente 63% da largura de banda em um site moderno, é vital que você reserve um tempo para otimizá-los para o desempenho do site. A melhor maneira de abordar a otimização de imagem/vídeo é considerar estes três elementos:

  • Tamanho do arquivo : A primeira coisa a considerar ao adicionar imagens e vídeos a um site é o tamanho do arquivo. Se você estiver incorporando uma imagem ou um vídeo em seu site, certifique-se de que o arquivo não seja enorme. Quanto maior o tamanho do arquivo, mais tempo a imagem levará para carregar.
  • Tipo de arquivo : A segunda coisa a considerar é o tipo de arquivo. Embora a maioria dos navegadores modernos use qualquer tipo de arquivo necessário, é melhor garantir que você esteja usando o tipo de arquivo correto para a imagem ou o vídeo.
  • Formato da imagem : A terceira coisa a considerar é o formato da imagem. Embora a maioria dos navegadores aceite arquivos PNG e GIF (e até mesmo o BMP ocasional), você deve garantir que a imagem esteja formatada corretamente. Os arquivos PNG são muito mais eficientes que os GIFs e são o formato de arquivo preferido da maioria dos designers.

Para compactar e otimizar suas imagens, você pode usar sites de terceiros como o TinyPNG . Ou se você tem um site WordPress existem plugins de otimização de imagem como:

Isso otimizará automaticamente seus arquivos de mídia para você.

2. Otimize seu CSS e JavaScript

O que é CSS?  E quando usar

Embora seus arquivos CSS e JavaScript sejam importantes para a funcionalidade do seu site, eles também são importantes para o desempenho do seu site. Ao otimizar esses arquivos, você pode melhorar os tempos de carregamento da página do seu site, o que ajudará seu site a ter uma melhor classificação nos resultados de pesquisa do Google.

Existem várias maneiras de otimizar seus arquivos CSS e JavaScript para desempenho. Aqui estão algumas dicas:

  • Limite o número de arquivos CSS : quanto mais arquivos CSS você tiver, mais tempo levará para carregar seu site. Você quer ter certeza de que seus arquivos CSS não são muito grandes e que você está usando apenas o número de arquivos necessários.
  • Minimizar arquivos CSS/JavaScript : Minimizar seus arquivos CSS e JavaScript pode ajudar a aumentar o desempenho do site. Ao remover espaços e caracteres desnecessários de seus arquivos CSS e JavaScript, você ajudará seu site a carregar mais rapidamente.
  • Limite o número de scripts externos : quanto mais scripts externos você tiver, mais tempo levará para o seu site carregar.

Para implementar essas táticas, você provavelmente precisará trabalhar com um desenvolvedor. No entanto, se você tiver um site WordPress, existem plugins como:

Isso fará o trabalho pesado para você. Se precisar de ajuda adicional, consulte este guia sobre como melhorar o desempenho do seu site usando o plug-in Hummingbird .

3. Certifique-se de que seu site é seguro

Melhor segurança

O Google deixou claro que levará em conta a segurança para seu algoritmo de classificação. Isso significa que você precisa investir em um certificado SSL (também conhecido como SSL/TLS ou simplesmente TLS). Um certificado SSL ajudará a proteger seu site, o que ajudará a proteger os dados de seus visitantes e garantirá que todas as informações inseridas em seu site sejam criptografadas e protegidas. Felizmente, as empresas de hospedagem WordPress mais bem gerenciadas agora oferecem suporte gratuito ao Let’s Encrypt SSL – portanto, não há necessidade de quebrar o banco para proteger seu site.

4. Certifique-se de que seu site seja compatível com dispositivos móveis

Fator #1: Desenvolvimento

Com o crescimento da pesquisa móvel, seu site deve ser compatível com dispositivos móveis. Isso significa que seu site será carregado e renderizado corretamente em dispositivos móveis. Você quer ter certeza de que seu site é responsivo e fácil para seus visitantes navegarem.

Os temas mais populares do WordPress são responsivos por padrão. No entanto, se você estiver usando um tema antigo ou personalizado, isso pode não ser verdade. Não sabe ao certo como tornar seu site compatível com dispositivos móveis ? Aqui estão algumas coisas a considerar:

  • Formatação : Certifique-se de que seu site esteja formatado corretamente. Isso inclui dimensionar imagens corretamente, usar os tipos de arquivo apropriados e usar a formatação CSS e JavaScript correta.
  • Tempo/velocidade de carregamento : certifique-se de que seu site seja carregado e renderizado adequadamente. Você quer ter certeza de que seu site não demora muito para carregar em dispositivos móveis e não trava/congela.
  • Capacidade de resposta : Certifique-se de que seu site é responsivo. Você quer ter certeza de que seu site é responsivo em vários navegadores e dispositivos.
  • Navegação : certifique-se de que seu site seja fácil de navegar. Você quer garantir que seus menus sejam fáceis de usar e que seu site não tenha gargalos que impossibilitem a navegação de seus visitantes.

5. Otimize seus servidores

Escolha uma hospedagem de qualidade

Finalmente, você quer ter certeza de que seus servidores de hospedagem podem lidar com a carga do seu site. Se seus servidores não puderem lidar com isso, você poderá enfrentar todos os tipos de problemas, incluindo tempos de carregamento lentos e tempo de inatividade. É melhor certificar-se de que seus servidores estejam otimizados para desempenho, e uma maneira de fazer isso é certificar-se de que está usando o servidor correto. Aqui estão algumas opções a serem consideradas:

  • Servidor VPS : Se o seu site for pequeno, um servidor VPS é uma ótima solução. Os servidores VPS são econômicos e flexíveis, o que os torna ótimos para a maioria das pequenas empresas.
  • Servidor Dedicado : Se o seu site for grande, um servidor dedicado pode ser a solução certa para você. Um servidor dedicado é uma excelente solução se você tiver um grande número de visitantes e/ou seu site tiver um grande número de páginas.
  • Cloud Server : Se o seu site for pequeno e você não tiver muitos visitantes, um servidor em nuvem pode ser a solução certa para você. Os servidores em nuvem são econômicos e escaláveis, o que os torna uma ótima opção para pequenas empresas.
  • Hospedagem Compartilhada : Se seu site é grande e tem muitos visitantes, a hospedagem compartilhada pode ser a melhor solução para você. A hospedagem compartilhada é econômica e escalável, o que a torna uma ótima solução para empresas maiores.

Para a maioria dos profissionais de marketing, a atualização do Core Web Vitals do Google não causará muita agitação, porque as melhores práticas de otimização de mecanismos de busca (SEO) já destacam a necessidade de priorizar a experiência do usuário.

No entanto, se você está apenas começando seu site ou não priorizou a experiência do usuário no passado, você deve tomar as medidas necessárias para garantir que seu site não seja penalizado na classificação. As cinco etapas descritas acima são um ótimo lugar para começar. Basta dar um passo de cada vez, e seu site estará pronto para ir!

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.