Novos critérios do Google: principais elementos vitais da Web

Publicados: 2020-12-01

Atualizado em maio de 2021

No marketing de SEO, empresas, blogs, sites e plataformas online competem diariamente. O topo da lista do Google é onde eles querem estar.

Das inúmeras listagens no Google, 90% dos sites listados nunca chegam à primeira página. Os 10% que fazem são os anúncios pagos, gráficos de conhecimento e aproximadamente dez listagens orgânicas. O trânsito entre eles é irregular. Menos de 3% dos usuários da web chegam aos resultados nas páginas de acompanhamento.

Até agora, os principais mecanismos de marketing de SEO que influenciaram foram títulos, conteúdo, tags de título, palavras-chave, descrições de imagens, links internos, backlinks, etc. requisito.

Os Core Web Vitals devem se tornar um componente determinante das agências técnicas de SEO nos EUA . Também pode ser esperado e é propenso a redefinir os resultados da pesquisa. Embora o marketing tradicional de SEO abrace essencialmente relevância, distância e proeminência, o Core Web Vitals consolidará o valor.

Índice

  1. O que são os principais Web Vitals?
  2. Os Três Elementos do Core Web Vitals
    1. Maior pintura de conteúdo
    2. Atraso da primeira entrada
    3. Mudança de layout cumulativa
  3. Principais métricas vitais da Web
  4. Ferramentas principais de análise do Web Vitals
  5. Por que a otimização do Core Web Vitals é importante
  6. Conclusão

O que são os principais Web Vitals?

Core Web Vitals são um conjunto separado de métricas que determinam a experiência do usuário (UX) em sites. O último incorpora três medições diferentes de velocidade de página e interação do nó cliente. A acumulação desses fatores será incluída em um sistema de pontuação que determina a prioridade que uma página recebe como listagem.

