IBM TechDay - SEO para Desenvolvedores Web e Web desginers

4,469 views

Published on

Palestra oferecida aos programadores e entusiastas no IBM Tech Day 2012.

Esta palestra reuniu diversas dicas para desenvolvedores web e web designers, levando-os a pensar mais em técnicas de SEO para ajudá-los nos desafios do dia-a-dia.

Published in: Technology
3 Comments
32 Likes
Statistics
Notes
  • Jogando.net/MU *23*

    Boa tarde amigos,

    Venham conhecer nossos Servidores de Mu
    Online Season 6 http://www.jogando.net/mu/
    >>muitos kits novos;
    >> Nossos GMs online em todos os servers
    Fazem eventos todos os dias:
    Fazemos sua Diversão com qualidade,há mais de 5 anos
    Servers ON 24 horas por dia
    Vários Server esperando por você.Venha se divertir de verdade.
    >>>CURTA nossa Fan page no Facebook e concorra a prêmios.
    SORTEIO de 2 pacotes de 100 JCASHs mais 15 dias VIP Premium
    >>>Conheçam também Animes Cloud -> http://www.animescloud.com, mais de 20.000 videos online,feito exclusivo para sua diversão.
    Site http://www.jogando.net/mu/ Benvindos ao nosso servidor.
    Wartemix Divulgadora Oficial !
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Muito bom Fábio !
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Ótima apresentação. Também uso o mindmeister.com para organizar o site por palavras-chave. Abraço.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
4,469
On SlideShare
0
From Embeds
0
Number of Embeds
125
Actions
Shares
0
Downloads
199
Comments
3
Likes
32
Embeds 0
No embeds

No notes for slide

