Google Rich Snippets: deixe seus resultados mais agradáveis no Google
Com algumas alterações em seu blog, você pode tornar as suas postagens muito mais atrativas quando são exibidas nos resultados do Google.
Veja como as Google Rich Snippets Tools poderão ajudá-lo nisso.
Introdução
Imagine a seguinte situação: vocês faz uma busca no Google por “tutorial domínio próprio blogger” e encontra os dois resultados abaixo.
Sem pensar muito, em qual dois dois você clicaria?
É bastante provável que você tenha escolhido o primeiro artigo.
Outro exemplo: agora, você procura por “livro o dia do relâmpago” e os dois primeiros resultados são os abaixo. Em qual você clicaria?
Novamente, acredito que você tenha se decidido pelo primeiro resultado da lista.
Claro que a ordem em que eles aparecem têm influência na sua escolha. Mas, há outros fatores que levam a essa decisão.
Volte ao primeiro exemplo e você notará que há uma foto do autor ao lado do resultado (o bonitão aqui! rs).
Há também a identificação de quem escreveu o artigo, com a informação do número de pessoas que o têm em seus círculos do Google.
Outra informação que chama a atenção é a estrutura mostrada em verde, logo abaixo do título da postagem.
No segundo caso, chama a atenção as estrelas de avaliação abaixo do endereço, com uma nota e o número de votos em seguida.
Novamente, há também uma estrutura organizada em verde, em vez de simplesmente o endereço do artigo.
Esses são os elementos que o Google chama de “rich snippets”.
São formas de dar destaque ao seu texto nos resultados do Google, mostrando mais informações aos usuários e buscando atrair a sua atenção.
O que você verá ao longo deste artigo é como informar ao Google esses elementos, para que ele possa mostrá-los em seus resultados.
Como avaliar se os rich snippets estão corretos em uma postagem?
Um ponto importante a entender é a forma para exibir os rich snippets.
Embora eles sejam diferentes entre si, a forma de fazê-los aparecer é sempre semelhante: você precisa incluir em sua postagem alguns códigos especiais que farão com o que Google os entenda e os transforme no que você viu.
Para ficar mais claro: para mostrar a foto do autor, você não precisa colocar a foto na sua postagem, mas algo que mostre ao Google quem é o autor.
Para mostrar as estrelas de avaliação, não é necessário (e nem adianta) colocar imagens de 5 estrelas; o que você precisa fazer é dizer ao Google qual é a nota que aquele item recebeu.
Isso também significa que você não consegue vê-los enquanto escreve o seu artigo.
Mesmo após publicá-lo, pode ser que demore algum tempo até que o Google leia os códigos e os entenda.
É aí que entra a Ferramenta de teste de dados estruturados.
Ela permite que você teste como uma página será exibida nos resultados do Google, tanto pela URL (endereço) – se ela já estiver publicada – ou pelo código HTML do conteúdo.
Utilizá-la é muito simples: acesse o link http://www.google.com.br/webmasters/tools/richsnippets, digite o endereço de uma postagem sua e clique em “Visualizar”. O resultado será parecido com o abaixo:
A área de “Visualização” mostra como essa página será mostrada nos resultados do Google.
Após isso, são mostrados os resultados de vários elementos que o Google pode mostrar.
Resultados em verde significam que aquele item está correto.
Em vermelho, indicam que não estão corretos e precisam de alterações.
O que pode ser mostrado como rich snippets?
Há diversos itens que podem ser mostrados nos resultados do Google através dos rich snippets. Alguns deles eu já abordei em outros artigos aqui no Gerenciando Blog.
1. Foto e nome do autor
Isso é obtido com um link para o seu perfil no Google+, com a marcação rel=’author’. Também exige um link em seu perfil para o seu blog. O processo todo é explicado com detalhes no artigo Foto e nome do autor nos resultados do Google.
2. Exibição de página do Google+ ao lado do resultado
Também é possível exibir informações da página do Google+ ao lado dos resultados no Google. O processo é semelhante ao item anterior, com a diferença de que o link apontar para uma página (e não um perfil) e deve conter a marcação rel=’publisher’. Falo sobre isso no artigo Utilize o rel=’publisher’ para destacar sua página do Google+.
3. Estrutura de categorias da postagem
Essa é a estrutura de caminhos que o Google mostra em verde abaixo do título da postagem. O nome técnico do recurso é “breadcrumb”. Para fazer a marcação, é necessário destacar cada um dos caminhos da categoria. Explico como colocar isso em seu blog no artigo Como usar o breadcrumb no Blogger.
4. Estrelas de avaliação
As estrelas de avaliação também podem ser uma forma interessante de dar destaque ao seus artigos.
Imagine que você avalie filmes, jogos ou receitas em seu blog.
A avaliação com estrelas permite mostrar ao usuário do Google se você gostou ou não daquele item específico.
Um risco é que alguém veja um item mal avaliado e tenha a sensação errada de que o texto é ruim, não o item que está sendo avaliado.
Para colocá-las, é necessário editar o código HTML de sua postagem e colocar lá os códigos que o Google espera.
Abaixo está um exemplo desse código. Os pontos destacados em vermelho são os que você deve alterar para adaptar em seu blog.
<div>
<div itemscope itemtype=”http://data-vocabulary.org/Review”>
<span itemprop=”itemreviewed”>Google rich snippets</span>
Resenha feita por <span itemprop=”reviewer”>Adelson Smania</span> em
<time itemprop=”dtreviewed” datetime=”2014-04-14″>14/04/2014</time>.
<span itemprop=”summary”>Ótima ferramenta para SEO!</span>
<span itemprop=”description”>Os rich snippets são ótimos para chamar a atenção do usuário do Google para suas postagens</span>
Classificação: <span itemprop=”rating”>5</span>
</div>
</div>
5. Outros tipos
Se você quiser conhecer os demais tipos de rich snippets que o Google permite, consulte o artigo Sobre rich snippets e dados estruturados. Lá, é possível acessar todos eles, com exemplos de utilização.
Para informações ainda mais detalhadas, a página http://microformats.org/wiki/google-search é uma excelente fonte.
Conclusão
Os rich snippets são recursos que você pode utilizar para diferenciar as suas postagens dos demais resultados do Google.
Isso pode levar a uma mais taxa de cliques e, consequentemente, a um número maior de visitas ao seu blog.
Por esse motivo, vale a pena entender o recurso e explorá-lo em seu blog.
E você, já utiliza rich snippets em seu blog? Quer compartilhar sua experiência? Deixe um comentário!
Resenha feita por Adelson Smania em
14/04/2014.
Ótima ferramenta para SEO!
Os rich snippets são ótimos para chamar a atenção do usuário do Google para suas postagens
Classificação: 5
Oi Adelson, tenho acompanhado as suas postagens e
admiro muito o seu trabalho que nos ensina de forma
bem simples e eficaz.
Um abraço.
Edinir-Croche
Olá, Edinir!
Obrigado pelos seus elogios! Sempre faço o possível para trazer aqui informações úteis e fáceis de aplicar.
Um abraço e sinta-se sempre bem vinda!
Amigo, perdão, mas eu não posso deixar de compartilhar. Depois de ter vinculado o meu blog a uma página Google+, segui estes procedimentos e todos os meus problemas acabaram: http://www.maxiblogger.com/error-missing-required-field-updated-y-hcard-author/
Abraços,
Olá Adelson
Eu uso a Foto e nome do autor. Fica realmente bem mais interessante. Outro dia uma colega de trabalho estava pesquisando um assunto e viu a minha foto. Acessou o link, encontrou o que estava procurando e ainda fez uma boa divulgação do meu blog.
Olá, Darcy!
Realmente, o fato do resultado ficar mais atrativo faz com que as pessoas cliquem mais neles, trazendo mais visitas aos nossos blogs.
Um abraço!
No segundo… eu escolhi o segundo link kkkkk
Olá, Edson!
Não entendi… Qual link você escolheu?
Um abraço!
Muito interessante as formas de melhorar a aparência nas buscas do Google. parabéns pela explicação.
Olá, Fabio!
Que bom que tenha gostado! Essa é uma ótima estratégia para chamar atenção para os seus resultados.
Um abraço!
adelson no meu apareceu que a autoria esta funcionando no blog. mas logo abaixo diz: Erro: Missing required field "updated".
o q pode ser ?
obgd
Olá, Marco!
Esse erro ocorre devido a outro tipo de dados estruturados, referente às suas postagens. Futuramente, procurarei abordar esse tema aqui no Gerenciando.
Mas, isso não atrapalha o funcionamento dos demais itens que citei neste artigo.
Um abraço!
Excelente Artigo,
Depois eu retorno com mais tempo para seguir o tutorial. Parabéns e Sucesso!
Olá, Ailton!
Fico feliz em saber que gostou!
Um abraço!
Olá Adelson!
Acompanhando seus artigos, fiz tudo correto. Quando associei meu blog à minha página do google plus, a foto do perfil sumiu e não apareceu a da página ou blog. Nas Ferramentas para webmaster, aparece a seguinte mensagem: Não detectamos dados estruturados em seu site.-
exibir rich snippets nos resultados de pesquisa. E agora? Não sei o que fazer.
Olá, Zélia!
Pelo que vi aqui, tudo está configurado corretamente em seu blog. Tanto que sua foto já aparece nos resultados da busca do Google ao lado do seu blog.
Um abraço!
Adelson ! Você poderias me dizer como eu colocaria rich snippers para site de vides
EX: quando uma postagem minha for pesquisada no google aparecer a miniatura do video.
Obrigado!
Olá, Pedro!
Você pode ver informações a esse respeito no artigo https://support.google.com/webmasters/answer/162163
Um abraço!
Adelson, você lê mentes a distância? rs
Eu estava durante essa semana querendo essa informação.
Obrigado.
Olá Adelon como faço para resolver esse erro: [Erro: The information will not appear as a rich snippet in search results, because the marked-up content does not appear to be the main focus of the page] Obrigado.
Oi Anderson, se eu coloco o código da resenha, ele fica visível no post. Está correto?
Bjs. Sou tua fã.
Olá, o código aparece quando não está em html, é assim mesmo?
nao consegui colocar as estrelas, nao entendi se tenho que modificar o codigo html da postagem ou do modelo do blog. por favor me ajude.
Excelente artigo Adelson, como sempre!
Também tenho o mesmo problema que o Marco mencionou: Erro: Missing required field "updated". Aguardarei ansiosamente o seu artigo sobre os dados estruturados pois tentei utilizar o "Assistente de marcação de dados estruturados do GoogleWebmaster" e agarrei na última etapa.
Não entendi direito como inserir as marcações no HTML sugeridas pela ferramenta.
Grande abraço!
olá amigo e como posso coloca isso no wordpress testei um plugin que se chama kk star ratings mais não funcionou no dados estruturados funciona mais de uma semana no google não aparecer
gostei muito de algumas dicas sobre o blog. Continue assim!
Bom trabalho…
Olá, Adelson. Não entendo muito do assunto, mas sou bastante curiosa. Estou tentando usar a ferramenta Marcador de dados do Ferramentas para webmaster, porque aparece a seguinte mensagem para mim: Não detectamos dados estruturados em seu site. Quanto tento usar o assistente, clicando em "Comece a destacar", depois de colocar a URL da página, selecionar o tipo de informação (Artigo no meu caso) e marcando "Marcar apenas esta página" Quando dou Ok aparece o seguinte: Não foi possível encontrar esse URL no índice do Google. Já li e tentei muita coisa e não consigo avançar. Poderia me ajudar. Fico grata. maquiagemaraujo.blogspot.com.br
Boa tarde, Gostaria de saber se hoje ainda esta funcionando esse Google Rich Snippets?,
pois encontro poucos sites usando.!
E na sua opinião qual seria o melhor? a imagem ou as avaliações?
PObrigado.
Boa Tarde! Amigos, fiz isso no meu site e instalei tudo certo fiz ate o teste no Testing Tool https://developers.google.com/structured-data/testing-tool/ Está tudo bem mais porque meu site ainda não esta aparecendo no resultado de busca do google assim com os votos ?
Boa noite, gostaria de saber se você indica algum plugin wordpress que faça esse trabalho?
Obrigado pelo artigo, forte abraço, sucesso.
Como eu faço para usar os vídeos com o "VideoObject"? Eu tentei colocar no meu artigo mais não consegui.
Ótima matéria parabéns, caiu como uma luva em minhas postagens….
Olá eu tentei aqui colocar no html da postagem mais apareceu tudo que está escrito aí na postagem o número de avaliações e tudo dentro da postagem onde eu coloco esse código pode me ajudar ?
Muito bom sua matéria, tirou minhas duvida.
Bom dia,
Não consegui editar minha pagina para colocar as estrelas de avaliação.
Emtrei https://developers.google.com/structured-data/testing-tool/ inseri os codigos validei e depois confirmou mas no entanto não aparece na hora da pesquisa ainda.
Isso vale ouro, excelente conteúdo!
Boa noite, excelente artigo sobre a importância e diferencial dos rich snippets, e este link dos dados estruturados foi um ótimo insight pois eu estava quebrando a cabeça como web master tools do Google não estava encontrando, muito obrigado por compartilhar conhecimento !
Adelson, parabéns pelo seu texto. Explicou muito bem. No post abaixo eu coloquei um link para este post, pois fazemos menção ao rich snippet e sua explicação está ótima.
http://neilpatel.com/br/2016/01/25/7-erros-fatais-no-adwords-que-irao-te-prejudicar-e-como-corrigi-los/
Sinta-se à vontade se tiver algum post do seu interesse e caso você queira direcionar algum link para eles.
http://neilpatel.com/br
Grande abraço;
Rafael Mayrink
Ótima dica obrigado, meu artigo já esta aparecendo nos resultados de busca com estrelas….
Muito interessante as formas de melhorar a aparência nas buscas do Google. parabéns pela explicação.
Olá, muito boa a matéria,eu acho que isso é um grande diferencial mesmo.Queria saber como eu faria no meu site, eu trabalho com vendas de grama. http://www.gramasparaiso.com Obrigado
Ola meu grande exelente postagem
quero muito colocar umas estrela na coluna do meu site
e aparecer no google como mostra o artigo eu fiz a dição do jeitinho q o sr explicou mais nao esta dando certo o sr poderia me ajuda veja como eu fiz ja revisei e nao vi nada de errado pois coloquei o codigo em minha coluna do site e nao aparece nada a nao ser o texto aq eu editei vi que trabalha na aria me contate pelo g+
Parece que de uns meses pra cá, o google não está mais mostrando as “Estrelinhas”. mesmo os códigos estando todos certos.
Ola,
O Google mudou um pouco a política. Hoje não mostra mais foto do autor, mas as estrelinhas ainda mostra.
Abraço