SEO: marcação de dados estruturados para páginas de produtos de loja virtual

A marcação de dados estruturados ajuda os mecanismos de pesquisa a identificar as informações do produto e exibir essas informações em resultados avançados, aumentando potencialmente o número de cliques que a página do produto ganhará.

Quando os compradores pesquisam produtos em um mecanismo de pesquisa como o Google ou o Bing, eles provavelmente terão uma longa lista de anúncios e listagens orgânicas relevantes. Se uma página for bem classificada para uma pesquisa de produto específica, seu link e descrição aparecerão na lista de resultados retornados. Mas classificar bem em uma página de resultados de mecanismos de pesquisa é apenas parte da tarefa de uma consultoria SEO.

Marcação estruturada de dados permite excelentes resultados

Uma maneira de se destacar em uma página de resultados de mecanismos de pesquisa é incluir mais ou melhores informações, como uma análise de produto, informações de preço e alguma indicação do nível de estoque.

A imagem abaixo é uma captura de tela de uma página de resultados de pesquisa do Google tirada em 6 de junho de 2016. Observe que o Carregador de Pista Lego Technic Compact foi classificado 10 vezes no site Walmart para uma classificação média de quatro estrelas e meia em cinco. Atualmente custa US $ 14,62 e está em estoque.

Esta listagem da página de resultados de pesquisa do Google mostra os dados estruturados.

Esta listagem da página de resultados de pesquisa do Google mostra os dados estruturados.

O Google entende e exibe essas informações adicionais graças à marcação de dados estruturados nesta página específica de detalhes do produto. Embora o trabalho adicional que o Walmart tenha feito para ajudar a descrever seu conteúdo para o Google possa não afetar a classificação entre os resultados retornados (mais sobre isso abaixo), ele pode ajudar a listagem do Walmart a receber mais cliques da página de resultados do mecanismo de pesquisa.

Marcação de dados estruturados com vocabulário de microdados

O Microdata é um padrão da Web usado para “anotar conteúdo com etiquetas legíveis por máquina específicas”. Efetivamente, ele coloca pequenos pedaços de marcação em linha com outro HTML para melhor descrever o conteúdo HTML associado.

O Google e o Bing podem entender os microdados relacionados ao produto com o produto, a oferta e o vocabulário do Schema.org .

A implementação de microdados de vocabulário do Schema.org em uma página de detalhes do produto de loja virtual começa com o elemento mais externo que envolve as informações do produto. Neste exemplo, um div é usado.

<div itemscope itemtype = "http://schema.org/Product">
    ...
</ div>

No curso normal da apresentação da página de detalhes do produto, identifique informações adicionais sobre o produto usando uma propriedade itemprop .

<div itemscope itemtype = "http://schema.org/Product">
    <h1 itemprop = ”name”> Algum Produto Incrível </ h1>
    <img src = ”some-amazing-product.png” alt = ”Imagem surpreendente do produto” itemprop = ”image” />
    <p itemprop = "descrição">
        Este é um produto realmente incrível. Na verdade, achamos que você ficará surpreso.
        <span itemprop = ”sku”> 123456789 </ span>
    </ p>
</ div>

Observe no exemplo acima, o nome do produto, a imagem, a descrição e a unidade de manutenção de estoque (SKU) são todos identificados usando o vocabulário do produto Schema.org .

Há também um vocabulário do Schema.org para descrever as classificações do produto . No código abaixo, aggregateRating , ratingValue e reviewCount são usados ​​para ajudar os mecanismos de pesquisa a identificar a classificação do produto e permitir que eles a mostrem em um resultado avançado .

<div itemscope itemtype = "http://schema.org/Product">
    <h1 itemprop = ”name”> Algum Produto Incrível </ h1>
    <img src = ”some-amazing-product.png” alt = ”Imagem surpreendente do produto” itemprop = ”image” />
    <p itemprop = "descrição">
        Este é um produto realmente incrível. Na verdade, achamos que você ficará surpreso.
        <span itemprop = ”sku”> 123456789 </ span>
    </ p>
    <div itemprop = "aggregateRating" itemscope itemtype = "http://schema.org/AggregateRating"> 
        <span itemprop = "ratingValue"> 4 </ span> estrelas, com base em 
        <span itemprop = ”reviewCount”> 1.987 </ span> comentários. 
    </ div> 
