Como implementar Rich Snippets - Thought Works

310 visualizações

Publicada em

Apresentação feita para a equipe de produto e UX design da Thought Works.
Resumo de melhores práticas para a implementação dos Rich Snippets nos resultados de busca orgânica (SEO) das ferramentas de busca como Google, Bing e Yahoo.
Todas as práticas são baseadas nas regras do Schema.org e validadas dentro dos buscadores.
Existem mais de 750 tipos de rich snippets disponíveis no mercado, mas a implementação e benefícios é igual para todos.
Basta escolher os mais releantes para o seu site.

Publicada em: Internet
0 comentários
4 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
310
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
4
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Como implementar Rich Snippets - Thought Works

  1. 1. TássiaSpinelli
  2. 2. LuizAlmeida
  3. 3. RichSnippets
  4. 4. O que é? "Pequenas linhas de texto que aparecem embaixo de todo resultado da pesquisa, foram desenvolvidos para dar aos usuários uma noção sobre o conteúdo da página e por que ela é relevante para a consulta" - Tools, Google WebMaster
  5. 5. Resultados comuns
  6. 6. Resultados "enriquecidos" > > > > > >
  7. 7. +100 Rich Snippets Entre os Rich Snippets mais conhecidos: ! • Map Results • Ratings • BreadCrumb • Reviews • Price • Videos • Recipes • Carrousel • News • Bio's
  8. 8. 85% SERP's com Rich Snippets
  9. 9. Como Implementar?
  10. 10. Schema.org MicroData (W3C Recommended) RDFa JSON-LD ! São os tipos de marcações que podem ser feitas em seu código HTML. ! As ferramentas de busca indexam os três, porém MicroData aparentemente é identificado com mais facilidade.
  11. 11. Quais utilizar? 750 É a quantidade de marcações existentes atualmente. Uma listagem bem completa no site, que possibilita a escolha do Rich Snippet ideal para cada site.
  12. 12. Marcação Imagine que você tem uma página sobre o filme Avatar. A marcação HTML seria parecido com esta: ! <div> <h1>Avatar</h1> <span>Director: James Cameron (born August 16, 1954)</span> <span>Science fiction</span> <a href="../movies/avatar-theatrical-trailer.html">Trailer</ a> </div>
  13. 13. Marcação O primeiro passo é identificar o item a ser marcado com o ItemScope o ItemType: ! <div itemscope itemtype="http://schema.org/Movie"> <h1>Avatar</h1> <span>Director: James Cameron (born August 16, 1954)</span> <span>Science fiction</span> <a href="../movies/avatar-theatrical-trailer.html">Trailer</ a> </div>
  14. 14. Marcação Agora é necessário identificar e nomear as propriedades existentes dentro da marcação /Movie com o ItemProp: ! <div itemscope itemtype="http://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> <span itemprop="director">Director: James Cameron (born August 16, 1954)</span> <span itemprop="genre">Science fiction</span> <a href=“../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a> </div>
  15. 15. Inception
  16. 16. Quanto mais, melhor <div itemscope itemtype ="http://schema.org/Movie"> <h1 itemprop="name"&g;Avatar</h1> <div itemprop="director" itemscope itemtype="http://schema.org/Person"> Director: <span itemprop="name">James Cameron</ span> (born <span itemprop="birthDate">August 16, 1954)</span> </div> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a> </div>
  17. 17. Valide com Google WMTools 1.0 - Instale o GWM Tools 1.1 - Valide sua propriedade 2.0 - Rastreamento 2.1 - Buscar como Google 2.2 - Envie suas URL com Rich Snipets para o Google 2.2.1 - Clique no botão “enviar para o índice” 3.0 - Acesse “aspecto de pesquisa” 3.1 - Dados estruturados 3.1.1 - Valide se seus dados estão sendo identificados
  18. 18. Curiosidade
  19. 19. Buscas por voz Usuário: Torre Eiffel ! Google: Construída em 31 de março de 1889… ! Usuário: Preço dos ingressos ! Google: Os ingressos para visitar a Torre custom entre… ! Usuário: Visitar de dis ou à noite? ! Google: As visitas durante o dia proporcionam uma vista da cidade…
  20. 20. 10 Vantagens 1. Resultados orgânicos mais atrativos 2. Geração de leads mais eficiente 3. Taxa de conversão otimizada 4. Economize no AdWords 5. Site mais relevante na visão das ferramentas de busca 6. Site pensado em entidades e não palavras-chave 7. Qualidade do código-fonte elevada 8. Mais benefícios que custo de implementação 9. Crescimento da marca/site orgânico 10.User Experiencie em seus resultados orgânicos
  21. 21. Referências google.com/webmasters/tools ! google.com/webmasters/tools/richsnippets ! schema.org ! schema.org/docs/full.html ! support.google.com/webmasters/answer/99170?hl=pt-BR
  22. 22. MuitoObrigado E-mail: luiz.luibex@gmail.com Linkedin: br.linkedin.com/in/luizamcalmeida/ Luibex.com.br

×