Rich Snippets, Microformats e como deixar seu site bonito no Google
7 Apr
Você já deve ter visto, navegando pelo Google a fora (principalmente no Google US), algumas páginas de resultados bem interessantes, que mostram reviews de usuários, preços de produtos, dados de cinema e afins.
Essas informações são conhecidas como Rich Snippets, e você pode implementá-las no seu site de 3 maneiras diferentes, à sua escolha: microdados, RDFa e Microformats. Vou falar um pouco sobre os Microformats hoje.
O que são microformats
Como disse no meu post anterior, são necessários padrões para organizar toda a informação que é disponibilizada na web, e os microformats surgem para dar “uma mãozinha” aos buscadores a agregar toda essa informação e ajudá-los a “montar” o rankeamento e qualificação/classificação de resultados da melhor forma possível, através dessa “meta-informação”.
Como começar
1) Com semântica
Antes de mais nada, você DEVE ter código semântico. Se seu site não está de acordo com os padrões web, pode parar de ler esse post por aqui! hehehe
Digo isso porque a aplicação básica de microformats é criar relações que descrevem semântica através de tags, classes e atributos de (X)HTML.
2) Com classe
Com classe, porque a gente aqui no SEO de Saia é chic, né bem?!…
De acordo com as especificações do W3C, nomes de classes podem ser utilizados tanto para referência do estilo de seu site (CSS) como para serem utilizados por user agents, sejam eles browsers ou robôs de busca.
<span class="data-post">06 de abril de 2011</span>
Tá, até agora nada fez sentido na sua vida, né?! Mas não desista! É agora que a coisa fica boa! Keep reading! hehe
Como classes não têm significado algum por padrão, como fazer para dar semântica a elas?
Existem especificações de Microformats estabelecidos, criando, desta forma, um design pattern para dar, então, semântica à vida das pobres classes, antes tratadas apenas como nomezinhos aleatórios dados por front-ends felizes! 
As especificações de Microformats, o Google e SEO
Dentre as várias especificações e rascunhos existentes, os principais e que, até então, o Google dá suporte são:
- hCard – para marcação de cartões de visitas ou informações pessoais
- hReview – para reviews individuais
- hReview-aggregate – para informações resumidas a partir de um conjunto de hReviews
- hProduct – para marcação de produtos, preços e toda informação relacionada a e-commerces
- hCalendar – para marcação de datas, compromissos, eventos e afins
- hRecipe – para receitas
Vale citar também que fazem parte das especificações os já conhecidos rel-license e rel-nofollow.
Foi bem difícil achar exemplos decentes no Brasil para mostrar aqui no post, por isso tive que recorrer a buscas no Google US. Basicamente, os poucos sites nacionais que se utilizam de microformats, usam o hReview.
Como já é sabido, o Google Products e o Google Recipe ainda não chegaram no Brasil, porém os microformats para receitas, com ingredientes e tempo de preparo, por exemplo, podem ser visualizados nas SERP do Google Brasil.
Exemplo: Trabalhando reviews
O Google reconhece propriedades de resenhas como rating, nome do autor, data, descrição, resumo e foto, todos derivados da especificação hReview.
Para adaptar um site com reviews, que teria o código inicial do tipo:
<div>
<strong>Pongsri Thai Restaurant</strong><br />
by Renata Reis<br />
06 de Abril de 2011 <br />
We stumbled upon this place while visiting NYC. It took a while for service, but it was well worth the wait. <br />
Nota: 7
</div>
Ficaria desta forma marcado com Microformats:
<div class="hreview">
<span class="item">
<span class="fn">Pongsri Thai Restaurant</span>
<img src="thai-food.jpg" class="photo" alt="Thai Food" />
</span>
by <span class="reviewer">Renata Reis</span>
<span class="dtreviewed">
06 de Abril de 2011<span class="value-title" title="2011-06-04" ></span>
</span>.
<span class="summary">We stumbled upon this place while visiting NYC. It took a while for service, but it was well worth the wait.</span>
<span class="description">This place is great. I love Thai food and I have been to Thai restaurants everywhere and this is the best.</span>
Nota:
<span class="rating">7</span>
</div>
Exemplo 2: Trabalhando com informações de pessoas e organizações, produtos, receitas e eventos
O uso de microformats para os rich snippets de pessoas e organizações, produtos, receitas e eventos seguem o mesmo padrão do hReview, com suas devidas marcações particulares. Exemplos:
hCard para marcação de pessoas e organizações:
Propriedades como nome, apelido, foto, cargo, função, link, contato, endereço, etc. pode ser usadas.
hProduct para produtos em um e-commerce:
Propriedades como nome, imagem, descrição, marca, categoria, review, e oferta podem ser usadas. Dentro de oferta, propriedades como preço, moeda, validade da oferta, vendedor, condição (novo/usado), disponibilidade, url e item (oferta agregada) podem ser usados. Dentro de oferta agregada, propriedades como preço mais baixo, preço mais alto, moeda, número de ofertas, condição e url podem ser usadas.
hRecipe para receitas:
Propriedades como nome, tipo de prato, foto, data, resumo, review, tempo de preparo, informações nutricionais, instruções, ingredientes, rendimento e autor podem ser usadas.
hCalendar para eventos:
Propriedades como nome do evento, url, local, descrição, data de início, data de término, duração, tipo de evento, coordenadas geográficas e foto podem ser usadas.
Testando
Depois de arrumar seu site bonitinho, você pode testar como ele aparecerá na SERP na Rich Snippet Tool que o Google Webmaster Tools disponibiliza.
Concluindo
Apesar dos microformats não influenciarem diretamente seu rankeamento e o uso deles não garantir que seu site irá aparecer nas SERP, a utilização deles é uma estratégia primordial de SEO. Principalmente no caso do Brasil, onde pouco é encontrado/trabalhado sobre o assunto, sair na frente utilizando o recurso é uma grande vantagem, especialmente em casos de e-commerces, com a possível chegada do Google Products. Além disso, pensando pelo lado do usuário, um resultado com Rich Snippets agregaria muito mais valor à busca e, consequentemente, aumentaria a atenção do usuário para o seu link, melhorando sua experiência.
Mais informações você pode encontrar na Ajuda do Google para Webmasters.
E você? Quais impressões tem sobre essa história? Deixe sua opinião nos comentários, eu adoraria ouvir, pois também estou aprendendo! 
Muito bom isso,
Alguém sabe como está funcionando o hProduct no Brasil?
Ainda não tem funcionalidade?
Parabéns pelo blog.
Oi Kauê,
Que bom que gostou! Nós agradecemos!
Pelas pesquisas que fiz, o hProduct não funciona no Brasil. Vc pode ver alguns exemplo nesse site > http://microformats.org/wiki/hproduct-examples
Se testá-los no Rich Snippet Testing Tool ou fizer a busca no Google US vai poder visualizar o hProduct em ação e, fazendo a mesma busca no Google BR, verá que o hProduct não é lido.
Mas como eu disse, mesmo ainda não funcionando por aqui, é bom a gente já ir se preparando! =)
Não me lembro de ter visto Rich Snippets em resultado de pesquisa aqui no Brasil. Acredito que o mercado é prematuro no assunto SEO e talvez esse seja o motivo.
Enfim, enquanto isso seguimos tentando influenciar nossos clientes, pois o Brasil tem um espaço gigante pra crescer em SEO.
Parabéns pelo blog.
Oi Alessandro,
Então, todos os exemplos do post podem ser visualizados no Google Br, exceto o do hProducts, mas, como vc disse, é algo muito pouco usado por aqui.
Obrigada pela visita! =)
Bem legal esse artigo, parabéns Renata!
Vale acrescentar que também há um padrão de microdados para breadcrumbs, o qual funciona muito bem na SERP do Google Brasil.
Fora isso, acredito que os microformats hCard podem se tornar importantes instrumentos para sites com atuação local, pois, com eles, é possível fornecer dados de geolocalização aos mecanismos de pesquisa.
Abs!
Oi Pelati!
Ótimas dicas complementares! Que bom que gostou do post! =)
Finalmente entendi!!!!!!
Vou aplicar hoje a noite.
#gosteidopost
Que legal que entendeu, Marcelo! Fico feliz em ter ajudado!
E ai galera, tudo bem!?
primeiro meninas parabens pelo blog. Conteúdo objetivo e de otima qualidade.
Alessandro sobre rich snippets existem vários sites aplicando, mas como a Renata disse no comentario anterior o google.br ainda nao visualiza todos os tipos de rich snippets.
Hproducts ainda nao são visiveis mais vc encontra varios Hreviews no google.br
qnto ao mercado de SEO, 2011 será um ano de crescimento ainda maior que 2010. Agora o que nos resta é manter o foco, estudar sempre e tentar manter essa crescente…
Abs
Ricardo
Parabéns pelo post, muito bom mesmo. venho acompanhando o SEO de Saia a algum tempo e não teve nenhuma vez que eu tenha perdido tempo aqui dentro!
Parabéns pelo post.
Acho que é só o segundo texto sobre Microformats bem elaborado que eu já vi.
Quanto ao hProduct, ele está em fase de teste e como todas as alterações que o Google faz, deve demorar ainda alguns meses pra chegar aqui.
Oi Re,
Mais um post complexo e super interessante.
Parabéns!
Paula
Eu não havia lido sobre microformats ainda e fiquei impressionado como eles agregam valor e organizam a informação na busca.
Realmente acho que vai fazer uma grande diferença para quem sair na frente usando microformats.
Parabens pelo post
Bem, amei o nome do site…
Apesar do artigo já ser de abril, tinha que deixar qualquer coisa escrita. Muito bom. Parabéns.
Parabens Renata.
Sua informações foram muito didáticas,estou começando a conhecer o Rich snippets.
Mas como você disse,mesmo podendo não influencia nos resultados de busca é sempre bom sair na frente né? rs…
Em minha loja acabei de instalar um módulo que permite adequar meu site para o Rich Snippts e depois cadastrei as informações necessárias junto ao google,agora é só aguardar.
Usarei o maior numero de ferramentas possíveis para ficar bem posicionado no Google.
Em pouco tempo de vida meu site,conseguiu rapidamente aparecer e bem posicionado varios links de produtos.
Utiliso url amigaveis,google analytics,sitemaps.
Pra mim o Rich Snippts é muito bem vindo.
Abraço
Vale a pena colocar na página inicial?
Pergunto isso porque parece que não será ativado em conteúdo principal.
Oi Leo, acho que nada impede vc de colocar os microformats na sua home, desde que da forma correta, até onde tenho conhecimento…
Mas vale o teste para ver se funciona ou não, ok?
Abraços!
Olá Renata,
Retorno para dizer que o módulo que coloquei em minha loja virtual,para adequar ao Rich snippets funcionou.
Se você fizer um teste jogando no google nos termos de buscas relacionados aos meus proodutos,grande parte já estão aparecendo e com certo destaque
Busque por ex: por “life extension dhea”
E aliado a outra ferramenta que tenho quue é o Google Shopping,o resultado tem se convertido em vendas.
Oi Carlos! Muito bom saber que de alguma forma pudemos te ajudar com seu trabalho! Fico muito feliz em saber que deu certo! =D
Olá Renata, Parabéns pelo ótimo post.
Estes microformats já existem há um bom tempo, só não colocaram em prática pra valer, e só agora que o google está associando à sua busca.
Realmente quem utilizar vai ganhar mais destaque nos resultados orgânicos, e consequentemente mais visitas.
Abraço