</ div>

Por fim, pode-se adicionar informações sobre os níveis de preço e inventário do produto usando o vocabulário de oferta do Schema.org .

<div itemscope itemtype = "http://schema.org/Product">
    <h1 itemprop = ”name”> Algum Produto Incrível </ h1>
    <img src = ”some-amazing-product.png” alt = ”Imagem surpreendente do produto” itemprop = ”image” />
    <p itemprop = "descrição">
        Este é um produto realmente incrível. Na verdade, achamos que você ficará surpreso.
        <span itemprop = ”sku”> 123456789 </ span>
    </ p>
    <div itemprop = "aggregateRating" itemscope itemtype = "http://schema.org/AggregateRating">
        <span itemprop = ”ratingValue”> 4 </ span> estrelas, com base em 
        <span itemprop = ”reviewCount”> 1.987 </ span> avaliações.
    </ div>
    <div itemprop = ”ofertas” itemscope itemtype = ”http://schema.org/Offer”> 
        <meta 
        itemprop = ”preco” < 
= USD $ /> $ <span itemprop = ”price”> 9.99 </ span> |         <span itemprop = ”availability”> Em estoque </ span> 
    </ div> 
</ div>

Você pode encontrar uma propriedade Schema.org para praticamente qualquer coisa que você queira descrever em uma página de detalhes do produto. Depois de ter alguma marcação de dados estruturados, você pode até testar sua validade usando a Ferramenta de teste de dados estruturados do Google .

Marcação estruturada de dados com JSON-LD

Recentemente, o Google começou a preferir o JSON for Linking Data ou o JSON-LD aos microdados. JSON-LD tem vantagens sobre os microdados, incluindo ser separado – ou seja, dentro de uma tag de script aninhada no cabeçalho do documento – da marcação HTML. No momento em que este artigo foi escrito, o Bing ainda não suportava o JSON-LD para marcação de dados estruturados.

Para JSON-LD, comece com uma tag de script, definindo o tipo como “application / ld + json”.

<script type = "aplicativo / ld + json">
    ...
</ script>

Em seguida, escreva o objeto JSON-LD. Observe que o contexto aponta para o Schema.org no exemplo. Assim, você pode usar as mesmas propriedades descritas na seção de microdados acima.

{
    "@context": "http://schema.org/",
    "@tipo": "Produto",
    "name": "Some Amazing Product",
    "image": "some-amazing-product.png",
    "description": "Este é um produto realmente incrível. Na verdade, achamos que você ficará surpreso.",
    "sku": "123456789",
    "aggregateRating": {
        "@tipo": "AggregateRating",
        "ratingValue": "4",
        "reviewCount": "1,987"
    }
    "ofertas": {
        "@tipo": "Oferta",
        "priceCurrency": "USD",
        "price": "9,99",
        "disponibilidade": "http://schema.org/InStock"
    }
}

A marcação de dados estruturados pode afetar o ranking

A marcação de dados estruturados, implementada com microdados ou JSON-LD, pode permitir resultados ricos, possivelmente aumentando a probabilidade de uma determinada página de produto listar em uma página de resultados de mecanismo de pesquisa ser clicada. Por vários anos, esse foi o principal motivo para incluir a marcação de dados estruturados.

No entanto, em 11 de setembro de 2015, o analista de tendências para webmasters do Google,  John Mueller, disse que dados estruturados “com o tempo podem fluir para os rankings” durante um Hangout da Central do Google para webmasters de uma hora. O comentário de Mueller – veja, aproximadamente, às 21:40 minutos do vídeo – incentivou alguns profissionais de marketing a incluírem uma marcação de dados estruturados.