Como Aumentar seu CTR com Schema.org

O Schema.org é uma iniciativa dos três grandes buscadores (Google, Yahoo e Bing) para oferecer um conjunto de Tipos padronizados a serem utilizados com o formato microdata, como propriedades específicas para Receitas ou Negócios Locais. A intenção do Schema é se tornar a principal referência na utilização de marcações de conteúdo no HTML.

Como o Google quer sempre entregar resultados de maior qualidade, e uma das formas é através da utilização dos rich snippets (Figura 1). Para isso, a ferramenta precisa da ajuda das marcações para identificar claramente as informações e entender melhor sobre o que é o conteúdo, o que iria além da capacidade atual de seus algoritmos, mesmo que sejam muito avançados.

Graças a essas marcações e às constantes melhorias na capacidade de identificar o conteúdo, o Google hoje exibe 10 vezes mais rich snippets do que há alguns anos. Então é hora de estudar e aplicar essa novidade pra melhorar o desempenho do seu site!

Para você que tem site é uma grande vantagem, que irá perceber sua taxa de cliques (CTR, click through rate) aumentar, considerando que seu anúncio vai aparecer com maior destaque e atraindo a atenção de quem estiver buscando.

Como utilizar o Schema.org

A quantidade de opções é bem grande, existem centenas de Tipos para os mais diferentes conteúdos, tais como música, filmes, organizações, programas de tv, produtos e até receitas! Dentro da maioria deles existem mais níveis, como Evento, que detalha ainda mais, como:

• Evento de Negócios
• Evento de Crianças
• Evento de Comédia
• Evento de Dança

Agora vamos ver como você pode realmente colocar a mão no código e ajudar seu site a ter uma melhor taxa de cliques. Não pretendo aqui utilizar todas as opções possíveis, pois são dezenas e não ficaria muito didático.

Identifique o tema

Primeiro você precisa selecionar o escopo do seu conteúdo no próprio site do Schema. Veja essa pequena lista dos mais utilizados.

Se quiser algo mais específico, o que é recomendado, veja aqui a lista completa.

Explore o site do Schema justamente para conhecer melhor as possibilidades e aprimorar a exibição do seu site.

É necessário primeiro ter claro qual é o tema do seu site. Sobre o que trata? Análises de filmes? Nóticias de tecnologia e gadgets? Exibição de receitas?

Vamos pegar este último como exemplo, com a imagem da página que utilizaremos como referência:

1. 1. Selecione o Tipo
      Copiamos a própria URL da página de Recipe no site, e incluímos dentro de uma <div>.É necessário sempre que for começar colocar o itemscope itemtype=”URL específica”. Confira abaixo:

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

Código 1

1. 1. Inclua a propriedade na imagem
      Agora você vai precisar identificar os principais elementos dentro da sua página. Para um site de receitas, a imagem é muito importante, então já é inserida logo no início.Como pode ver no Código 2 (abaixo), sempre que utilizar uma marcação, vai ser necessário incluí-la dentro de uma tag, e colocar itemprop=”PROPRIEDADE”. Neste caso específico de imagem, é itemprop=”image”

<div itemscope itemtype="http://schema.org/Recipe">
<img itemprop="image" src="yakisoba.jpg" alt="Prato de Yakisoba"/>
</div>

Código 2

1. Inclua a propriedade no H1
   Na última linha do código 3, repare que o itemprop aparece de novo para especificar que Receita de Yakisoba é o nome do conteúdo da página. Então como havia explicado anteriormente, deverá constar como itemprop=”name”

<div itemscope itemtype="http://schema.org/Recipe">
<img itemprop="image" src="yakisoba.jpg" alt="Prato de Yakisoba"/>
<h1 itemprop="name">Receita de Yakisoba</h1>
</div>

Código 3

Marcações Específicas

As marcações que utilizamos acima, como name e image são genéricas e servem para diversos conteúdos dentro do site, como pessoas ou empresas, filmes ou receitas.
O que vai fazer diferença é utilizar marcações mais específicas para o seu site, no nosso caso, tempo de preparo e ingredientes da nossa receita.

<div itemscope itemtype="http://schema.org/Recipe">
<img itemprop="image" src="yakisoba.jpg" alt="Prato de Yakisoba"/>
<h1 itemprop="name">Receita de Yakisoba</h1>

<p itemprop="recipeCuisine">Comida Chinesa</p>
<p itemprop="recipeYield">3 Porções</p>

<p>Tempo de Preparo:<meta itemprop="totalTime" content="PT30M">30 minutos</p>

<h2>Ingredientes</h2>
<ul>
<li itemprop="ingredients">Um pacote de macarrão</li>
<li itemprop="ingredients">2 colheres de óleo</li>
<li itemprop="ingredients">1 dente de alho</li>
<li itemprop="ingredients">2 cebolas</li>
</ul>

<h2>Como fazer</h2>
<p itemprop="recipeInstructions">
Esquente a frigideira e coloque um fio de óleo.
Coloque agora todos os ingredientes juntos.
Deixe lá até parecer apetitoso! =]
</p>
</div>

Código 4

Para incluir o conteúdo, não deixe de verificar na página do Schema quais são os valores. Se não ficar muito claro quais formatos são necessários, procure na página do Tipo, que está disponível uma explicação mais detalhada.

Confira na imagem para Receitas:

Hora de Testar

É importante que você utilize a ferramenta do próprio Google, a Rich Snippets Testing Tool, para conferir se você aplicou todas as marcações dentro das tags corretamente.

Insira a URL da página que está sendo configurada.

Veja que além de exibir como seria a exibição do seu rich snippet, a própria ferramenta oferece uma análise identificando os códigos, indicando se estão corretos ou não. Na Figura 4, todos os atributos estão configurados corretamente, pois estão em preto (padrão) e estariam em vermelho se estivessem errados.

Se tiver alguma dificuldade para elaborar o código, existe a opção de utilizar algumas ferramentas que fazem isso automaticamente, como o Schema Creator, que oferece diversas opções e é só digitar o conteúdo em cada campo.

No entanto, recomendo sempre dar uma revisada no resultado, para ver se está tudo configurado de forma adequada.

Resultado

Após elaborar todas essas marcações corretamente, seu site poderá – pois o Google não garante o rich snippet – aparecer com mais destaque nos resultados, como mostrado abaixo.

Dessa forma, irá atrair muito mais atenção para o seu link, e aumentando seu CTR, ou seja, uma quantidade muito maior de acessos ao seu site para cada vez que ele é exibido como resultado.

Veja como ficaria a nossa página de Yakisoba no Google: