Implementando dados estruturados na página do Produto – Magento

Implementando dados estruturados na página do Produto (Product Schema).

Primeiro passo acesse a pasta do tema que você esta utilizando.

app/design/frontend/FORNECEDOR/TEMA/template/catalog/product

Edite o arquivo:  catalog/product/view.phtml

Produto

Definindo o tipo da marcação: http://schema.org/Product

Altere:

<div class="product-view">

Por:

<div class="product-view" itemscope itemtype="http://schema.org/Product">

Nome do Produto

Depois altere:

<h1> <?php echo $_helper->productAttribute($_product, $_product-> getName(), 'name')?></h1>

Por:

<h1 itemprop="name"><?php echo $_helper->productAttribute($_product, $_product-> getName(), 'name')?></h1>

Descrição

(é importante que essa marcação seja feita na descrição curta)

Altere:

<div class="std"><?php echo $_helper->productAttribute($_product, nl2br($_product->getShortDescription()), 'short_description') ?></div>

Por:

<div class="std" itemprop="description"><?php echo $_helper->productAttribute($_product, nl2br($_product->getShortDescription()), 'short_description') ?></div>

Oferta

Preço, moeda e disponibilidade em estoque: http://schema.org/Offer

Logo abaixo do nome do produto, <h1>.. adicione o código:

<?php if($_product->isAvailable()): ?>

<div style="display:none" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

  <span itemprop="price"><?php echo number_format($_product->getFinalPrice(), 2, '.', '') ?></span>
  <meta itemprop="priceCurrency" content="BRL" />
  <link itemprop="availability" href="http://schema.org/InStock" />

</div>

<?php endif; ?>

As marcações acima são destinada ao Preço, Moeda e disponibilidade em estoque.

URL produto e código (SKU)

Adicione logo a baixo de:

<div class="product-view" ...

Código:

<meta itemprop="url" content="<?php echo $_product->getUrlModel()->getUrl($_product, array('_ignore_category'=>true)); ?>" /> 
<meta itemprop="sku" content="<?php echo $_product->getSku() ?>" />

Imagem do Produto

Teremos que mudar de arquivo, edite: catalog/product/view/media.phtml

Altere:

<img id="image-main"...

Por:

<img itemprop="image" id="image-main"

As marcações mais básicas estão feitas, agora você já pode testar a implementação por este link: https://search.google.com/structured-data/testing-tool?hl=pt-BR

Não esqueça de atualizar o Cache.

Conteúdo Relacionado

Dados estruturados, Rich Snippets e testando a página no Google