O que é um rich snippet de produto e por que sua loja virtual precisa dele?
Rich snippets de produto são um tipo de marcação de dados estruturados usado para exibir resultados aprimorados de produtos. Eles oferecem informações mais detalhadas sobre o item — como preço, avaliação, descrição e uma imagem atrativa.
Quando há muitos resultados de pesquisa, é pouco provável que os usuários deem atenção a um snippet comum como este:
Os rich snippets de produtos do Google são muito mais atraentes e têm mais chances de receber cliques:
Antes de comprar, os usuários querem conhecer todos os detalhes do produto, incluindo preço, avaliação e descrição. Quanto mais rápido encontrarem essas informações, mais valor darão ao site que as oferece.
O Google destaca produtos não apenas nos resultados de pesquisa comuns, mas também na busca de imagens em dispositivos móveis. Para isso, adiciona o selo “Produto” às imagens de produtos com dados estruturados.
O widget Google Reviews é outra forma de adicionar avaliações aos resultados de pesquisa e exibir no seu site as avaliações do Perfil da Empresa no Google.
A regra principal é usar dados estruturados para um único produto, e não para vários. Produtos para adultos e serviços não são aceitos. Nos demais casos, você pode usar a marcação de produto sem restrições.
Os rich snippets de produtos do Google oferecem diversas vantagens: melhoram o SEO e aumentam o engajamento dos usuários. Isso acontece porque os snippets de produto chamam mais atenção nos resultados de pesquisa e incentivam as pessoas a clicar no link. Uma pesquisa recente da Elfsight confirma esses dados:
| Dispositivo | CTR sem rich snippets de produto (semanal) | CTR com rich snippets de produto (semanal) | Aumento |
| Computador | 3,45% | 4.37% | +22% |
| Dispositivo móvel | 1,49% | 1,96% | +24% |
Tenha sempre os usuários em mente: seu objetivo é ajudá-los a encontrar os produtos certos de forma rápida e fácil.
Rich snippets de produtos: exemplos
Página de produto individual
Como as imagens dos produtos têm um papel fundamental na visibilidade nas pesquisas, muitas marcas de e-commerce usam renderização de produtos no Blender para criar imagens realistas e apresentar melhor seus produtos nos resultados de pesquisa e nas landing pages.
Destaque o preço, a avaliação e a descrição de um único produto em uma página. Nos resultados de pesquisa, ficará assim:
Página de aplicativo de software
Veja um exemplo de rich snippet de produto para um aplicativo de software. Os campos obrigatórios são nome, avaliações e preço. Você também pode incluir outros detalhes, como categoria e sistema operacional.
Página de comparador de preços
Você pode adicionar dados estruturados a uma página de comparação em que vários vendedores oferecem o mesmo produto.
Não adicione dados estruturados a vários produtos.
Como criar rich snippets para produtos?
Há várias maneiras de criar rich snippets de produtos em um site. Na maioria dos casos, é preciso saber programar, mas algumas ferramentas permitem exibir avaliações sem escrever código.
Método 1. Crie um widget personalizado
Você pode exibir avaliações de produtos usando widgets. Com soluções prontas, como o widget Reviews da Elfsight, não é preciso perder tempo aprendendo sobre dados estruturados. O widget coleta e reúne automaticamente as avaliações dos produtos.
Esses widgets adicionam dados estruturados de produto para o Google sem que você precise escrever código.
As ferramentas da Elfsight ajudam a exibir estrelas de avaliação dos produtos nos resultados de pesquisa e facilitam a tarefa de incorporar avaliações do Google às páginas dos produtos.
Método 2. Adicione dados estruturados ao código HTML
Abra o HTML de uma página ou modelo específico e insira os dados estruturados manualmente. Encontre os campos necessários e adicione os trechos correspondentes. Veja como o código fica sem a marcação de dados estruturados:
<div>
<span>315</span>
<div>
<img alt="Photo of product" src="img01.multivarki/c9/f1/a5fe6642-18d0-47ad-b038-6fca20f1c923">
<a href="https://multivarki/brand_502/">
<span>BRAND 502</span>
</a>
<div>
<span>4399 р.</span>
</div>...
<div>
...
</div>
</div>
</div>Veja como fica o código do produto no Google depois de adicionar a marcação schema.org:
<div>
<span>315</span>
<div>
<img alt="photo of product" src="img01.multivarki/c9/f1/a5fe6642-18d0-47ad-b038-6fca20f1c923"> <a href="https://multivarki/brand_502/"><span>BRAND 502</span></a>
<div>
<span>4399 р.</span>
</div>...
</div>
<div>
...
</div>
</div>Esse método exige conhecimentos de programação e capacidade para entender o código.
Método 3. Adicione um trecho de código JSON
JSON é um formato leve para transferir e organizar dados. É mais fácil de implementar do que a marcação de dados estruturados. Basta inseri-lo no lugar certo do código HTML, logo após o título da página. Abaixo, você encontra um exemplo de código JSON com dados de produto.
{
"@context": "schema",
"@type": "ItemList",
"url": "multivarki?filters%5Bprice%5D%5BLTE%5D=39600",
"numberOfItems": "315",
"itemListElement": [
{
"@type": "Product",
"image": "img01.multivarki/c9/f1/a5fe6642-18d0-47ad-b038-6fca20f1c923.jpeg",
"url": "multivarki/brand_502/",
"name": "Brand 502",
"offers": {
"@type": "Offer",
"price": "4399 p."
}
},
{
"@type": "Product",
"name": "..."
}
]
}Esse processo exige conhecimentos de programação, pois você precisará editar alguns campos de acordo com suas necessidades e saber interpretar o código.
Método 4. Use o GTM sem precisar reescrever o código
Essa ferramenta permite criar o código necessário sem saber programar. O gerador de JSON facilita a criação de um trecho de dados estruturados sem a ajuda de especialistas.
A interface do GTM é simples, mas você precisa conhecer o código da página para incorporá-lo. Embora não seja muito difícil de entender, esse método ainda exige conhecimentos de desenvolvimento.
Método 5. Use o Auxiliar de marcação de dados estruturados do Google
O Auxiliar de marcação de dados estruturados do Google ajuda programadores e iniciantes a implementar dados estruturados nos sites. É uma ferramenta fácil de usar: basta adicionar o código da página e usar o construtor para gerar a marcação JSON ou HTML.
Assim como nos métodos anteriores, é preciso saber adicionar o código. A ferramenta não é muito difícil de usar, mas exige conhecimentos de programação.
Como verificar se os rich snippets de produto estão funcionando corretamente?
Antes de publicar o site com a marcação schema.org, verifique se ela está funcionando. Há duas maneiras principais de fazer isso.Teste de pesquisa aprimorada
O Teste de pesquisa aprimorada é uma ferramenta rápida e simples para verificar se a marcação schema.org está funcionando. Descubra se seu site pode exibir resultados aprimorados. O relatório mostra quais tipos de resultados aprimorados podem aparecer na página, além de apontar erros e recomendações para os dados estruturados.
Google Search Console
Essa ferramenta ajuda a identificar erros na marcação de dados estruturados. Basta abrir o relatório necessário no menu do Search Console. Lembre-se de que o relatório só aparece se houver código de rich snippet de avaliação no seu site.
Dica: Google, Bing, Yahoo! e Yandex reconhecem o Schema. Não se sabe ao certo se outros mecanismos de pesquisa também usam essa marcação.
Meus rich snippets de avaliação não aparecem nos resultados de pesquisa. O que aconteceu?
1. O Google não indexou seu site desde a última atualização.
Solicite a indexação enviando o URL mais recente pelo Google Search Console. O Google rastreará sua página logo em seguida. Se nada acontecer, verifique se há outros possíveis erros no site.
2. Seus dados estruturados foram configurados incorretamente
Antes de publicar o site com rich snippets de avaliação, faça um Teste de pesquisa aprimorada para identificar erros e avisos.
3. Você não está seguindo as diretrizes técnicas
Consulte a lista completa de diretrizes e confira se tudo está de acordo com os requisitos do Google.
4. O Google não exibe avaliações com estrelas para determinados tipos de conteúdo
5. Você usou mais de um tipo de marcação
6. Outros motivos
Há outros motivos pelos quais os rich snippets de avaliação podem não estar funcionando corretamente.
- O Google não considera seu site confiável — você precisa comprovar sua autenticidade.
- Você está usando a marcação organizacional itemscope. Lembre-se de que ela raramente aparece.
- Seu site tem poucas páginas ou apenas algumas delas contêm dados estruturados.
- Implementar corretamente a marcação de dados estruturados não garante que os rich snippets de produto serão exibidos.
Em alguns casos, basta esperar: o Google não encontra imediatamente o conteúdo marcado.
Ações manuais do Google por spam na marcação de produtos
Tentar manipular as diretrizes do Google pode levar a ações manuais após a análise dos avaliadores.
Por exemplo:
- Marcar um produto que não está visível para os usuários
- Marcar conteúdo inadequado ou ofensivo
Para remover as penalidades do seu site, consulte as instruções técnicas do Google para implementar a marcação. Verifique o código do site e confirme se a marcação de produto foi configurada corretamente. Depois de corrigir todos os trechos que violam as diretrizes do Google, solicite uma nova análise do site. A aprovação costuma levar uma semana ou menos.
Conclusão
Como otimizar o snippet da página de produto? O uso de rich snippets de avaliação se tornou parte essencial do SEO. Eles diferenciam seu site da maioria dos concorrentes que não os utilizam. Com essa ferramenta, você pode aumentar a CTR e melhorar o SEO geral do site. Se ainda não usa esse recurso, está deixando de atrair tráfego.
Conte nos comentários: você usa rich snippets de avaliação no seu site? Que outros rich snippets utiliza? Quais exemplos interessantes ou diferentes já encontrou nos resultados de pesquisa?
Use os rich snippets de avaliação da Elfsight para exibir estrelas de produtos nos resultados de pesquisa do Google