swc-125
Parceria SWC
Londres, Reino Unido
5/5 - 9 recomendações
Publicidade e Display Estratégia Digital e de Marketing Padrão Marketing Relações Públicas
Conheça a agência arrow_forward
havas1
Socializar Bélgica
Londres, Reino Unido
5/5 - 0 recomendação
Marketing
Conheça a agência arrow_forward
op1
Comunicações POP
Dubai, Emirados Árabes Unidos
5/5 - 2 recomendações
Relações Públicas de Marketing
Conheça a agência arrow_forward
lugar1
Lixa
Dubai, Emirados Árabes Unidos
5/5 - 5 recomendações
Estratégia digital e de marketing Marketing Relações públicas Software de criação de sites
Conheça a agência arrow_forward
raízes1
Agência criativa de base
Dubai, Emirados Árabes Unidos
5/5 - 10 recomendações
Estratégia Digital e de Marketing Marketing Web Design Software de Criação de Sites
Conheça a agência arrow_forward
evolução1
EvolveDigitas
Singapura, Singapura
5/5 - 5 recomendações
Publicidade e Display Estratégia Digital e de Marketing Marketing Relações Públicas Software de Criação de Sites
Conheça a agência arrow_forward
ab1
ab4.systems
Singapura, Singapura
5/5 - 26 recomendações
Publicidade e Display Estratégia Digital e de Marketing Marketing Software de Criação de Sites
Conheça a agência arrow_forward
blen1
Mistura criativa
Riyadh, Arábia Saudita
5/5 - 1 recomendação
Publicidade e Display Estratégia Digital e de Marketing Marketing Relações Públicas Software de Criação de Sites
Conheça a agência arrow_forward
di1
Dice Marketing e Publicidade
Riyadh, Arábia Saudita
5/5 - 1 recomendação
Software de criação de sites de publicidade e marketing de exibição
Conheça a agência arrow_forward
sua
diARK
Bucareste, Romênia
5/5 - 3 recomendações
Publicidade & Display Marketing Relações Públicas Desenvolvimento Web Software de Criação de Websites
Conheça a agência arrow_forward
nós1
Grupo de Marketing Destino
Doha, Catar
5/5 - 1 recomendação
Publicidade e marketing de exibição Desenvolvimento Web Software de criação de sites
Conheça a agência arrow_forward
artx1
ArtX Pro
Karachi, Paquistão
5/5 - 3 recomendações
Estratégia Digital e de Marketing Marketing Desenvolvimento Web Software de Criação de Sites
Conheça a agência arrow_forward
refazer1
Redoya – agência de branding digital inteligente
Lahore, Paquistão
5/5 - 1 recomendação
Software de criação de sites de marketing de estratégia digital e de marketing
Conheça a agência arrow_forward
marrom2
Maroon studio sdn bhd
Kuala Lumpur, Malásia
5/5 - 0 recomendação
Publicidade e Display Estratégia Digital e de Marketing Marketing Software de Criação de Sites
Conheça a agência arrow_forward
aceno
Cáspio Soluções Digitais
Petaling Jaya, Malásia
5/5 - 5 recomendações
Publicidade e Display Marketing Digital e Estratégia de Marketing
Conheça a agência arrow_forward
002
Poixel
Cidade do Kuwait, Kuwait
5/5 - 2 recomendações
Software de criação de sites de marketing de estratégia digital e de marketing
Conheça a agência arrow_forward
56
Vocal local
Central de Jacarta, Indonésia
5/5 - 0 recomendação
Publicidade e Display Estratégia Digital e de Marketing Marketing Software de Criação de Sites
Conheça a agência arrow_forward
45
Agência de marketing digital ChubbyRawit
Sul de Jacarta, Indonésia
5/5 - 10 recomendações
Publicidade & Display Estratégia Digital & Marketing Marketing Desenvolvimento Web
Conheça a agência arrow_forward
30
FMG
Cidade Ocidental de Jacarta, Indonésia
5/5 - 5 recomendações
Publicidade e marketing de exibição Desenvolvimento Web Software de criação de sites
Conheça a agência arrow_forward
06
Taksu Digital
Hong Kong, Hong Kong
5/5 - 8 recomendações
Software de criação de sites de marketing de estratégia digital e de marketing
Conheça a agência arrow_forward
04
Marca DSIGN
Hong Kong, Hong Kong
5/5 - 2 recomendações
Estratégia de marketing digital e marketing
Conheça a agência arrow_forward
veloma
apogeu
Ilha de Hong Kong, Hong Kong
5/5 - 6 recomendações
Desenvolvimento Web Marketing
Conheça a agência arrow_forward
ki
4HK
Ilha de Hong Kong, Hong Kong
5/5 - 5 recomendações
Estratégia de marketing digital e marketing
Conheça a agência arrow_forward
gendarme
Soluções Olho de Peixe
Gizé, Egito
5/5 - 3 recomendações
Estratégia de marketing digital e marketing
Conheça a agência arrow_forward
citrino
criações sendian
Al Maadi, Egito
5/5 - 6 recomendações
Desenvolvimento Web Marketing
Conheça a agência arrow_forward
bombom
INETWORK Oriente Médio
Nova Cidade do Cairo, Egito
5/5 - 8 recomendações
Software de criação de sites de marketing de estratégia digital e de marketing
Conheça a agência arrow_forward
ses
Pedra Teia
6 de outubro cidade, Egito
5/5 - 13 recomendações
Marketing de Conteúdo Estratégia de Marketing Digital e Marketing Desenvolvimento Web
Conheça a agência arrow_forward
jjjjjjj
Mídia índigo
Qism El-Nozha, Egito
5/5 - 0 recomendação
Marketing
Conheça a agência arrow_forward
aaaaaa
Agência de marketing de valor do anúncio
Província do Cairo, Egito
5/5 - 2 recomendações
Marketing
Conheça a agência arrow_forward
lilliliil
Grupo de Mídia O2
Gizé, Egito
5/5 - 14 recomendações
Desenvolvimento Web de Marketing de Estratégia Digital e Marketing
Conheça a agência arrow_forward
hihi
Nova mídia de passo
Ad Doqi, Egito
5/5 - 10 recomendações
Marketing
Conheça a agência arrow_forward
captura 789
Essencius A/S
Copenhague, Dinamarca
5/5 - 4 recomendações
Marketing
Conheça a agência arrow_forward
Mídia Jaroudi
Manama, Bahrain
5/5 - 0 recomendação
Estratégia de marketing digital e marketing
Conheça a agência arrow_forward

Os Três Elementos do Core Web Vitals

Maior pintura de conteúdo

O Largest Contentful Paint (LCP) é uma medida criada pelo Google para garantir a satisfação do usuário. Esse parâmetro se concentra mais no desempenho do que na apresentação. Se a página demorar muito para carregar e o internauta sair, isso é considerado insatisfatório.

O tempo de carregamento da página da Web e os fatores de experiência do Google, como tags de imagem e miniaturas de vídeo, determinam a classificação do LCP. Imagens de fundo com CSS e elementos de texto, como parágrafos, títulos e listas, também são monitorados quanto à fluência.

Causas de LCP ruim

Tempos de resposta lentos do servidor

A velocidade de renderização de um site depende do tempo de reação de um servidor. Quanto mais lento for o servidor, mais tempo levará para exibir qualquer coisa na tela de um dispositivo.

