Como adicionar classificação por estrelas nas páginas de produto do Shopify

Onde posicionar e como adicionar a classificação por estrelas?

Coloque o resumo de estrelas diretamente abaixo do título do produto ou do preço, o ponto que o comprador lê primeiro. É uma linha compacta: a média de avaliações, os ícones de estrelas e o número de avaliações, sem nada a competir pela atenção. Ela responde à pergunta silenciosa que cada cliente faz antes de ler mais alguma coisa: outras pessoas compraram este produto e ficaram satisfeitas?

O resumo deve ser uma ligação, não um rótulo estático. Um clique leva o cliente diretamente para a secção completa de avaliações, pelo que a classificação funciona também como navegação.

A maioria das aplicações de avaliações fornece duas partes: um emblema de classificação por estrelas para o topo da página e um widget completo de avaliações mais abaixo. No editor de tema, abra um modelo de produto e adicione o bloco da aplicação para o emblema dentro do grupo de informações do produto, acima ou logo abaixo do título e do preço. Se utiliza um tema antigo sem secções em todas as partes, pode ser necessário colar um pequeno fragmento de código no modelo de produto manualmente. Mantenha o emblema e o widget completo como blocos separados para poder posicionar cada um de forma independente.

• Média com uma casa decimal, por exemplo 4,7.
• Ícones de estrelas legíveis à primeira vista, incluindo meia estrela.
• Número de avaliações, para dar peso à média.
• Âncora de ligação para a secção completa de avaliações.

Por que razão a classificação tem de estar no HTML do servidor e precisa de avaliações reais?

Uma classificação que só aparece depois de um script ser executado fica visível para o cliente, mas costuma estar ausente para todos os demais. O Google e os sistemas por trás das respostas de IA leem primeiro o HTML que o servidor envia. Se as estrelas são inseridas por JavaScript após o carregamento, um rastreador pode chegar a um contentor vazio e não registar qualquer classificação.

Uma classificação apresentada no HTML do servidor fica elegível para rich snippets nos resultados de pesquisa e para citação em respostas de IA. A mesma linha de estrelas passa a cumprir três funções ao mesmo tempo: tranquiliza o cliente, pode levar as suas estrelas ao Google e dá ao motor de resposta com IA algo concreto para citar.

Além disso, uma classificação só está elegível para um rich snippet quando é apoiada por avaliações visíveis e marcadas na mesma página. Uma média flutuante sem avaliações abaixo é o tipo de coisa que o Google trata como violação, e não oferece nada para o cliente ler além do número. O resumo no topo e as avaliações mais abaixo formam um sistema único: a linha do topo é o título; a secção de avaliações é a evidência.

• Avaliações individuais apresentadas na página de produto, não apenas uma pontuação.
• Marcação de avaliações (AggregateRating mais Review) no HTML do servidor.
• Consistência entre a média exibida no emblema e a média marcada no código.

Como verificar se o Google consegue ler a classificação e o que fazer quando não aparece?

Utilize um teste de dados estruturados antes de confiar no resultado. Visualize o código-fonte da página (o HTML em bruto, não o DOM apresentado) e procure o valor da classificação e o schema de avaliações. Se o número estiver no código-fonte, um rastreador consegue vê-lo. Se só aparecer no inspetor em tempo real depois de os scripts serem executados, esse é o sinal de alerta.

Depois disso, execute o URL numa pré-visualização de rich snippet e num validador de schema para confirmar que o AggregateRating é reconhecido e está sem avisos. Os resultados de pesquisa do Google atualizam-se ao seu próprio ritmo, pelo que as estrelas na SERP podem demorar dias ou semanas a aparecer mesmo depois de tudo estar validado.

Quando a classificação aparece na página mas não no Google, a causa é quase sempre a mesma: as estrelas são apresentadas pelo widget em vez de escritas no HTML do servidor. O cliente vê-as; o rastreador encontra um contentor vazio. As outras causas comuns são marcação de avaliações ausente ou inválida, e uma média sem avaliações individuais na página para a sustentar. A maioria das aplicações de avaliações foi criada para o cliente na loja e fica por aí: as estrelas ficam corretas no navegador, mas nunca chegam ao HTML que o Google e os motores de IA efetivamente leem. Tornar as avaliações que já tem legíveis, corroboradas e citadas na pesquisa e em respostas de IA é a lacuna que o BeyondReviews foi criado para fechar.