GuidesAvaliações e conversão

Classificação por Estrelas na Página de Produto: Acima da Dobra ou Escondida?

O resumo de estrelas próximo ao título está entre os elementos mais vistos de uma página de produto. Como posicioná-lo e formatá-lo para clientes e rastreadores.

A resposta curta: Coloque o resumo de classificação por estrelas diretamente abaixo do nome do produto, próximo ao preço, acima da dobra. Inclua a média numérica, os símbolos de estrela e a quantidade de avaliações como ligação para a secção completa. Renderize tudo no HTML do servidor para que um rastreador leia a classificação antes de qualquer script ser executado, tornando-a elegível para rich snippets do Google e para citações por motores de resposta com IA. Desta forma, um único elemento serve o cliente, o motor de pesquisa e o motor de resposta ao mesmo tempo.

Posicionamento e conteúdo do resumo de estrelas

Diretamente abaixo do título do produto, no bloco de preço, acima da dobra da página. A área em torno do nome e do preço está entre as partes mais vistas de uma página de produto, e o resumo de classificação pertence ali, não numa posição mais baixa. Um cliente que decide se vai continuar a ler quer o veredicto antes das especificações técnicas.

O resumo deve conter três elementos: a pontuação média, as estrelas e a quantidade de classificações. Uma média de 4,6 com 800 avaliações transmite algo muito diferente de uma média de 4,6 com 4 avaliações, e os clientes calibram a confiança na quantidade tão rapidamente quanto na média. Transforme a quantidade numa ligação que leva à secção completa de avaliações. Essa ligação elimina o atrito para o cliente e conecta o resumo ao conteúdo corroborante que um rastreador vai ler a seguir.

  • Abaixo do título do produto, no bloco de preço ou ao lado dele.
  • Média da pontuação, os símbolos de estrela e a quantidade de classificações juntos.
  • A quantidade como uma ligação clicável que leva à secção completa de avaliações.
  • Acima da dobra no desktop e no primeiro ecrã do telemóvel.

Por que a classificação precisa de estar no HTML do servidor

Renderizar a classificação no HTML do servidor é o que a torna elegível para rich snippets e citações em motores de resposta com IA. Quando a média e a quantidade estão presentes no código-fonte da página antes de qualquer script ser executado, um rastreador lê-as na primeira passagem, e isso alimenta o rich result de classificação por estrelas no Google e os números que um motor de resposta com IA pode citar.

A maioria das aplicações de avaliação injeta o resumo via widget JavaScript após o carregamento da página. O cliente ainda vê as estrelas. O rastreador vê muitas vezes um contentor vazio, e a classificação claramente visível para uma pessoa está ausente do documento que a máquina lê. O formato no ecrã pode ser perfeito e ainda assim não render nada no motor de pesquisa se o número não estiver no HTML.

Formatação, schema e aplicação prática

Mostre a média numérica com uma casa decimal ao lado das estrelas, em vez de depender apenas dos símbolos, já que estrelas parciais são difíceis de ler de relance. Reserve o espaço vertical que o resumo vai ocupar para que não empurre o preço ou o botão para baixo quando carregar, o que protege tanto a experiência do cliente quanto a pontuação de estabilidade de esquema.

O resumo visível e os dados estruturados devem descrever a mesma média e a mesma quantidade, extraídos da mesma fonte, para que um cliente e um rastreador vejam uma classificação consistente. Quando o número na página e a marcação aggregateRating divergem, o rich result pode ser removido. A decisão de posicionamento (abaixo do título, no HTML do servidor) é também a decisão que torna os dados estruturados fiáveis e a classificação citável. Insira o resumo corretamente no código-fonte da página e serve o cliente acima da dobra e o rich snippet ao mesmo tempo.

  • Média numérica com uma casa decimal, junto aos símbolos de estrela.
  • Quantidade de classificações em texto simples ao lado da média, não oculta ao passar o cursor.
  • Um bloco reservado para que o resumo não empurre o preço no carregamento.
  • Contraste adequado nas estrelas e na quantidade, sem cinzento desbotado.

Perguntas frequentes

A classificação por estrelas deve ficar acima da dobra da página?

Sim. Coloque-a diretamente abaixo do título do produto, no bloco de preço ou ao lado dele, para que fique visível no primeiro ecrã do telemóvel e do desktop. Essa área está entre as partes mais vistas da página, e a classificação é o veredicto que o cliente quer antes de continuar a ler.

Basta o cliente conseguir ver as estrelas?

Não. O cliente ver as estrelas não significa que o rastreador consegue. Se o resumo é injetado por um widget JavaScript após o carregamento, o código-fonte da página pode mostrar um contentor vazio, e a classificação fica ausente do documento que o Google e os motores de resposta com IA leem. O número precisa de estar no HTML do servidor para ser considerado.

Por que o resumo de classificação deve ter ligação para as avaliações abaixo?

Porque elimina o atrito para o cliente e conecta o número do título à sua prova. Transformar a quantidade de classificações numa ligação que leva à secção completa de avaliações permite que o cliente aceda às evidências com um toque, e torna a relação entre o resumo e o conteúdo corroborante explícita na página.

A classificação na página precisa de corresponder ao meu schema?

Sim. A média e a quantidade visíveis devem corresponder ao aggregateRating nos dados estruturados, extraídos da mesma fonte. Quando o número na página e a marcação divergem, o rich result de classificação por estrelas pode ser removido, por isso o posicionamento e o schema precisam de contar uma história consistente.

All of Guides