A principal solução aqui é otimizar seu servidor. O armazenamento em cache de ativos e a exibição de HTMLs em cache primeiro agilizam os processos de serviço. Além disso, é aconselhável encaminhar os usuários para uma CDN próxima. Ao estabelecer conexões de terceiros antecipadamente, a latência se torna mínima, o que é importante para sites responsivos para dispositivos móveis.

Bloqueio de renderização de CSS e JavaScript.

Os navegadores fornecem conteúdo analisando as marcações HTML em uma árvore DOM. Se o analisador encontrar folhas de estilo externas, ele pausa. Scripts e folhas de estilo externas atrasam a distribuição de recursos de bloqueio, FCP e, finalmente, LCP.

CSS e Java são robustos e podem perder “muito peso” por meio de deferência, minimização e minificação. Os softwares disponíveis para compactação Java incluem UglifyJS2, Closure Compiler e YUI Compressor. CSSnano, UNCSS e CSSO são todos mecanismos capazes de compactar CSS. O tempo de otimização do carregamento melhorará com a implantação dessas ferramentas.

Tempos de carregamento de recursos ruins

Enquanto o aumento da atividade de CSS e JavaScript produz resultados ruins, outros componentes se mostram igualmente problemáticos. Os elementos que afetam negativamente o LCP são < image >, < img > e < video > e componentes de nível de bloco contendo nós de texto.

A otimização e compactação de arquivos de imagem e texto ajudarão aqui. Ao pré-carregar os recursos necessários e os ativos de armazenamento em cache, ao usar um service worker diferente, o tempo necessário é reduzido.

Renderização final do usuário

Os sites que fazem a maior parte de sua renderização no cliente perdem uma boa quantidade de controle. A desvantagem dessa opção se torna aparente com o uso de grandes pacotes JavaScript. Na maioria dos casos, o conteúdo não é exibido até que o JavaScript conclua sua renderização; colocará em risco as classificações do LCP.

A minimização do JavaScript é crucial, e a renderização do servidor é preferível ao usuário. Outra solução é a pré-renderização que auxiliará na otimização do tempo de carregamento.

Atraso da primeira entrada

First Input Delay (FID) mede o tempo desde a interação inicial do usuário até quando o navegador responde. É um fator crucial para saber se o cliente vai deixar o site ou não. Os atrasos geralmente ocorrem quando o encadeamento principal de um navegador está ocupado.

Arquivos JavaScript carregados por aplicativos locais geralmente são os culpados por problemas de FID. O que acontece é que os navegadores tentam analisar e executar, mas ocorre latência, levando à falta de resposta nos dispositivos finais. Uma classificação FID baixa pode determinar que o site ou a página em questão é inutilizável.

Causas de FID ruim

JavaScript

Geralmente, enquanto o thread principal está ocupado, o navegador não pode responder às interações. A execução pesada de JavaScript agrava esse problema, impondo atrasos na velocidade de carregamento.

Ao dividir tarefas longas, você pode aliviar o backlog. Além disso, limitar o tempo de execução do JavaScript deve melhorar a capacidade de resposta. O uso de um web worker também é útil. Todas essas são formas de otimizar as métricas do site para interação.

Mudança de layout cumulativa

A métrica Cumulative Layout Shift (CLS) mede a estabilidade do design de uma página da web. Ele funciona para garantir que as interações do cliente fluam da forma mais natural possível. Os internautas geralmente experimentam interrupções ou saltos ao visualizar o conteúdo de um site. Assim, leva a uma quebra na concentração e cria uma experiência ruim.

A inconveniência é resultado de um design fraco. Os efeitos prevalecem em sites responsivos para dispositivos móveis e navegadores de desktop.

A falta de elementos de design corretos instiga a instabilidade visual. O último tende a forçar mudanças repentinas de layout, muitas vezes fazendo com que o usuário clique em conteúdo indesejado inadvertidamente. Exemplos típicos são sites com anúncios pop-up.

Novos designs, mesmo que estruturados corretamente, também podem tornar as páginas da web mais lentas. O algoritmo do Google compensa permitindo uma omissão de 500ms antes de iniciar seu processo de cálculo.

Causas comuns de CLS

Imagens sem dimensões

A exclusão dos atributos de tamanho de largura e altura para vídeo e imagens resultará em uma classificação baixa. Muitas pessoas não reservam espaço para a mídia, e isso resulta em saltos e mudanças.

A solução aqui é simples; sempre incluir largura e altura. A outra opção são as caixas de proporção de aspecto CSS. Eles são úteis para a reserva de espaço em sites. É especialmente útil em sites que hospedam anúncios.

