Os mecanismos de busca utilizam rastreadores de sites para compreender o conteúdo dos websites e indexar páginas novas e atualizadas. Dessa forma, conseguem categorizar as páginas e direcionar as pessoas para as mais adequadas.
Mas às vezes os mecanismos de busca precisam de uma ajudinha. Com tantos produtos, preços e conteúdo novo para rastrear, os sites de e-commerce representam um desafio para os mecanismos de busca. As marcações de schema podem ajudar um mecanismo de busca a ter uma visão mais clara da estrutura e relevância do seu site de e-commerce, essencial para uma indexação adequada e visibilidade nos resultados de busca.
Saiba mais sobre schemas de e-commerce e seu impacto no tráfego orgânico.
O que são dados estruturados?
Dados estruturados são códigos legíveis por máquinas que marcam elementos significativos em uma página web. Esses blocos organizados de informações contextuais, conhecidos como código schema ou marcação schema, informam aos mecanismos de busca o que o conteúdo significa para que possam analisar e classificar páginas web com precisão.
Você pode adicionar marcação de dados estruturados aos dados de produtos compartilhados com o Google Merchant Center, o que ajuda o Google a exibir informações precisas sobre seus produtos no Google Search, Google Shopping, Google Images e Google Maps. Os dados estruturados podem melhorar sua taxa de cliques (CTR), o que pode contribuir para melhores posições nos resultados de busca do Google.
Como o schema aparece
Você pode encontrar código schema dentro das páginas de um website com uma tag HTML <script> padrão envolvendo-o.
Dentro da tag script está o ID do tipo de aplicação do script (o tipo de formato que você usa para estruturar dados). Os websites comumente usam o formato JSON-LD (JavaScript Object Notation for Linked Data). Para especificar que um bloco de dados está usando JSON-LD, o código deve indicar: type application/ld+json.
Aqui está um trecho de código simples que descreve informações valiosas sobre um produto. Cada atributo (nome, descrição, imagem, marca, etc.) aparece ao lado de seu valor em uma nova linha.
{
"@context": "http://schema.org",
"@type": "Product",
"name": "Máquina de Escrever Manual Olympian",
"description": "Uma máquina de escrever manual retrô com chassi metálico vintage e ação de digitação suave.",
"image": "https://example.com/typewriter.jpg",
"brand": {
"@type": "Olympian",
"name": "OL 500"
},
"offers": {
"@type": "Offer",
"priceCurrency": "BRL",
"price": "549.99",
"availability": "https://schema.org/InStock"
}
}
Quando o Google escaneia a página web do produto, ele aprende informações vitais sobre o item, como nome, descrição, imagem, marca e preço.
Você também pode adicionar atributos às tags HTML existentes chamados "microdados." Esta é outra maneira de sinalizar aos mecanismos de busca o significado e contexto do seu conteúdo, para que possa ser exibido de formas relevantes e úteis.
Rich snippets
Se você pesquisar "máquinas de escrever" ou qualquer produto no Google, verá rich snippets em ação. Com dados estruturados, o Google constrói rich snippets: resultados de busca com detalhes extras como preços, avaliações e informações de frete.
Resultados enriquecidos (qualquer coisa além dos links azuis no Google) são úteis para produtos de e-commerce porque permitem que pessoas fazendo compras online comparem uma variedade de itens rapidamente. Se algo sobre o rich snippet do seu produto chamar a atenção delas (como avaliações positivas), o comprador pode então se envolver com sua marca.
Como o schema constrói autoridade no Google
O schema pode ajudar o Google a ver sua experiência, expertise, autoridade e confiabilidade, ou E-E-A-T, uma métrica que o Google usa para avaliar um website. Os dados estruturados tornam possível para o Google ler e interpretar claramente, fazendo conexões que o mecanismo de busca poderia ter perdido por conta própria. Todo esse contexto significa que o Google pode avaliar seu website com precisão.
"Implementar marcação schema serve como informação direcional positiva para E-E-A-T, aumentando ainda mais a credibilidade do seu site aos olhos tanto dos usuários quanto dos mecanismos de busca", diz Arthur Camberlein, especialista sênior em SEO da Shopify.
Mas é importante saber quando e onde usar schema de e-commerce para construir autoridade.
"Ao considerar schema de e-commerce, é essencial lembrar que as marcações schema são apenas indicadores, contexto adicional para que os bots entendam melhor seu conteúdo", diz Arthur. "Por exemplo, páginas de produtos incluirão informações como avaliações, preço e disponibilidade, enquanto posts de blog normalmente apresentarão informações do autor e schemas de FAQ."
Ao implementar schema de e-commerce, Arthur recomenda fazer isso passo a passo, schema por schema. Dessa forma, você pode acompanhar claramente o impacto e reduzir o risco de prejudicar a experiência do usuário ou o crescimento do website.
Como criar dados estruturados
Construir schema pode ser um processo complicado (o Google Search Central oferece mais informações), mas aqui estão os passos básicos:
1. Inserir dados estruturados. A localização varia dependendo do formato web que você usa, mas dados estruturados normalmente aparecem na seção <head> de uma página HTML. JSON-LD fica dentro de uma tag <script> na seção <head>. Você também pode adicionar microdados ao HTML para identificar e adicionar contexto adicional ao conteúdo dentro do seu website.
2. Testar. O Teste de Resultados Enriquecidos do Google ou o Teste de Resultado Enriquecido do Schema.org ajudarão você a identificar bugs no código.
3. Fazer um teste piloto com algumas páginas implementadas. Use a ferramenta de inspeção de URL do Google para ver como o mecanismo de busca visualiza a página. Se estiver bom, prossiga para o próximo passo.
4. Pedir ao Google para rastrear novamente as URLs do website. Se você adicionou dados estruturados a apenas algumas páginas, selecione a opção "Solicitar indexação" na ferramenta de inspeção de URL. Se você tem várias páginas em seu site que precisam ser rastreadas novamente, reenvie seu sitemap. O Google rastreia sites automaticamente periodicamente, mas enviar seu sitemap para o Google Search Console pode acelerar o processo.
Tipos de dados estruturados para seu site de e-commerce
Existem muitos tipos de schema disponíveis para sites de e-commerce. Aqui estão alguns dos mais essenciais que entregam páginas de resultados de busca aprimoradas relevantes:
Organização
Para aumentar a visibilidade do negócio por trás dos seus produtos, use schema de organização para fornecer informações da empresa aos mecanismos de busca. Você pode criar uma marcação com o nome da sua empresa, endereço, logo, áreas atendidas e mais. Use marcação de organização apenas em uma única página do website, normalmente sua página inicial. Use este código de exemplo como guia:
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Nome da Sua Empresa",
"url": "https://www.seuwebsite.com.br",
"logo": "https://www.seuwebsite.com.br/logo.png",
"sameAs": [
"https://www.facebook.com/suapagina",
"https://twitter.com/seuusuario"
],
"address": {
"@type": "PostalAddress",
"streetAddress": "Rua Principal, 123",
"city": "São Paulo",
"state": "SP",
"postalCode": "01234-567",
"country": "BR"
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+5511987654321",
"contactType": "atendimento ao cliente"
}
}
Negócio local
Use o schema de negócio local se você tem uma ou mais localizações físicas além da sua loja de e-commerce. O melhor lugar para colocar a marcação é na página de destino específica para cada loja. Você pode descrever o nome do negócio, endereço, número de telefone, horário de funcionamento, logo, faixa de preço e URL. Por exemplo:
{
"@context": "http://schema.org",
"@type": "LocalBusiness",
"name": "Nome do Seu Negócio",
"address": {
"@type": "PostalAddress",
"streetAddress": "Rua Principal, 123",
"addressLocality": "São Paulo",
"addressRegion": "SP",
"postalCode": "01234-567",
"addressCountry": "BR"
},
"telephone": "+5511987654321",
"openingHours": "Mo-Fr 09:00-17:00",
"image": "https://example.com/logo-negocio.png",
"priceRange": "$$",
"url": "https://www.seuwebsite.com.br"
}
Produto
A marcação schema de produto é obrigatória para negócios de e-commerce que vendem produtos físicos. Ao marcar páginas de produtos, o bot de busca reconhecerá suas listagens como produtos e as exibirá adequadamente nas páginas de resultados de busca do Google.
O schema de produto está integrado em muitos temas de lojas Shopify, incluindo o tema principal gratuito, Dawn. No entanto, você também pode adicionar dados estruturados adicionais manualmente a um website Shopify com um filtro liquid de dados estruturados, ou usar aplicativos de marcação schema para automatizar o processo.
No seu website, você pode adicionar o nome, descrição, cor, dimensões, categoria do produto, ID do produto, imagens, disponibilidade, ofertas especiais, marca, múltiplas avaliações e classificações, taxas de frete, unidade de manutenção de estoque (SKU), prazos de entrega e mais.
Embora não haja um schema específico para páginas de categoria, existe uma solução alternativa: Use o tipo ItemList e torne cada categoria um ListItem. Aninhe produtos dentro de cada um, com nomes de produtos, preços, imagens e links. Por exemplo:
{
"@context": "http://schema.org",
"@type": "ItemList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"item": {
"@type": "Product",
"name": "Produto A",
"image": "https://example.com/produto-a.jpg",
"price": "499.99",
"url": "https://example.com/produto-a"
}
},
// ... outros produtos
]
}
Preço
O schema de especificação de preço permite adicionar o preço do produto, preço da oferta, desconto, queda de preço, preço unitário do item e moeda. A representação precisa dos preços dos produtos e histórico de preços aumenta as chances dos seus produtos aparecerem como quedas de preço em resultados enriquecidos no Google Search. O schema de preço fica dentro do schema de produto. Por exemplo:
{
"@context": "http://schema.org",
"@type": "Product",
// ... outros detalhes do produto ...
"offers": {
"@type": "Offer",
"priceCurrency": "BRL",
"price": 499.99,
"priceValidUntil": "2024-12-31",
"availability": "https://schema.org/InStock",
"itemCondition": "https://schema.org/NewCondition",
"priceSpecification": {
"@type": "PriceSpecification",
"value": 499.99,
"currency": "BRL",
"priceComponent": {
"@type": "PriceComponent",
"name": "Preço Base",
"price": 449.99
},
"priceComponent": {
"@type": "PriceComponent",
"name": "Frete",
"price": 50.00
}
}
}
}
Breadcrumb
O schema de breadcrumb ajuda os mecanismos de busca a entender a estrutura hierárquica dos sites de e-commerce. Se você quer que os mecanismos de busca sigam a trilha de breadcrumb, adicione um ListItem para representar cada passo e uma propriedade de posição (onde ela se encaixa na lista) para sinalizar a ordem adequada. Use URLs absolutas (URLs completas) para a propriedade item, e comece com o primeiro item da sua lista. Por exemplo:
<html>
<head>
<title> Vencedores</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Livros",
"item": "https://example.com/livros"
},{
"@type": "ListItem",
"position": 2,
"name": "Jovem Adulto",
"item": "https://example.com/livros/jovem-adulto"
},{
"@type": "ListItem",
"position": 3,
"name": "Vencedores"
}]
}
</script>
</head>
<body>
</body>
</html>
Disponibilidade
Usando schema de disponibilidade, você pode mostrar aos clientes potenciais se os produtos estão em estoque diretamente em um rich snippet na página de resultados do mecanismo de busca (SERP). Você também pode mostrar informações de pré-venda ou se um produto está chegando em breve, em pré-venda ou esgotado. O schema de disponibilidade pode ser adicionado dentro do schema de produto.
Outros tipos de schema a considerar
Você pode adicionar schema para muitos outros tipos de conteúdo que podem gerar resultados enriquecidos, incluindo:
- Schema de vídeo. Você pode marcar livestreams e vídeos de produtos. As marcações para descrição do vídeo, URL da miniatura, data, duração e mais podem aumentar a visibilidade na busca de vídeos, Google Images e Google Discover.
- Schema de avaliação. O schema de avaliação adiciona marcação estrutural às avaliações dos usuários. Inclui informações sobre o avaliador, a classificação e o conteúdo da avaliação.
- Schema de artigo. Isso marca detalhes de posts de blog e artigos informativos, como o título, autor, data de publicação, FAQs e corpo do artigo.
- Schema de notícias. O schema de notícias fornece contexto para artigos relacionados a notícias, incluindo o título, autor, data de publicação e corpo do artigo.
Perguntas frequentes sobre schema de e-commerce
Como o schema de e-commerce pode impactar a visibilidade da minha loja online?
O schema de e-commerce melhora a visibilidade da sua loja online ao permitir que os mecanismos de busca entendam as informações dos produtos de forma mais eficaz. Implementar marcação schema pode levar a rich snippets nos resultados de busca, destacando dados importantes como preços e avaliações. Essa visibilidade aprimorada frequentemente resulta em taxas de cliques mais altas, gerando mais tráfego e vendas potenciais para seu site de e-commerce.
O que é schema no e-commerce?
Schema é a descrição do conteúdo de páginas web na forma de um vocabulário de dados estruturados. No e-commerce, um tipo de schema ajuda o Google a entender informações significativas como produtos, preços, disponibilidade e avaliações.
A Shopify usa schema?
O schema de produto está integrado em muitos temas de lojas Shopify, incluindo o tema principal gratuito, Dawn. No entanto, você também pode adicionar dados estruturados adicionais manualmente a um website Shopify com um filtro liquid de dados estruturados, ou usar aplicativos de marcação schema para automatizar o processo.
O que é um exemplo de schema?
Um schema básico de produto para e-commerce inclui código de marcação de produto para capturar informações como nome, preço, imagem e disponibilidade. Cada atributo consiste em um nome e um valor, como "price" : R$ 399.
