Mobile: Quem Dita as Regras é o Google

551 visualizações

Publicada em

Palestra apresentada em:

3º Encontro Nacional de Mulheres na Tecnologia – Goiânia/GO – Setembro/2015
10ª PHP Conference Brasil – Osasco/SP – Dezembro/2015
23ª Semana da Engenharia da Faculdade de Engenharia de Sorocaba – Sorocaba/SP – Abril/2016
7ª Semana da Engenharia da Universidade de Araras – Araras/SP – Novembro/2016

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

  • Seja a primeira pessoa a gostar disto

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

Nenhuma nota no slide

Mobile: Quem Dita as Regras é o Google

  1. 1. Quem Dita as Regras é o Google
  2. 2. Natascha Sava Hun Analista de SEO ASO Engenheira da Computação Faculdade de Engenharia de Sorocaba Tecnóloga em Processamento de Dados Faculdade de Tecnologia de Sorocaba
  3. 3. SEO = Search Engine Optimization
  4. 4. Mobile – Resultados Personalizados
  5. 5. Mobile – Resultados Personalizados
  6. 6. Mobile – Resultados Personalizados
  7. 7. Mobile – Resultados Personalizados
  8. 8. Mobile – Resultados Personalizados
  9. 9. ASO = App Store Optimization
  10. 10. E o mobile? Quanto representa hoje?
  11. 11. O uso de 3G cresceu 128% no começo de 2015 86% dos usuários de smartphones fazem pesquisas de compras no smartphone Fonte: Google Mobile Day – Junho/2015 E o mobile? Quanto representa hoje?
  12. 12. E o mobile? Quanto representa hoje? A análise de + 10 mil sites mobile mostrou: - O tempo médio de carregamento é de 19 segundos; - 53% das visitas mobile abandonam um site se demorar mais do que 3 segundos para carregar. Sites que carregam em 5 segundos X sites que carregam em 19 segundos: - Sessões 70% mais longas - Taxa de Rejeição 35% menor - Visibilidade de anúncios 25% maior - Receita com anúncio até 2x maior Fonte: https://www.doubleclickbygoogle.com/articles/mobile-speed-matters
  13. 13. E o mobile? Quanto representa hoje? Fonte: https://www.sociomantic.com.br/infografico-mobile-br/
  14. 14. E o mobile? Quanto representa hoje? Fonte: https://www.sociomantic.com.br/infografico-mobile-br/
  15. 15. E o mobile? Quanto representa hoje? Fonte: https://www.sociomantic.com.br/infografico-mobile-br/
  16. 16. E o mobile? Quanto representa hoje? Fonte: https://www.sociomantic.com.br/infografico-mobile-br/
  17. 17. E o mobile? Quanto representa hoje? Fonte: https://www.sociomantic.com.br/infografico-mobile-br/
  18. 18. E o mobile? Quanto representa hoje? Fonte: https://www.sociomantic.com.br/infografico-mobile-br/
  19. 19. Fonte: https://www.sociomantic.com.br/infografico-mobile-br/ E o mobile? Quanto representa hoje?
  20. 20. Por que o Google dita as regras?
  21. 21. Seu site está preparado? https://testmysite.thinkwithgoogle.com
  22. 22. Seu site está preparado? https://testmysite.thinkwithgoogle.com
  23. 23. Web Design Responsivo
  24. 24. URLs separadas – www. / m.
  25. 25. Banner de Página Inteira
  26. 26. Banner de Página Inteira
  27. 27. Após o dia 1 de Novembro, as páginas da web para dispositivos móveis que exibirem um intersticial para a instalação de aplicativos que esconda uma parte significativa do conteúdo na transição da página de resultados da pesquisa não serão mais consideradas compatíveis com dispositivos móveis. Fonte: http://googlewebmaster-pt.blogspot.com.br/ Banner de Página Inteira
  28. 28. Página m. <> Página www. Não tem versão mobile equivalente? Exiba versão desktop.
  29. 29. Página m. <> Página www.
  30. 30. Você clicaria no resultado de busca que o Google lhe avisou ter carregamento lento? Google Web Light
  31. 31. Google Web Light: bom ou ruim? Usuário em conexão lenta fazendo busca no Google através do Chrome ou Android Browser? Ôpa! É hora do Google otimizar, que bom! #SQN
  32. 32. Google Web Light
  33. 33. Google Web Light
  34. 34. Google Web Light
  35. 35. Google Web Light
  36. 36. Google Web Light Comprar como no 3G???!
  37. 37. Google Web Light E se eu não quiser que passe pelo Google Web Light? Teste seu site! Pesquisa Google em conexão lenta... ...ou acesse: http://googleweblight.com/?lite_url=http://seusite.com.br Seu site passará pelo Web Light e depois será redirecionado para versão original. Porém, o usuário será alertado.
  38. 38. Google Web Light Como saber quantos usuários passaram pelo Web Light?
  39. 39. Google Web Light Conclusão Remover recursos de página:  Notificar carregamento lento na SERP:  As duas alternativas são ruins. Ideal sempre será deixar seu site mais rápido que puder. https://developers.google.com/speed/pagespeed/insights
  40. 40. Otimização Automática - NOVO
  41. 41. Conteúdo Ajax sem #!
  42. 42. AMP – Accelerated Mobile Pages Project
  43. 43. AMP – Accelerated Mobile Pages Project
  44. 44. AMP – Accelerated Mobile Pages Project
  45. 45. AMP – Accelerated Mobile Pages Project
  46. 46. AMP – Accelerated Mobile Pages Project <!doctype html> <html AMP> <head> <meta charset="utf-8"> <script async src="https://cdn.ampproject.org/v0.js"></script> <script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script> <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script> <script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script> <script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script> <link rel="canonical" href="https://ampbyexample.com/samples_templates/recipe/"> <title>Garlic-Studded Roast Lamb recipe</title> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Recipe", "mainEntityOfPage": "https://ampbyexample.com/samples_templates/recipe/", "name": "Garlic-Studded Roast Lamb", "@id": "12345", "image": { "@type": "ImageObject", "url": "https://ampbyexample.com/img/lamb-garlic-done.jpg", "height": 1280, "width": 479 }, "author": { "@type": "Person", "name": "Dan Dascalescu" }, Continua....
  47. 47. Indexação de Aplicativos (App Indexing)
  48. 48. Indexação de Aplicativos (App Indexing)
  49. 49. Busca no TelefoneNow on Tap Indexação de Aplicativos (App Indexing)
  50. 50.  Implemente no App  Ative no Google Play Console  Configure Deep Link  Teste (Ferramenta de teste Google ou Search Console) Indexação de Aplicativos (App Indexing)
  51. 51. Indexação de Aplicativos... ... Deep Link!
  52. 52. Indexação de Aplicativos – Deep Link
  53. 53. Indexação de Aplicativos – Deep Link
  54. 54. Alternate no <head> da página para versão da página no App.... ... ou através do sitemap. Indexação de Aplicativos – Deep Link
  55. 55. Teste App Indexing através de: - Google Search Console para App - URL abaixo acessada pelo celular http://applinktest.appspot.com/app- link.html?url=android-app://SEU_DEEP_LINK http://applinktest.appspot.com/app- link.html?url=ios-app://SEU_DEEP_LINK Search Console (Webmaster Tools)
  56. 56. ASO - App Store Optimization
  57. 57. ASO - App Store Optimization
  58. 58. ASO - App Store Optimization
  59. 59. ASO - App Store Optimization
  60. 60. ASO - App Store Optimization
  61. 61. ASO - App Store Optimization
  62. 62. Teste de Compatibilidade: https://testmysite.thinkwithgoogle.com/ SEO Mobile: https://developers.google.com/webmasters/mobile-sites/mobile-seo/ Blog Central para Webmasters: http://googlewebmaster-pt.blogspot.com.br Mobile Day: https://www.thinkwithgoogle.com/intl/pt-br/collections/mobile-day.html Our Mobile Planet: http://think.withgoogle.com/mobileplanet/pt-br/ Indexação de Aplicativos: https://developers.google.com/app-indexing/ Google Web Light: https://support.google.com/webmasters/answer/6211428?hl=pt-BR AMP Project: https://www.ampproject.org/ e https://ampbyexample.com ASO: http://searchengineland.com/app-indexing-new-frontier-seo-apple-search-ios-app-indexing-223880 Links
  63. 63. seonews.com.br
  64. 64. nshgeek nataschash Crédito das Imagens: http://www.spiner.com.br/wp-content/uploads/2015/06/2015.03.10-Mini-FA-L1-Beginning-in-April-Expect-More-Mobile-Friendly-Sites-on-Google-MM- 680x380.png http://imavex.vo.llnwd.net/o18/clients/imavex/images/Blog/15-5-12-mobilegeddon.jpg http://searchengineland.com/figz/wp-content/seloads/2015/04/mobilegeddon6-ss-1920-800x450.jpg http://www.bcmarketing.com.au/wp-content/uploads/2015/04/Walking-Dead-mobilegeddon.jpg https://media.licdn.com/mpr/mpr/AAEAAQAAAAAAAAOhAAAAJGUyYjEzMzFmLWI0MzMtNGI4Ny05NDU1LTEyMmQ1NjZjODg2Yw.jpg http://www.webbz.com.br/blog/wp-content/uploads/2015/04/mobilegeddon-keep-calm.jpg http://appache.no/wp-content/uploads/2014/08/2338950-applications-mobiles-a-quoi-ressemble-le-marche-us.jpg http://redlabtech.com/wp-content/uploads/2015/07/mobilegeddon.jpg http://www.wepick.com.br/cms/wp-content/uploads/2014/05/doce.jpg http://www.pymnts.com/wp-content/uploads/2015/03/CARDFREE_Feature.png http://blog.apps-panel.com/wp-content/uploads/2014/04/app-store-optimization.jpg https://www.thinkwithgoogle.com/intl/pt-br/collections/mobile-day.html https://blog.kissmetrics.com/app-store-optimization/

×