Anúncios, incorporações e iframes sem dimensões

Os anúncios são grandes contribuintes para o problema. As redes de anúncios optam pelo dimensionamento dinâmico em oposição à variante estática, o que aumenta o tráfego para os sites. Infelizmente, isso ocorre às custas da experiência de desktop ou móvel.

Certos widgets permitem a incorporação de itens como vídeos, mapas e conteúdo de mídia social na página da web. O problema aqui é que o site geralmente não tem ideia do tamanho exato ou da composição da incorporação. Ao não reservar espaço, a instabilidade se torna aparente quando a página é carregada.

O pré-cálculo das necessidades espaciais necessárias para uma incorporação ou fallback do site evita o perigo do CLS. As ferramentas do desenvolvedor do navegador são úteis para obter a altura e a largura do resultado. Depois de estabelecer isso, o iframe se ajustará automaticamente ao espaço reservado toda vez que a página for carregada.

Conteúdo injetado dinamicamente

Itens recém-inseridos sobre mídia antiga também são o que cria mudanças de layout. Exemplos típicos disso são banners de apelo à ação. Eles não apenas bloqueiam a interação, mas irritam em vez de convencer.

Mais uma vez, reserve espaço. Além disso, os designers de sites podem adicionar um esqueleto de interface do usuário. O último é um espaço reservado que impedirá que o texto migre quando a imagem for carregada.

Fontes da Web que causam FOIT/FOUT

O download e a renderização de tipos de letra da Web são fundamentais para um Flash of Unstyled Text (FOUT). Nesse caso, um novo estilo substitui a impressão substituta.

Uma consequência adicional é o Flash of Invisible Text (FOIT), que oculta o tipo de letra até que um novo caso fique disponível.

A API de carregamento de fontes reduz o tempo necessário para obter os estilos de letras necessários, minimizando ou erradicando a ocorrência de FOUT e FOIT.

Principais métricas vitais da Web

Conforme observado, os três elementos Core Web Vital têm medidas individuais. Cada um classificado de acordo com diferentes padrões de tempo.

  • Uma boa classificação LCP é inferior a 2,5s. O Google concederá clemência para qualquer coisa com menos de 4 anos, mas isso ainda significa que há espaço para melhorias.
  • A unidade de medida do FID é milissegundos e se o tempo entre a entrada do usuário e a reação da página ficar abaixo de 100, isso é ideal. Uma métrica de 300ms é aceitável, mas sugere problemas futuros. Qualquer coisa acima de 300ms leva ao rebaixamento da listagem da web.
  • A leitura ideal para CLS é zero. Os algoritmos do Google aceitarão 0,1, mas como a aceitabilidade máxima é 0,25, isso cria uma margem muito pequena para flexibilidade. Os administradores do site também podem se esforçar para a perfeição completa.

Ferramentas principais de análise do Web Vitals

  • O Web Vitals For Chrome é como qualquer outra extensão, e alguns podem não se sentir confortáveis ​​com essa opção devido a questões de privacidade.
  • O insight de velocidade da página é uma interface simples que permite alternar entre as opções de desktop e móvel. Os resultados do PC e do dispositivo inteligente diferem independentemente do software de análise que você usa. O mencionado anteriormente produz dados de campo de usuários reais do Google ao longo de 28 dias.
  • As ferramentas de desenvolvimento do Chrome e os designs do Lighthouse permitem que eles monitorem o LCP e o CLS. Infelizmente, o mesmo software não é capaz de medir o FID, mas para isso existe o TBT.

À medida que os Core Web Vitals proliferam, mais ferramentas de monitoramento devem entrar em cena.

Por que a otimização do Core Web Vitals é importante

A atualização principal do Google está programada para ocorrer em maio de 2021. Isso significa que, a partir de então, os sinais habituais de SEO não serão suficientes para manter uma classificação alta no Google.

É uma implementação de um padrão que defende a qualidade do UX. Os sites alinhados com os novos critérios não serão afetados. As páginas da Web que não foram ajustadas certamente sentirão os efeitos, apesar da eficácia do SEO. Listagens com Core Web Vitals fracas cairão na classificação, abrindo espaço para entidades que estejam em conformidade.

Conclusão

Ao definir uma nova regulamentação no marketing de SEO, o Google abre caminho para melhorias. O padrão Core Web Vital é o primeiro, e muitos outros certamente seguirão. Essas medidas criam uma plataforma para uma nova era da internet se fundir com outras tecnologias emergentes sem falhas. Além disso, você pode usar essas dicas para aumentar a velocidade de carregamento do seu site.