Core Web Vitals e SEO: O que você precisa saber
Em maio de 2020 o Google anunciou a chegada de novos indicadores de SEO para 2021. As novas métricas, chamadas Core Web Vitals, avaliam o nível de performance dos sites.
O objetivo da empresa é garantir uma melhor experiência aos usuários dentro dos sites, o que já vem sendo alvo de diversas modificações, a exemplo do Mobile-Friendly em 2015 e do Bidirectional Encoder Representations (BERT) em 2019.
A última novidade, lançada em 2021, é composta por 3 fatores: Largest Contentful Paint (LCP), First Input Delay (FID) e Cumulative Layout Shift (CLS). Velocidade, interatividade e estabilidade visual, respectivamente.
É preciso estar atento às atualizações para não perder posições. Continue a leitura e entenda melhor quais foram as mudanças e descubra como otimizar o seu site.
O que é Core Web Vitals?
Core Web Vitals são as novas métricas do Google para SEO. Complementando o que já estava valendo, elas têm como objetivo melhorar a experiência do usuário nos sites e estão relacionadas ao ranqueamento nos resultados orgânicos.
São três os aspectos que compõem a atualização:
Largest Contentful Paint (LCP): se relaciona ao desempenho de carregamento do conteúdo das páginas, o que deve ocorrer em 2 segundos e meio.
First Input Delay (FID): se relaciona a interatividade dos sites, o FID das páginas deve ser menor que 100 milissegundos.
Cumulative Layout Shift (CLS): se relaciona a estabilidade visual da página e deve se manter abaixo de 0,1.
A seguir entraremos em detalhes sobre cada um desses fatores, descrevendo o que pode os prejudicar e como otimizar cada um deles.
Largest Content Paint (LCP)
O LCP mensura o tempo que os conteúdos mais importante da página levam para ser exibidos para o usuário. A métrica indica o momento exato em que o maior item do conteúdo é carregado, incluindo imagens, textos e vídeos.
De acordo com o Google, para uma boa experiência, esse tempo deve ser de até 2,5 segundos.
O que pode prejudicar o LCP
Veja quais são os principais fatores por trás de um baixo LCP:
- Baixo tempo de resposta do servidor (slow server response time)
- Bloqueio da renderização por JavaScript ou CSS (Render-Blocking JavaScript and CSS)
- Tempo de carregamento lento dos recursos (slows Resource load times)
- Renderização do lado do cliente (client-side Rendering)
Como otimizar o LCP
A seguir, algumas técnicas de otimização:
Reduza o tempo de resposta do servidor
- Use um CDN
- Armazene ativos em cache
- Use um service worker
- Estabeleça conexões de terceiros com “rel=”preconnect”
Otimize o tempo de bloqueio por JavaScript
- Minimize o código, compactando dados, dividindo pacotes, enviando apenas o que é necessário, e sirva código com sintaxe mais recente.
Reduza o tempo de bloqueio por CSS
- Remova qualquer CSS não utilizado ou caracteres desnecessários
- Organize o CSS crítico inline incluindo-o diretamente no <head> da página
First Input Delay (FID)
O FID também está relacionado com a velocidade do site. Aqui é mensurado o tempo que o conteúdo leva para ser visualmente processado, ou seja, o tempo que o site leva para estar pronto, com seus elementos clicáveis em funcionamento, para navegação e pesquisa.
O Google coloca como um tempo de espera ideal até 100 milissegundos para que a experiência do usuário não seja prejudicada.
O que pode prejudicar o FID
Veja quais são os principais fatores por trás de um baixo FID:
- Tarefas longas que bloqueiam o thread principal
- Execução de scripts (internos) que atrasam a interação
- Tempo de execução pesada do JavaScript
Como otimizar o FID
A seguir, algumas técnicas de otimização:
- Divida o código de longa execução em tarefas assíncronas menores
- Mova o carregamento e a execução de scripts pesados para “componentes não essenciais” e coloque-os fora do critical path
- Minimize o carregamento de dados em cascata
- Reduza a quantidade de dados que precisa ser pós-processada no lado do cliente (client-side)
- Divida o pacote JavaScript em vários blocos (também conhecido como lazy loading)
- Use um web worker
Cumulative Layout Shift (CLS)
O CLS é um indicador de estabilidade do layout quando em carregamento. Sendo assim, verifica se o usuário tem alguma dificuldade de navegar pelo site, como clicar em um elemento indesejado porque a página mudou de formatação.
A métrica, diferente das anteriores, não tem relação com a velocidade de carregamento, mas sim com a intensidade de mudanças na página.
Segundo o Google, um bom CLS tem valor menor do que 0,1. A pontuação considera o tamanho da janela de visualização e o movimento dos elementos instáveis na janela entre dois quadros renderizados.
O que pode prejudicar o CLS
Veja quais são os principais fatores por trás de um baixo CLS:
- Imagens grandes demais
- Propagandas, transições, animações e frames mal dimensionados
- Mudanças inesperadas de layout e conteúdo
- Web fontes que sofrem alterações
- HTML mal compactado
Como otimizar o CLS
A seguir, algumas técnicas de otimização:
- Inclua dimensões exatas em suas imagens e vídeos
- Evite anúncios pop-up ou banners
- Evite flashes de texto não estilizado ou invisível (FOIT/FOUT)
- Use uma API de carregamento de fontes pode reduzir seu tempo de carregamento
A melhor opção para quem não é programador e está trabalhando com um site WordPress é utilizar plugins que fazem todas essas coisas, como WPRocket. Você também pode optar para contratar um profissional e assim evitar dores de cabeça.
Como mensurar o Core Web Vitals
Implementada todas as técnicas sugeridas, você provavelmente vai querer descobrir como ficou o Core Web Vitals do seu site e existem algumas ótimas ferramentas para isso.
Google PageSpeed
O PageSpeed pode te ajudar a identificar quais ações são necessárias para melhorar as métricas do seu site. A avaliação varia entre 0 e 100 e inclui todos os fatores descritos ao longo deste artigo.
GTMétrix
O GTMétrix funciona de forma similar ao Google PageSpeed, porém, é ainda mais completo. A avaliação é feita em porcentagem, especificando performance e estrutura, e a plataforma dá também uma nota de A a E ao site.
Search Console
No Google Search Console você encontrará na aba “Experiência” o item “Core Web Vitals” ou, em português, “Principais Métricas da Web. Nessa página você irá encontrar a avaliação de cada uma das páginas do seu site e ainda como otimizá-las.
A WTA3 conta com programadores experientes e capacitados a trabalhar o Core Web Vitals do seu site. Entre em contato e faça agora mesmo o seu orçamento!
Vamos trabalhar juntos?
Se você está buscando transformar sua presença digital e alcançar resultados sem precedentes, a WTA3 é sua parceira ideal. Vamos juntos colocar sua prática oftalmológica na vanguarda do mundo digital, atraindo mais pacientes e consolidando sua reputação como líder em cuidados com a visão. Entre em contato conosco hoje mesmo e dê o primeiro passo em direção ao sucesso digital.
FALE COM UM ESPECIALISTA
Avaliações dos Nossos Doutores que Recomendam Nosso Trabalho
Natalie Lecce2023-11-24Lucas Casarotto2023-08-10Michelle Ebram2023-06-13Assistencia e atendimento incriveis ! Muito satisfeita com os resultadosMariana Castro2023-06-12Sem dúvida uma empresa séria e que gera resultados. Desde o primeiro contato com o Thiago tudo foi perfeito! Orçamento, planejamento e execução do meu projeto de acordo com a necessidade da minha empresa. Está me gerando muitos resultados e não tenho dúvidas de que minha carreira se divide em antes e depois da WTA3. Só tenho a agradecer e sempre recomendar a todos.Petty Jacarta Michael2023-06-09Time de super profissionais engajados e dedicados na busca de promover o cliente ao sucesso profissionalGuilherme Saggin2023-06-07A melhor empresa de marketing médico que encontrei! 👏🏻Diego Zanin2023-05-02Equipe excelente! Marketing de qualidade com compromisso e ética.
Desde 2007
Proporcionando soluções em marketing médico digital para clínicas, consultórios e hospitais com resultados reais. Confira as estratégias que utilizamos para alcançar resultados éticos com a metodologia de marketing digital médico da WTA3: como atrair, converter e fidelizar pacientes.
Perguntas Frequentes (FAQ)
A WTA3 se destaca por sua abordagem baseada em resultados éticos e mensuráveis, com um histórico de mais de 1000 projetos bem-sucedidos. Somos reconhecidos como uma das 10 melhores consultorias de marketing médico Digital da América Latina, conforme a Healthcare Business Review.
Nosso diagnóstico oferece uma análise detalhada da sua estratégia de marketing digital atual, identificando oportunidades de otimização para atrair novos pacientes e melhorar sua presença online.
Sim, criamos estratégias personalizadas de Meta Ads para ajudar especialistas médicos a divulgar seus procedimentos e captar um público específico, visando consolidar sua autoridade e atrair pacientes potenciais.
Um website otimizado para SEO aumenta significativamente sua visibilidade nos resultados orgânicos do Google, estabelecendo sua clínica como referência em sua região e atraindo mais pacientes.
Nossa estratégia para o Instagram visa estabelecer uma identidade profissional forte, transformando seu perfil em uma ferramenta eficaz de marketing para atrair e reter pacientes.
Sim, utilizamos o Google Ads, incluindo estratégias no YouTube, para maximizar sua presença digital e atrair pacientes que buscam por especialidades médicas específicas, convertendo pesquisas online em consultas reais.