Screenshot de site online: por que fazer e como ler as métricas
Às vezes você só precisa ver a página inteira: como o servidor a entrega, e não o seu navegador com cache e extensões. Para isso, existe o screenshot de site online: ele captura um quadro na visualização desktop e mobile e também mostra métricas básicas de carregamento.
Onde ajuda
- Veja o que o bot enxerga. Se o conteúdo é carregado por scripts, isso fica evidente de imediato no screenshot.
- Compare as versões mobile e desktop: blocos que "se mexeram" no celular ficam visíveis sem precisar de um celular.
- Registre o estado antes das edições: fica mais fácil provar depois o que mudou.
- Veja a página de outra pessoa sem abri-la no seu navegador.
- Verifique se o site está exibindo uma página provisória por causa de proteção ou bloqueio regional.
O que significam as métricas ao lado do screenshot
| Indicador | Significado |
|---|---|
| Time to First Byte | Com que rapidez o servidor responde; acima de um segundo, vale investigar a hospedagem |
| Full Load Time | Quanto tempo o visitante espera pela página pronta |
| Page Size | Peso de todos os recursos; imagens pesadas são um culpado comum |
| Response Code | Deve ser 200: 3xx indica redirecionamento, 4xx e 5xx indicam erro |
Como usar no trabalho
Antes de iniciar a divulgação, vale tirar um screenshot da página promovida: ele mostra o que uma pessoa que chega pelo link vai ver. Se a página parece vazia sem a execução de scripts, é um motivo para resolver primeiro o problema de renderização e só depois investir em links.
Desktop e mobile: o que comparar
- Primeira tela. A mesma oferta aparece no mobile e no desktop, ou foi empurrada por banners e menus?
- Legibilidade. O texto está pequeno demais e há blocos sobrepostos?
- Botões. Eles são grandes o suficiente e não estão cobertos por elementos flutuantes, como chat e banners de cookies?
- Completude. Algum bloco importante desapareceu por completo na versão mobile? Isso pode acontecer em design responsivo que oculta elementos.
A busca avalia a página com base na versão mobile, então as divergências entre as visualizações não são cosméticas, e sim uma perda direta de posições e conversões.
Veja também
Velocidade de carregamento, verificação on-page e cabeçalhos de resposta do servidor.
