Core Web Vitals: O que são e como afetam o SEO do advogado?

Contente. Backlinks. RankBrain. Esses são os três principais fatores de classificação quando se trata de SERPs do Google - de acordo com o próprio gigante dos mecanismos de busca.

Mas, em maio de 2020, o Google anunciou que outro sinal de classificação iria receber muita atenção do mecanismo de busca em um futuro próximo: Core Web Vitals.

Resumindo, o Google está começando a dar mais ênfase à experiência do usuário (UX), principalmente no que diz respeito à experiência da página.

O que isso significa para o projeto de SEO do seu escritório de advocacia? Explicaremos tudo o que você precisa saber abaixo e ofereceremos algumas soluções viáveis ​​para ajudá-lo a se preparar para o sucesso.

O que são Core Web Vitals?

Por meio do Core Web Vitals, o Google simplesmente deseja que os visitantes do site tenham uma experiência excepcional ao navegar em seu site. Core Web Vitals são métricas que pontuam as experiências do usuário ao carregar uma página da web.

Os três principais elementos vitais da web do advogado SEO incluem:

• Tinta com maior conteúdo (LCP)
• Exibição da primeira entrada (FID)
• Mudança de layout cumulativa (CLS)

Essas métricas medem a rapidez com que o conteúdo da página é carregado , a velocidade com que um navegador que carrega uma página da web pode responder à entrada do usuário e quão instável é o conteúdo ao carregar no navegador .

Portanto, vamos examinar esses elementos vitais centrais da web em mais detalhes.

Tinta com maior conteúdo (LCP)

Largest Contentful Paint (LCP) mede quanto tempo um navegador da web leva para renderizar a maior imagem ou bloco de texto.

Em outras palavras, estima o quão rápido os usuários podem visualizar o conteúdo acima da dobra. Para garantir uma boa experiência do usuário, você deve se esforçar para um tempo de carregamento de pintura com maior conteúdo de 2,5 segundos ou menos.

O CSS crítico é o maior influenciador das pontuações do LCP. É um conjunto de estilos necessários para exibir a estrutura, a sensação e a aparência de sua página na janela de visualização ou acima da dobra.

Apenas dois estilos devem ser carregados de forma síncrona em uma página da web e incorporados à saída HTML de seu site. O restante do CSS deve ser carregado de forma assíncrona após o carregamento da primeira página.

Isso elimina o CSS como um recurso de bloqueio de renderização, otimizando a capacidade do navegador de entregar os ativos necessários com mais rapidez e exibir o conteúdo acima da dobra muito mais rápido.

Como posso melhorar minha pontuação LCP?

Para melhorar ainda mais sua pontuação de LCP, aqui estão algumas coisas que você deve fazer:

• Otimizar imagens: as imagens costumam consumir mais largura de banda. Use o tipo, tamanho e compactação de imagem corretos para reduzir o inchaço extra que o navegador precisará para baixar o conteúdo, o que garante uma pontuação LCP mais rápida.
• Use o formato de arquivo correto: os dois formatos de arquivo de imagem comuns são JPEG e PNG. Use JPEG para imagens com várias cores (milhares ou até milhões) e PNG para arte de linha e imagens com menos cores.
• Compactar suas imagens: use o algoritmo de compactação do formato de imagem para fazer economias ainda mais significativas. Felizmente, existem vários plug-ins disponíveis para ajudá-lo a compactar imagens em massa.
• Redimensionar imagens: as páginas da Web e as imagens têm dimensões. Você pode definir as dimensões corretas da imagem usando um software de edição de fotos ou configurar os atributos de largura e altura da tag HTML IMG.
• Reduzindo o tempo de resposta do servidor: Normalmente, o tempo de resposta do servidor é determinado pela velocidade do servidor do seu host. Também conhecido como tempo até o primeiro byte (TTFB), o tempo de resposta do servidor é o tempo que leva para o servidor da web responder a uma solicitação do usuário, incluindo HTML, JavaScript, CSS e arquivos de fonte. Se o tempo de resposta do servidor for extremamente lento, considere trocar de host ou atualizar seu pacote para obter melhores serviços de SEO para escritórios de advocacia.

O LCP é apenas uma peça do quebra-cabeça. O First Input Display também é um componente importante do Core Web Vitals.

Exibição da primeira entrada (FID)

O First Input Display (FID) rastreia o tempo desde o momento em que um visitante interage pela primeira vez com sua página da web após o desembarque nela até o momento em que o navegador começa a processar essa interação.

