Como usar as principais métricas da Web para manter o engajamento dos visitantes
![webdev](https://storage.googleapis.com/media-newsinitiative/images/webdev.original.png)
Crie uma ótima experiência do usuário no seu site de notícias
![webdev](https://storage.googleapis.com/media-newsinitiative/images/webdev.original.png)
O que são as principais métricas da Web?
![GNI_Data_Presentation (1)](https://storage.googleapis.com/media-newsinitiative/images/gni-data-presentation-1.original.png)
As Métricas da Web são uma iniciativa do Google para unificar orientações que garantam uma excelente experiência do usuário na Web.
Principais métricas da Web são 3 "Métricas da Web". De acordo com as pesquisas, quando um site atende às principais métricas da Web, as pessoas abandonam a página 24% menos.
O foco das principais métricas da Web
- Carregando
- Interatividade
- Estabilidade visual
![GNI_Data_Presentation (1)](https://storage.googleapis.com/media-newsinitiative/images/gni-data-presentation-1.original.png)
Comece a avaliar as principais métricas da Web
![GNI_Data_Analytics](https://storage.googleapis.com/media-newsinitiative/images/GNI_Data_Analytics.original.png)
O primeiro passo para melhorar suas principais métricas da Web é coletar dados.
- O PageSpeed Insights mensura e cria relatórios sobre a experiência do usuário com uma página (em dispositivos móveis ou desktops), além de sugerir melhorias.
- O Search Console mensura e cria relatórios sobre as principais métricas da Web na sua página, com base em como seu público usa seu site
- A extensão do Chrome das Métricas da Web mensura e cria relatórios sobre o desempenho de uma página quanto às principais métricas da Web em tempo real, e é a melhor opção para desenvolvedores
💡Prática recomendada: mande sugestões de qualquer uma dessas ferramentas para seu desenvolvedor.
![GNI_Data_Analytics](https://storage.googleapis.com/media-newsinitiative/images/GNI_Data_Analytics.original.png)
Carregando
![GNI_Audience_engagement_Blank](https://storage.googleapis.com/media-newsinitiative/images/gni-audience-engagement-blank.original.png)
Exigir pouco tempo de carregamento mostra para seu público que a página é útil.
- 50% das pessoas saem do site se ele demorar mais de três segundos para carregar
- 47% delas esperam que as páginas da Web levem até dois segundos para carregar
- 52% dizem que o tempo de carregamento é importante na fidelidade a uma marca
O carregamento é mensurado pela métrica Maior exibição de conteúdo (LCP, na sigla em inglês), que é o tempo que a maior imagem ou bloco de texto leva para aparecer.
Para atender às principais métricas da Web, 75% das suas páginas precisam carregar em até 2,5 segundos.
💡Práticas recomendadas
- Ative o carregamento lento
- Use vídeos em vez de GIFs grandes
- Remova códigos não utilizados
![GNI_Audience_engagement_Blank](https://storage.googleapis.com/media-newsinitiative/images/gni-audience-engagement-blank.original.png)
Interatividade
![screenshot-2023-02-23-at-54241-pm](https://storage.googleapis.com/media-newsinitiative/images/screenshot-2023-02-23-at-54241-pm.original.png)
Enquanto a métrica Carregamento indica a velocidade do seu site para exibir conteúdos, a Interatividade avalia se o site é responsivo quando o público seleciona uma matéria ou realiza outra ação.
A Interatividade é medida pela latência na primeira entrada (FID, na sigla em inglês), que é o tempo de alguém clicar em um link ou botão até o site começar a processar essa ação.
Para atender às principais métricas da Web, 75% das suas páginas precisam começar o processamento de um clique em até 0,1 segundos.
💡Práticas recomendadas
- Ativar o carregamento lento, que separa o código em tarefas menores
- Carregar o código necessário para a página primeiro
- Reduzir códigos que buscam dados
![screenshot-2023-02-23-at-54241-pm](https://storage.googleapis.com/media-newsinitiative/images/screenshot-2023-02-23-at-54241-pm.original.png)
Estabilidade visual
![blue-data-screen](https://storage.googleapis.com/media-newsinitiative/images/blue-data-screen.original.png)
Já aconteceu de você começar a ler uma matéria e, antes de terminar a frase, você se perder porque o texto se moveu?
Na maioria dos casos, isso é apenas chato. Mas, em alguns casos, pode ter consequência realmente negativas.
A estabilidade visual é mensurada pela mudança de layout cumulativa (CLS, na sigla em inglês), ou seja, o maior número de mudanças de conteúdo por vez.
Para atender às principais métricas da Web, 75% das suas páginas precisam ter até 0,1 como pontuação.
💡Práticas recomendadas
- Definir proporções ou dimensões para imagens e vídeos
- Escolher o tamanho mais provável com base em anúncios anteriores
Evitar exibir anúncios bem na parte de cima da página
![blue-data-screen](https://storage.googleapis.com/media-newsinitiative/images/blue-data-screen.original.png)
![checklist (8)](https://storage.googleapis.com/media-newsinitiative/images/checklist_8.original.png)
-
Use a recirculação para manter o engajamento dos seus visitantes
AulaAproveite seu conteúdo atemporal ao máximo -
Use notificações da Web para aumentar seu tráfego
AulaEnvie alertas de notícias para avisar seu público