IBM TechDay - SEO para Desenvolvedores Web e Web desginers

  1. 1. SEO para Devs. e Designers Dicas para webdevelopers e webdesignersPor Fábio Ricotta, Co-Fundador da MestreSEOIBM TechDay 2012 - Outubro de 2012
  2. 2. Fábio RicottaCo-Fundador da MestreSEOContatoTwitter: @fabioricottaEmail: fabioricotta@mestreseo.com.brWebsite: www.mestreseo.com.br
  3. 3. Elias e Fábio, em Boston, Abril de 2012
  4. 4. slideshare.net/fabioricottaVocê pode baixar esta e todas as outras palestras...
  5. 5. Entendendo Princípios Como o Google funciona
  6. 6. http://www.youtube.com/watch?v=BNHR6IQJGZs
  7. 7. http://www.youtube.com/watch?v=BNHR6IQJGZs
  8. 8. http://www.youtube.com/watch?v=BNHR6IQJGZs
  9. 9. http://www.youtube.com/watch?v=BNHR6IQJGZs
  10. 10. http://www.youtube.com/watch?v=BNHR6IQJGZs
  11. 11. Fórmula Secreta = 200 fatores (PageRank e outros).
  12. 12. O Brasil fala “Googlês”
  13. 13. No BrasilDe cada 100 buscas, oGoogle é o mediador de 86
  14. 14. http://www.serasaexperian.com.br/release/noticias/2012/noticia_00883.htm
  15. 15. Market Share – Buscas no Brasil 14% Google Outros 86%
  16. 16. O interessanteAs buscas são compostasnormalmente de 1 a 4termos
  17. 17. Explicando o SEO O que é esta sopa de letrinhas?
  18. 18. Links Patrocinados
  19. 19. Resultados Orgânicos
  20. 20. É na área de resultadosorgânicos quetrabalhamos...
  21. 21. Pois, em média, osresultados orgânicosrecebem cerca de 70%dos cliques.
  22. 22. 30% dos cliques70% dos cliques
  23. 23. Resumindo um pouco ahistória...
  24. 24. Meu Cliente*
  25. 25. *
  26. 26. *
  27. 27. Estando melhorposicionado, eu consigomais visitantes.
  28. 28. Planejamento
  29. 29. Precisamos sempreentender o que odono/cliente deseja...
  30. 30. http://bit.ly/briefing-seo
  31. 31. SEMPRECrie e preencha aplanilha de briefing.
  32. 32. Conteúdo
  33. 33. Precisamos investigaro que as pessoasbuscam na área...
  34. 34. E assimfornecer no nossowebsite estasinformações
  35. 35. Posso começar,olhando o nosso briefingdo projeto...
  36. 36. E complementar,com a ferramentaGoogle Keyword Tool
  37. 37. https://adwords.google.com/o/KeywordTool
  38. 38. Ela forneceuma visão sobre quaistermos as pessoas usam
  39. 39. Fique atentoUma dica importante
  40. 40. https://adwords.google.com/o/KeywordTool
  41. 41. Utilize sempreA opçãocorrespondência exata!
  42. 42. Desta formaVocê terá um valor maispróximo das buscasmensais pelo termo.
  43. 43. Organização do Site
  44. 44. Diante dos dados iniciaisorganizo uma planilha daspalavras que vou abordar eseus volumes de busca
  45. 45. Em seguidacrio um mapa mental decomo as páginas serãoorganizadas
  46. 46. Você pode utilizaruma ferramenta como oMindMeinster
  47. 47. http://www.mindmeister.com/pt
  48. 48. SEO para o Site
  49. 49. 10 DicasFundamentais
  50. 50. 1. Webmaster Tools
  51. 51. O Google Webmaster Toolsplataforma do Google paraajudar os webmasters
  52. 52. https://www.google.com/webmasters/tools/
  53. 53. Fica a dicaA Microsoft (Bing) tambémpossui uma plataformapara ajudar os webmasters
  54. 54. http://www.bing.com/toolbox/webmaster
  55. 55. Elas te dãoAvisos sobre como vocêpode melhorar o seu site...
  56. 56. E aindaMostram quando vocêpossui algum problemasério.
  57. 57. 2. Títulos
  58. 58. Guarde como um mantraCada página deve possuirum <title> único
  59. 59. Saiba queO <title> é a informaçãoque o Google vai exibir napágina de resultados
  60. 60. 3. Imagens
  61. 61. É importante você saber queO Google adora imagens!
  62. 62. http://support.google.com/webmasters/bin/answer.py?hl=pt-BR&answer=114016
  63. 63. Coloque sempreNomes detalhados einformativos,como ibm-smartcloud-enterprise.jpge fuja de DSC00281.jpg
  64. 64. Forneça sempreUm atributo ALTinformativo,como <img src=“” alt=“Máquina virtual noIBM SmartCloud Enterprise+”>
  65. 65. E sempreForneça contexto para asua imagem, não adeixando-a sozinha napágina.
  66. 66. 4. URLs
  67. 67. Para o Google as URLs indicamO que vamos encontrarnaquela página
  68. 68. Por exemplo,O que você entende poruma URL como:www.meusite.com/?p=1234
  69. 69. É simples.Nada.
  70. 70. Agora,O que você entende poruma URL como:www.meusite.com/servicos/servidor-cloud
  71. 71. É simples.Que aquela página é de“serviços” e falará de“servidores cloud”.
  72. 72. Na nossa áreaChamamos isto de URLsamigáveis.
  73. 73. O GooglePrivilegia URLs que contémpalavras sobre o assuntoque elas tratam.
  74. 74. 5. Tempo deCarregamento
  75. 75. http://googlewebmastercentral.blogspot.com.br/2010/04/using-site-speed-in-web-search-ranking.html
  76. 76. A essência éAs pessoas desejamacessar sites maisrápidos
  77. 77. EntãoO Google adotou istocomo fator derankeamento!
  78. 78. LogoVocê pode otimizar otempo de carregamentopor etapas...
  79. 79. Comece por aqui...Nas imagens do seusite, através decompressão...
  80. 80. Para facilitarUse ferramentas comojpegtran, Jpegoptim, OptiPNGou PNGOUT.
  81. 81. Nos arquivosJavascript e CSS atravésde versõesreduzidas, semcomentários e espaços...
  82. 82. Para facilitarUse ferramentas comoClosureCompiler, JSMin, CSSmin ouYUI Compressor.
  83. 83. No servidorHabilite a compressãogzip...
  84. 84. O que ele fazÉ fornecer uma versãocompactada dos seusarquivos.
  85. 85. Onde as otimizaçõesSão indicadas pelaferramenta PageSpeed
  86. 86. https://developers.google.com/speed/pagespeed/insights
  87. 87. Ou aindaPela ferramentaWebPageTest
  88. 88. http://www.webpagetest.org/result/121015_HH_EFY/
  89. 89. 6.Redirecionamentos
  90. 90. Sempre que vocêMudar algumaURL, lembre-se:
  91. 91. paginaA.html
  92. 92. paginaA.html
  93. 93. paginaA.html paginaB.html
  94. 94. Redirecionamento 301paginaA.html paginaB.html
  95. 95. O GoogleEntende oredirecionamento 301como uma transferência depropriedades
  96. 96. Ou sejaTudo o que vocêpossuía, será passado paraa nova URL.
  97. 97. A regraVale também paradomínios!
  98. 98. 7. Rel Author
  99. 99. Você já se perguntouComo faço para aparecermeu rosto no Google?
  100. 100. Você pode conseguirAumento de 30% devisitas apenas por exibirsua foto
  101. 101. Você deve pensarE como podemos usaristo na IBM?
  102. 102. É simples, olha só...
  103. 103. http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1408986
  104. 104. Você dev. ou webdesignerJá pode criar isto emdois passos simples
  105. 105. Primeiro passoCada página do site devepossuir um link<a href="[profile_url]?rel=author">Google</a>
  106. 106. Segundo passoO autor, em seu perfil doGoogle+, deve adicionarum link para o site.
  107. 107. Em seguidaBasta validar utilizando aferramenta de RichSnippets
  108. 108. http://www.google.com/webmasters/tools/richsnippets
  109. 109. 8. Sitemap.XML
  110. 110. Em 2008Os grandes mecanismosde busca adotaram umpadrão...
  111. 111. http://www.sitemaps.org/
  112. 112. Este padrãoÉ uma forma de informaraos mecanismos de buscaas páginas existentes emum site.
  113. 113. E o padrãoTem mais ou menos esta“cara”:
  114. 114. O sitemap.xmlÉ fundamental para sitesgrandes, com muitaspáginas.
  115. 115. 9. AJAX
  116. 116. Um dosGrandes problemas doGoogle é ler AJAX.
  117. 117. Isto acontencePois o Googlebot é um“navegador” comJavascript desabilitado
  118. 118. https://developers.google.com/webmasters/ajax-crawling/
  119. 119. De forma sequencial...
  120. 120. O GooglebotEncontra uma URL comoesta:www.example.com/page? query#!mystake
  121. 121. AssimO Google é capaz de ler oconteúdo que seriacarregado em AJAX.
  122. 122. 10. Flash
  123. 123. Assim como no AJAXO Google tem sériosproblemas em ler Flash.
  124. 124. http://www.pierpaulista.com.br/
  125. 125. Olhando por cimaParece tudo bem, correto?Hummmmm....
  126. 126. Fica a dicaSempre veja a “versãosomente texto”.
  127. 127. Em branco...É desta forma que o Google“enxerga” o site em Flash.
  128. 128. E olhandoO código fonte, notamos...
  129. 129. QueNunca este código será omesmo que um conteúdono HTML.
  130. 130. Considerações Finais
  131. 131. Fórmula mágicaPara ter sucesso, bastaimplementar...
  132. 132. Por fim...Não existe mágica.Existem empresas que jáimplementam...
  133. 133. Falta apenas você.
  134. 134. Muito Obrigado!Dúvidas?ContatoTwitter: @fabioricottaEmail: fabioricotta@mestreseo.com.brWebsite: www.mestreseo.com.br

×