Em termos mais simples, o FID se refere ao atraso entre o momento em que um usuário clica em um link ou toca em algo como um botão de mídia social e o momento em que o navegador responde à ação e começa a processá-la.

Normalmente, o FID é medido em milissegundos (ms). Seu site deve se esforçar para atingir uma pontuação FID de 100 milissegundos ou menos. Quando os usuários acessam o site do seu escritório de advocacia, widgets e botões de compartilhamento aparecem no início e podem atrasar a capacidade do usuário de realizar a primeira ação. Ao fazer as otimizações corretas, você pode reduzir esses atrasos e melhorar a experiência do usuário.

Como posso melhorar minha pontuação FID?

Normalmente, se sua pontuação FID não for impressionante, é uma indicação de que o uso de CSS ou JavaScript não está otimizado. Os arquivos CSS precisam ser baixados e analisados ​​mais rapidamente para permitir que o navegador renderize o layout da página. Minimizar e compactar arquivos ou eliminar o código CSS não utilizado pode melhorar significativamente a pontuação FID do seu site.

Aqui estão outras estratégias que você pode usar para minimizar o tempo de exibição da primeira entrada de seu site:

• Adiar JavaScript não utilizado: Se você estiver usando JS moderno, pode simplesmente configurar os módulos ES6 para carregar o JavaScript sob demanda.
• Minimize Polyfills não usados: navegadores mais antigos geralmente exigem Polyfills. Certifique-se de que os polyfills não sejam executados quando desnecessários. Você pode entregar pacotes separados com módulos ou sem módulos.

Há uma peça final no quebra-cabeça Core Web Vitals: Mudança cumulativa de layout.

Mudança de layout cumulativa (CLS)

Mesmo com muita ênfase na experiência do usuário, é surpreendente que muitos proprietários de sites não tenham feito nada para estabilizar seus layouts. Em vez disso, eles ainda enchem suas páginas com banners, intersticiais e anúncios intrusivos que prejudicam a experiência do usuário.

É por isso que o Google introduziu o Cumulative Layout Shift (CLS) como um dos principais sinais de experiência da página. A métrica é calculada somando todas as mudanças de layout não causadas pela interação do usuário. O CLS normalmente analisa a porcentagem da janela de visualização afetada pelas mudanças de layout e a distância de movimento dos parâmetros.

A pontuação CLS pode ser 0 para páginas totalmente estáticas e aumenta à medida que mais mudanças de layout ocorrem na página da web. Normalmente, quanto mais baixa for sua pontuação CLS, maior será a estabilidade visual do seu site. O Google recomenda que você mantenha uma pontuação CLS abaixo de 0,1.

Uma pontuação CLS baixa é comum em sites de orientação comercial que buscam monetizar o tráfego por meio de publicidade. Quando os usuários acessam seu site, eles não devem se deparar com pop-ups e coisas se movendo. Isso prejudica sua experiência de navegação em vez de permitir que encontrem respostas para suas perguntas - e é por isso que estão visitando o site de seu escritório de advocacia em primeiro lugar.

Como posso melhorar minha pontuação CLS?

Felizmente, você pode fazer alguns ajustes para melhorar a mudança cumulativa de layout. Eles incluem:

• Usando link rel = preload e font: display values: Se o site do seu escritório de advocacia usa fontes hospedadas online, você pode experimentar FOUT (Flashes do texto sem estilo) e FOIT (Flashes do texto invisível). Quando um navegador baixa fontes do servidor, geralmente exibe uma página em branco até que as fontes personalizadas sejam carregadas. Depois que a fonte exibida é baixada, o layout pode se mover bastante. Usar link rel = preload e font: display values ​​pode ajudar a estabilizar o layout.
• Incluindo aspectos de largura e altura para imagens e vídeos: é sempre melhor redimensionar as imagens usando a proporção, a proporção largura / altura (por exemplo, 16: 9). Ele permite que os navegadores calculem o espaço necessário para exibir a imagem, reduzindo o risco de mudança de layout. Com imagens responsivas, use o atributo srcset para configurar vários tamanhos de imagem para exibir tamanhos adequados.

Agora que você tem um melhor entendimento do que são Core Web Vitals, é importante dar uma olhada por trás da cortina para verificar as pontuações do seu próprio site.

Como posso medir os sinais vitais do Core Web?

