SEO Técnico para E-commerce: decisões para um catálogo encontrável · Capítulo 4 de 12 · 20 min
Velocidade e conforto para comprar
Avalie Core Web Vitals: LCP para carregamento, INP para resposta às interações e CLS para estabilidade visual. Priorize correções com dados de visitantes reais.
Este capítulo faz parte do curso gratuito SEO Técnico para E-commerce: decisões para um catálogo encontrável.
Core Web Vitals é um conjunto de medidas da experiência de navegação: quando o conteúdo principal aparece, quanto a página demora para reagir e quanto os elementos mudam de lugar. Em uma loja, esses problemas podem atrapalhar a escolha e a compra. Use os indicadores para investigar o percurso do cliente e comparar antes e depois; uma nota alta, sozinha, não garante posição ou conversão.
- LCP até 2,5 s
Avalie o maior elemento no percentil 75 das visitas.
- INP até 200 ms
Confira a resposta às interações no percentil 75.
- CLS até 0,1
Reserve espaço para imagens e banners; avalie o percentil 75.
- Formato leve
WebP ou AVIF no tamanho exibido.
As três medidas respondem a perguntas diferentes. LCP mede quando o maior elemento de conteúdo aparece; INP observa a resposta às interações; CLS acompanha mudanças inesperadas de posição. Para a faixa boa, as referências são LCP de até 2,5 segundos, INP de até 200 milissegundos e CLS de até 0,1.
A avaliação considera o percentil 75: pelo menos 75% das experiências medidas devem atender ao limite. Separe dispositivos e use dados de campo, quando disponíveis. O PageSpeed Insights também oferece um teste de laboratório para investigar causas; uma execução isolada não representa todos os clientes.
Peça à equipe que associe o problema ao percurso de compra: imagem principal demorada, botão que responde tarde ou página que desloca o conteúdo. Depois acompanhe a correção e os indicadores comerciais, reconhecendo outras mudanças do período.
<!-- Preload da imagem principal (melhora LCP) -->
<link rel="preload" as="image" href="/img/produto-hero.webp" />
<!-- Imagem com dimensões fixas (evita CLS) -->
<img src="/img/produto.webp" width="600" height="600"
alt="Samsung Galaxy S25 Ultra" loading="eager" />
<!-- Lazy load para imagens abaixo da dobra -->
<img src="/img/lateral.webp" loading="lazy"
width="400" height="400" alt="Vista lateral" />Use formato WebP ou AVIF para imagens de produto. Segundo a documentação do WebP no Google for Developers, a imagem WebP com perda fica de 25% a 34% menor que um JPEG de qualidade equivalente. CDNs como Cloudflare e imgix fazem a conversão automaticamente.
Depois de melhorar a experiência, é hora de escolher quais páginas devem entrar na busca e qual versão representa cada conteúdo.
Seu caderno neste capítulo
Abrir o caderno completoSelecione um trecho do capítulo para destacar ou anotar. Nos vídeos e áudios, use Anotar este momento. No teclado, selecione com Shift e as setas e use Alt+Shift+D para destacar ou Alt+Shift+N para anotar.
Salvo neste navegador. Entre na sua conta para levar o caderno a outros aparelhos.
Entre na sua conta para compartilhar o que aprendeu e convidar alguém para estudar com você.
Conexões deste capítulo
Veja o que estudar antes e para onde seguir depois, explore os conceitos e compare abordagens em outros cursos. Sugestões marcadas como “sugerido pelo grafo” vêm dos assuntos em comum, não do índice do curso.
Estude antes
- Garanta que o robô consegue abrir e ler o seu sitesugerido pelo grafoApresenta os conceitos “CLS”, “LCP” e “Core Web Vitals”, usados em “Velocidade e conforto para comprar”.
- Mobile e performance: INP e Core Web Vitalssugerido pelo grafoApresenta o conceito “INP”, usado em “Velocidade e conforto para comprar”.
- CursoCRO: Otimização de Conversão e Experimentaçãosugerido pelo grafo2 capítulos de “SEO Técnico para E-commerce: decisões para um catálogo encontrável” usam conceitos apresentados em “CRO: Otimização de Conversão e Experimentação”.
Conceitos deste capítulo
O mesmo assunto em outros cursos
- Software e IA para executivosA velocidade que o cliente sente no celularExaminar conexões de A velocidade que o cliente sente no celular
- Frontends com VibecodingValidar desempenho, autenticação e segurançaExaminar conexões de Validar desempenho, autenticação e segurança
- CRO: Otimização de Conversão e ExperimentaçãoMobile e performance: INP e Core Web VitalsExaminar conexões de Mobile e performance: INP e Core Web Vitals
- Perguntas do cliente na IAAplicar o método a três decisões de negócioExaminar conexões de Aplicar o método a três decisões de negócio
Terminou a leitura?
Marque como concluído para o capítulo contar no seu painel e no certificado.
Leve uma ideia para a prática
Escolha uma atividade no painel e volte a este curso quando quiser.
Atividades e evolução ficam reunidas no painel da sua conta.