Como o Google funciona e para Desenvolvedores
•
0 j'aime•684 vues
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/
Recommandé
Recommandé
Contenu connexe
En vedette
En vedette (20)
Similaire à Como o Google funciona e para Desenvolvedores
Similaire à Como o Google funciona e para Desenvolvedores (20)
Plus de iMasters
Plus de iMasters (20)
Dernier
Dernier (20)
Como o Google funciona e para Desenvolvedores
- 1. Will Trannin Como o Google funciona e SEO para Desenvolvedores
- 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. Will Trannin Como o Google funciona Mobile SEO para Desenvolvedor
- 4. Antes
- 5. Agora
- 6. Agora
- 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…
- 9. Will Trannin Etapas do mecanismo de busca 1. Antes da busca (query) 2. Processamento da busca (query)
- 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. 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. 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. 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
- 15. Ranking Signals
- 16. Will Trannin Taxa de Rejeição
- 17. Will Trannin Ranking Crawlers Site Data Backlinks
- 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. Will Trannin Como o Google funciona Mobile SEO para Desenvolvedor
- 20. Mobile first
- 21. Will Trannin App x Site x
- 22. Will Trannin html diferente Dynamic Serving URL única
- 23. Will Trannin Separate URLs html diferente URL diferente
- 24. Will Trannin Responsive Web Design html único URL única
- 26. Will Trannin Como é exibido?
- 27. Will Trannin O que Google analisa? https://developers.google.com/speed/pagespeed/insights/
- 28. Will Trannin Visor do dispositivo
- 29. Will Trannin Conteúdo na Janela
- 30. Will Trannin Tamanho da Fonte
- 31. Will Trannin Elementos de Toque
- 32. Will Trannin Velocidade de carregamento
- 33. Will Trannin Como você analisa? https://www.google.com/webmasters/tools/mobile-usability
- 37. Will Trannin SEO para Desenvolvedor Como o Google funciona Mobile
- 39. Will Trannin Todo o site > Disallow: / Diretório > Disallow: /diretorio/ Uma página > Disallow: /pagina.html Robots.txt
- 41. Will Trannin <meta name=“robots” content=“noindex, nofollow” index, follow index, nofollow noindex, follow Meta Robots
- 43. Will Trannin http://support.google.com/webmasters/bin/answer.py?hl=pt-BR&answer=156184 Sitemap.xml
- 44. Will Trannin http://support.google.com/webmasters/bin/answer.py?hl=pt-BR&answer=178636 Sitemap.xml
- 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. Will Trannin 200 301 404 500 302 HTTP Response Codes
- 47. Will Trannin Página não encontrada (404)
- 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. Will Trannin Otimização de URL, Title e Meta Tag
- 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. Will Trannin URL (115 caracteres)
- 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. Will Trannin Meta Description (150-160 caracteres)
- 58. Will Trannin Nome do Arquivo IMG00023.jpg torta-de-morango.jpg
- 59. Will Trannin Atributo ALT <img src=“torta.jpg" alt=""/> <img src=“torta.jpg" alt=“torta de morango"/>
- 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
- 62. Will Trannin Home Categoria Categoria Subcategoria Subcategorias ProdutoProdutoProduto Produto Produto Produto Produto Produto SubcategoriasSubcategorias Arquitetura da Informação
- 63. Will Trannin Home Categoria Categoria Subcategoria Subcategorias ProdutoProdutoProduto Produto Produto Produto Produto Produto SubcategoriasSubcategorias Navegação
- 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. 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. 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. 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. 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">
- 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. 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. 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
- 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
- 77. Will Trannin Velocidade do site
- 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. Will Trannin Otimização 1. utilizar cache do navegador 3. utilizar CSS Sprite 2. compactar as imagens 4. compactar HTML, CSS e JS
- 82. Will Trannin Categoria x Busca /busca?q=tv Busca “tv" /c/tv TV
- 83. Will Trannin Página ideal título localização url produtos por categorias filtros
- 87. João Gabriel da Fonseca @jgdafonseca SEO técnico iniciante Schema.Org SEO Interno > Ferramentas > Webmaster Tools schema.org Microdata JSON-LDRDFa
- 88. João Gabriel da Fonseca @jgdafonseca SEO técnico iniciante Schema.Org SEO Interno > Ferramentas > Webmaster Tools schema.org
- 90. Will Trannin AJAX / Javascript
- 91. Will Trannin Googlebot é um browser
- 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. Will Trannin Como o Google visualiza? http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157