DevCommerce Conference 2016 - Workshop: Como o Google funciona, estrutura de SEO para Front-End

126 views

Published on

Will Trannin, CEO da SEO Master, ministrou o workshop "Como o Google funciona, estrutura de SEO para Front-End", no DevCommerce Conference 2016.

O DevCommerce Conference 2016 aconteceu nos dias 06 e 07 de junho de 2016, no Hotel Tivoli em São Paulo-SP http://devcommerce2016.imasters.com.br/

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
126
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

DevCommerce Conference 2016 - Workshop: Como o Google funciona, estrutura de SEO para Front-End

  1. 1. Will Trannin Como o Google funciona e SEO para Desenvolvedores
  2. 2. Will Trannin Will Trannin • CEO e Fundador SEO Master • Consultor SEO desde 2008 • Interesse especial por UX e Big Data • Mestre em Computação pela PUC-Rio
  3. 3. Will Trannin Como o Google funciona Mobile SEO para Desenvolvedor
  4. 4. Antes
  5. 5. Agora
  6. 6. Agora
  7. 7. Funcionalidades • spelling suggestions • autocomplete • related searches • related questions • calculator • knowledge graph • answers • rich snippets • maps • images • videos • in-depth articles • movie showtimes • sports scores • weather • flight status • charts • e muito mais…
  8. 8. Will Trannin Ranking
  9. 9. Will Trannin Etapas do mecanismo de busca 1. Antes da busca (query) 2. Processamento da busca (query)
  10. 10. Antes da query 1. Crawler varre
 a internet 3. Analisa
 as páginas 4. Constrói um índice
 de grupos de páginas
 por palavra 2. Encontra
 páginas

  11. 11. Will Trannin Processamento da query 2. Envio da query 1. Usuário 
 faz a busca Entender 3. Processamento da query 4. Exibição
 do resultado Recuperar Pontuar Ajustar
  12. 12. Will Trannin Entender a query 1. A query é relacionada a alguma entidade? • [hotel tivoli sao paulo] • [matt cutts] 2. Possui sinônimos? • [jaguar] -> animal • [jaguar] -> fabricante de carros 3. Qual o contexto da query? • [preço jaguar] -> somente carros
  13. 13. Will Trannin Recuperar e pontuar a query 1. Envia a query para os grupos de palavras do índice 2. Em cada grupo: 2.1. Encontra páginas que combinam com query 2.2. Pontuação da query + página através de ranking signals 2.3. Retorna Top Páginas pontuadas 3. Combina as Top Páginas de todos os grupos 4. Ordena pela pontuação
  14. 14. Will Trannin Panda
 (v4.2) Penguin
 (v3.0) Hummingbird {PayDay
 (v3.0) Mobile Friendly
 (v2.0) Pigeon
 (v2.0?) Top Heavy
 (v3.0) Pirate
 (v2.0) RankBrain
 (v1.0)
  15. 15. Ranking Signals
  16. 16. Will Trannin Taxa de Rejeição
  17. 17. Will Trannin Ranking Crawlers Site Data Backlinks
  18. 18. Will Trannin Peso: -3 a 3 (variação: 1) negativo: prejudicial positivo: benéfico Nota: -1 a 1 (variação: 0.5) -1.0: negativo -0.5: negativo parcial 0.0: neutro +0.5: positivo parcial +1.0: positivo
  19. 19. Will Trannin Como o Google funciona Mobile SEO para Desenvolvedor
  20. 20. Mobile first
  21. 21. Will Trannin App x Site x
  22. 22. Will Trannin html diferente Dynamic Serving URL única
  23. 23. Will Trannin Separate URLs html diferente URL diferente
  24. 24. Will Trannin Responsive Web Design html único URL única
  25. 25. Will Trannin Como testar? https://search.google.com/search-console/mobile-friendly
  26. 26. Will Trannin Como é exibido?
  27. 27. Will Trannin O que Google analisa? https://developers.google.com/speed/pagespeed/insights/
  28. 28. Will Trannin Visor do dispositivo
  29. 29. Will Trannin Conteúdo na Janela
  30. 30. Will Trannin Tamanho da Fonte
  31. 31. Will Trannin Elementos de Toque
  32. 32. Will Trannin Velocidade de carregamento
  33. 33. Will Trannin Como você analisa? https://www.google.com/webmasters/tools/mobile-usability
  34. 34. Will Trannin App index https://firebase.google.com/docs/app-indexing/
  35. 35. Will Trannin AMP https://www.ampproject.org/
  36. 36. Will Trannin Rich Cards https://webmasters.googleblog.com/2016/05/introducing-rich-cards.html
  37. 37. Will Trannin SEO para Desenvolvedor Como o Google funciona Mobile
  38. 38. Will Trannin Ajudando o Crawler
  39. 39. Will Trannin Todo o site > Disallow: / Diretório > Disallow: /diretorio/ Uma página > Disallow: /pagina.html Robots.txt
  40. 40. Will Trannin Robots.txt https://support.google.com/webmasters/answer/6062608?hl=pt-BR&ref_topic=6061961
  41. 41. Will Trannin <meta name=“robots” content=“noindex, nofollow” index, follow index, nofollow noindex, follow Meta Robots
  42. 42. Will Trannin Sitemap
  43. 43. Will Trannin http://support.google.com/webmasters/bin/answer.py?hl=pt-BR&answer=156184 Sitemap.xml
  44. 44. Will Trannin http://support.google.com/webmasters/bin/answer.py?hl=pt-BR&answer=178636 Sitemap.xml
  45. 45. Will Trannin http://support.google.com/webmasters/bin/answer.py?hl=pt-BR&answer=183668#1 Tamanho maior? 50.000 URLs ou 50 MB sitemap index Recomendações Sitemap.xml
  46. 46. Will Trannin 200 301 404 500 302 HTTP Response Codes
  47. 47. Will Trannin Página não encontrada (404)
  48. 48. Will Trannin Redirecionamento (301) WWW De: http://dominio.com.br Para: http://www.dominio.com.br SLASH (/) De: http://dominio.com.br/url Para: http://dominio.com.br/url/ HTTPS De: http://dominio.com.br/ Para: https://dominio.com.br/
  49. 49. Will Trannin Otimização de URL, Title e Meta Tag
  50. 50. Will Trannin Title
 (70-72 caracteres)
  51. 51. Will Trannin Title Produto Nome do produto + Call to Action | Nome do site Categoria Nome da categoria + Call to Action | Nome do site Marca “Produtos da” + nome da marca + chamada de ação | Nome do site Busca Palavra-chave da busca “você encontra” Nome do site
  52. 52. Will Trannin URL 
 (115 caracteres)
  53. 53. Will Trannin URL Produto dominio.com.br/p/nome-do-produto dominio.com.br/nome-do-produto/p Categoria dominio.com.br/c/categoria-pai/categoria-atual (/c no final) dominio.com.br/c/categoria-atual (/c no final) Marca dominio.com.br/c/nome-da-marca dominio.com.br/nome-da-marca/c Busca dominio.com.br/busca?q=palavra-chave-da-busca busca.dominio.com.br?q=palavra-chave-da-busca
  54. 54. Will Trannin Meta Description
 (150-160 caracteres)
  55. 55. Will Trannin Meta Keywords
  56. 56. Will Trannin Headings
  57. 57. Will Trannin Otimização de Imagens
  58. 58. Will Trannin Nome do Arquivo IMG00023.jpg torta-de-morango.jpg
  59. 59. Will Trannin Atributo ALT <img src=“torta.jpg" alt=""/> <img src=“torta.jpg" alt=“torta de morango"/>
  60. 60. Will Trannin Contexto da imagem Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Mussum Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é um leite divinis, qui tem lupuliz, matis, aguis e fermentis. Interagi no mé, cursus quis, vehicula ac nisi. Mussum Prezidentis Aenean vel dui dui. Nullam leo erat, aliquet quis tempus a, posuere ut mi. Ut scelerisque neque et turpis posuere pulvinar pellentesque nibh ullamcorper. Pharetra in mattis molestie, volutpat elementum justo. Aenean ut ante turpis. Pellentesque laoreet mé vel lectus scelerisque interdum cursus velit auctor. Lorem ipsum Mussum Prezidentis
  61. 61. Will Trannin Navegação
  62. 62. Will Trannin Home Categoria Categoria Subcategoria Subcategorias ProdutoProdutoProduto Produto Produto Produto Produto Produto SubcategoriasSubcategorias Arquitetura da Informação
  63. 63. Will Trannin Home Categoria Categoria Subcategoria Subcategorias ProdutoProdutoProduto Produto Produto Produto Produto Produto SubcategoriasSubcategorias Navegação
  64. 64. Will Trannin Facets
  65. 65. Will Trannin 1. Habilite só uma seleção por tipo do filtro (ex: cor, material) 2. Desabilite a opção do tipo do filtro que não tiver produto 3. Construa as URLs somente de uma maneira • não altere a URL baseado na ordem de escolha do filtro 
 (ex.: /azul/couro x /couro/azul) • siga o padrão de formação da url (não usar “[“ ”,” “]” ”{“ etc) 4. Crie URLs como Subpasta (ex.: /azul, /couro) • parâmetros são alternativa (ex.: ?material=couro) Facets
  66. 66. Will Trannin • devem ser rastreados e indexados:
 categoria e marca (se aplicados como filtro) • não devem ser rastreados e indexados:
 tamanho, preço, quantidade e rating • analisados se devem ser rastreados e indexados:
 cor, uso, material, altura, tipo e atributos específicos Facets x Google
  67. 67. Will Trannin canonicalnofollow clique R$ 100 a R$ 150 Não rastrear e não indexar Opção 1: rel=nofollow + rel=canonical www.site.com.br/c/sapatos www.site.com.br/c/sapatos?preco=100-150
  68. 68. Will Trannin R$ 100 a R$ 150 Robots.txt Não rastrear e não indexar Opção 2: subpasta + robots.txt clique www.site.com.br/c/sapatos www.site.com.br/filtro/sapatos?preco=100-150
  69. 69. Will Trannin R$ 100 a R$ 150 Não rastrear e não indexar clique Opção 3: meta noindex + follow www.site.com.br/c/sapatos www.site.com.br/c/sapatos?preco=100-150 <meta name="robots" content="noindex, follow">
  70. 70. Will Trannin indexar indexar não indexar indexar Exemplo
  71. 71. Will Trannin 1. Utilize rel=nofollow nos links + rel=canonical para página principal 2. Utilize fragmentos para não criar novas URLs 
 (ex.: /c/sapatos#menorPreco) 3. Utilize Ajax para ordenar sem criar novas URLs Ordenação
  72. 72. Will Trannin /ferramentas?ord=alfabetica ordenação Categoria /ferramentas /ferramentas?ord=preco a-z $ nofollow nofollow <link rel=“canonical” href=“/ferramentas”/> <link rel=“canonical” href=“/ferramentas”/> Nofollow + Canonical
  73. 73. Will Trannin 1. Títulos com número da página atual da paginação 2. Paginação estática para scroll infinito 3. Implementação: rel=prev e rel=next + rel=canonical para ela mesma ou rel=canonical para página com todos os produtos Paginação
  74. 74. Will Trannin Scroll Infinito
  75. 75. Will Trannin /ferramentas?pag=3/ferramentas /ferramentas?pag=2 Pág 3Pág 2 next Pág 1 next prev prev canonical canonicalcanonical Prev + Next + Canonical
  76. 76. Will Trannin Breadcrumb
  77. 77. Will Trannin Velocidade do site
  78. 78. Will Trannin Experiência do usuário • 40% dos usuários sairão do seu site se demorar mais de 3s para carregar a página • 50% dos seus usuários espera que o seu site carregue em menos de 2s • +1s para carregamento diminui a conversão em -7% Fonte: kissmetrics.com, gomez.com e akamai.com
  79. 79. Will Trannin Otimização 1. utilizar cache do navegador 3. utilizar CSS Sprite 2. compactar as imagens 4. compactar HTML, CSS e JS
  80. 80. Will Trannin Como testar? https://developers.google.com/speed/pagespeed/insights/
  81. 81. Will Trannin Busca Interna
  82. 82. Will Trannin Categoria x Busca /busca?q=tv Busca “tv" /c/tv TV
  83. 83. Will Trannin Página ideal título localização url produtos por categorias filtros
  84. 84. Will Trannin Índice A-Z
  85. 85. Will Trannin Marcação semântica
  86. 86. Will Trannin Marcação Semântica
  87. 87. João Gabriel da Fonseca @jgdafonseca SEO técnico iniciante Schema.Org SEO Interno > Ferramentas > Webmaster Tools schema.org Microdata JSON-LDRDFa
  88. 88. João Gabriel da Fonseca @jgdafonseca SEO técnico iniciante Schema.Org SEO Interno > Ferramentas > Webmaster Tools schema.org
  89. 89. Will Trannin Como testar? https://search.google.com/structured-data/testing-tool
  90. 90. Will Trannin AJAX / Javascript
  91. 91. Will Trannin Googlebot é um browser
  92. 92. Will Trannin Recomendações ** https://en.wikipedia.org/wiki/Progressive_enhancement * https://webmasters.googleblog.com/2015/10/deprecating-our-ajax-crawling-scheme.html • Não bloquear JS no Robots.txt • Conteúdo dinâmico não é renderizado (ex: click e mouseover) • URL única para conteúdos diferentes (ex: scroll infinito) • Google AJAX Crawling está deprecated (out-2105)* • Seguir princípios de progressive enhancement**
  93. 93. Will Trannin Como o Google visualiza? http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157
  94. 94. Will Trannin Como testar? https://www.google.com/webmasters/tools/googlebot-fetch-details
  95. 95. Will Trannin facebook.com/seomasterbr twitter.com/seomasterbr

×