Desde que o Google lançou o Core Web Vitals, o número de maneiras de verificar ou medir o desempenho de um site disparou. Hoje, existem dezenas de diferentes ferramentas de medição Core Web Vital.

Essas ferramentas se enquadram em uma de duas categorias: ferramentas de campo e ferramentas de laboratório. Ferramentas de campo fornecem dados brutos coletados de usuários, enquanto ferramentas de laboratório fornecem dados com base em como os usuários provavelmente experimentam um site.

As ferramentas mais populares para verificar o Core Web Vitals incluem:

• Google Search Console
• Google PageSpeed ​​Insights
• Relatório de UX do Chrome (CrUX)
• Farol do Google
• Chrome DevTools e
• WebPageTest.

Então, qual ferramenta você deve usar? Dedique algum tempo para verificar como funcionam as diferentes ferramentas. Nossos especialistas em SEO adoram o Lighthouse - é a principal ferramenta baseada em laboratório e oferece flexibilidade como uma extensão do Chrome.

Para verificar as pontuações de um site, basta executar a ferramenta de desenvolvedor Lighthouse em seu navegador Google Chrome, visitar o site que deseja medir e gerar um relatório Core Web Vitals.

Após uma rápida auditoria, você obterá resultados detalhados sobre o desempenho do seu site (incluindo métricas acima e além dos três principais vitais da Web), junto com sugestões para melhorar sua pontuação geral.

Como Core Web Vitals Afetam Advogado SEO

O Core Web Vitals combinado com outras variáveis ​​do site pode criar uma ótima pontuação para a experiência do usuário.

Embora Core Web Vitals representem a maior parte da pontuação de experiência do usuário, outros fatores os influenciam também, incluindo:

• HTTPS : sites seguros geralmente proporcionam uma melhor experiência do usuário, pois muitas pessoas evitam sites não seguros. Certifique-se de que todos os endereços em seu site sejam páginas HTTPS para ajudar na pontuação da experiência do usuário.
• Compatível com dispositivos móveis : o Google trata o suporte para dispositivos móveis como um importante sinal de experiência do usuário e melhorará sua classificação nos resultados de pesquisa.
• Segurança: qualquer vírus ou malware em seu site pode prejudicar sua pontuação de experiência do usuário. A navegação segura é essencial para uma experiência positiva do usuário com seu conteúdo e é um fator de classificação que o Google considera vital.
• Sem pop-ups intersticiais: se o seu site estiver cheio de pop-ups, eles podem sobrecarregar a página e se tornar um incômodo, resultando em um efeito negativo na classificação do Google. Sempre evite anúncios arrogantes para melhorar a experiência do usuário.

Embora esses parâmetros desempenhem um papel significativo nas pontuações da experiência do usuário, o Core Web Vitals afeta muito a experiência do usuário e a classificação do Google. Se as pontuações do Core Web Vital do seu site não forem impressionantes no geral, você poderá notar uma queda nas classificações do seu site. E, quanto mais peso o Google coloca no Core Web Vitals como um sinal de classificação, mais provavelmente você verá mudanças significativas na classificação dos sites.

LawRank pode ajudá-lo a melhorar seus sinais vitais essenciais da Web e obter sucesso em SEO

Por fim, otimizar seu site com base nessas três métricas irá melhorar a experiência do usuário. A última coisa que você deseja é que os visitantes acessem o site do seu escritório de advocacia e fiquem frustrados com páginas de carregamento lento ou layouts que mudam inesperadamente de seus dispositivos móveis. Essas experiências negativas acabarão refletindo negativamente em sua prática jurídica.

Otimizar o site do seu escritório de advocacia para o Core Web Vitals é um aspecto particularmente complicado do processo de SEO. Obter os melhores resultados exigirá tempo, mão de obra experiente e profundo conhecimento de trabalho de SEO no local para advogados.

Concentre-se em fornecer o melhor serviço possível aos seus clientes - deixe os advogados especialistas em SEO da LawRank aprimorarem o site da sua empresa para a melhor experiência do usuário. Somos uma empresa líder de SEO para advogados - classificamos escritórios de advocacia como o seu quando e onde é mais importante - e nossos resultados falam por si. Isso porque adotamos uma abordagem abrangente de SEO, o que significa que não há pedra sobre pedra e nenhum detalhe deixado por verificar.

Entre em contato conosco hoje para saber mais sobre como nossa equipe pode ajudá-lo a melhorar seu Core Web Vitals e outros aspectos de sua campanha de SEO.