SEO para Desenvolvedores e Web Designers

9.704 visualizações

Publicada em

Palestra oferecida pelo Fábio Ricotta no evento The Developers Conference em São Paulo.

Cada vez mais o trabalho de um profissional de SEO é garantir que o website trabalhado propicie a melhor experiência para o usuário. Por diversas vezes, esta experiência é diretamente ligada com o trabalho dos web designers e developer do website, os quais garantem com que a informação e a experiência seja entregue com a máxima qualidade possível. A conexão com SEO acontece sempre que os analistas de SEO conversam com estes dois segmentos, tentando mostrar como seria melhor a codificação e apresentação da informação para os olhos do Google e dos usuários. Nesta palestra, veremos métodos e padrões para os times de design e desenvolvimento facilitarem a exposição dos sites para os mecanismos de busca.

Publicada em: Tecnologia, Design
5 comentários
29 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
9.704
No SlideShare
0
A partir de incorporações
0
Número de incorporações
207
Ações
Compartilhamentos
0
Downloads
376
Comentários
5
Gostaram
29
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

SEO para Desenvolvedores e Web Designers

  1. 1. SEO para Devs. e Designers<br />Dicas para webdevelopers e webdesigners<br />Por Fábio Ricotta, Co-Fundador da MestreSEO<br />TheDevelopersConference - Julho de 2011<br />
  2. 2. Fábio Ricotta<br />Co-Fundador da MestreSEO<br />Contato<br />Twitter: @fabioricotta<br />Email: fabioricotta@mestreseo.com.br<br />Website: www.mestreseo.com.br<br />
  3. 3. Entendendo PrincípiosComo o Google funciona<br />
  4. 4.
  5. 5. http://www.youtube.com/watch?v=BNHR6IQJGZs<br />
  6. 6. http://www.youtube.com/watch?v=BNHR6IQJGZs<br />
  7. 7. http://www.youtube.com/watch?v=BNHR6IQJGZs<br />
  8. 8. http://www.youtube.com/watch?v=BNHR6IQJGZs<br />
  9. 9. http://www.youtube.com/watch?v=BNHR6IQJGZs<br />
  10. 10. Fórmula Secreta =200 fatores (PageRank e outros).<br />
  11. 11. Coisas não SecretasDicas que geram resultados<br />
  12. 12. Títulos e Meta Tags<br />
  13. 13. Unicidade<br />
  14. 14. Gerenciador<br />
  15. 15. Marcações no HTML<br />
  16. 16. Marcação no HTML 4<br />
  17. 17. Marcação no HTML 5<br />
  18. 18. Padrão de Links<br />
  19. 19. O Link<br />link<br />paginaA.html<br />paginaB.html<br />
  20. 20. O Link<br />Podemos dividir o link em duas partes:<br />a URL linkada e o texto descritivo.<br />SEO<br /></a><br /><a href=“http://www.mestreseo.com.br”><br />Textoâncora<br />O endereço do documento<br />
  21. 21. Texto Âncora<br />link<br />paginaA.html<br />paginaB.html<br />
  22. 22. Texto Âncora<br />link<br />paginaA.html<br />paginaB.html<br />
  23. 23. Clique Aqui<br />
  24. 24. Imagens<br />
  25. 25. ALT Tag<br />
  26. 26. ALT Tag<br />
  27. 27. Nome do Arquivo<br />noiva-subindo-escada.jpg<br />
  28. 28. Tempo de Carregamento<br />
  29. 29. Google Webmaster Tools<br />http://www.google.com/webmasters/tools/<br />
  30. 30. Compressão de Arquivos<br />http://code.google.com/speed/page-speed/<br />
  31. 31. Compressão de Arquivos<br />http://pagespeed.googlelabs.com/<br />
  32. 32. Compressão de Imagens<br />Ferramentas para compressão:<br />JPG:<br />jpegtran;<br />Jpegoptim.<br />PNG:<br />OptiPNG;<br />PNGOUT.<br />
  33. 33. Javascript<br />Ferramentas para compressão:<br />ClosureCompiler;<br />JSMin;<br />YUI Compressor.<br />
  34. 34. CSS<br />Ferramentas para compressão:<br />CSSmin;<br />YUI Compressor.<br />
  35. 35. HTTP Compression<br />Requisição tradicional:<br />
  36. 36. HTTP Compression<br />Requisição com compressão:<br />
  37. 37. Redirecionamentos<br />
  38. 38. Mudança de URL<br />paginaA.html<br />http://www.mestreseo.com.br/seo/redirecionamento-301-em-php-asp-htaccess-coldfusion-e-ruby-on-rails<br />
  39. 39. Mudança de URL<br />paginaA.html<br />http://www.mestreseo.com.br/seo/redirecionamento-301-em-php-asp-htaccess-coldfusion-e-ruby-on-rails<br />
  40. 40. Mudança de URL<br />paginaA.html<br />paginaB.html<br />http://www.mestreseo.com.br/seo/redirecionamento-301-em-php-asp-htaccess-coldfusion-e-ruby-on-rails<br />
  41. 41. Mudança de URL<br />Redirecionamento 301<br />paginaA.html<br />paginaB.html<br />http://www.mestreseo.com.br/seo/redirecionamento-301-em-php-asp-htaccess-coldfusion-e-ruby-on-rails<br />
  42. 42. URLs Amigáveis<br />
  43. 43. URLs Amigáveis<br />URL Antiga:<br />URL Nova:<br />
  44. 44. URLs Amigáveis<br />Redirecionamento 301<br />produtos.php?id=113&cat=50<br />/categoria/nome-do-produto<br />
  45. 45. URLs Amigáveis<br />Para o Apache:<br />Utilize mod_rewrite + regras no .htaccess<br />Para o IIS:<br />Utilize o módulo de URL Rewrite<br />
  46. 46. Conteúdo Duplicado<br />
  47. 47. URLs Diferentes<br />Em grande parte dos sites, a seguinte relação de URLs todas permitem o acesso à página inicial:<br />meusite.com.br<br />meusite.com.br/<br />www.meusite.com.br<br />www.meusite.com.br/<br />meusite.com.br/index.html<br />www.meusite.com.br/index.html<br />http://mestreseo.com.br/labs/urls-canonicas/<br />
  48. 48. Canonical Tag<br />http://www.mestreseo.com.br/conteudo-duplicado/canonical-tag-acabe-com-o-conteudo-duplicado<br />
  49. 49. Google Analytics<br />
  50. 50. Tracking de Subdomínios<br />Código original do GA:<br />http://www.mestreseo.com.br/google-analytics/tracking-subdominios-ga<br />
  51. 51. Tracking de Subdomínios<br />Código modificado do GA:<br />http://www.mestreseo.com.br/google-analytics/tracking-subdominios-ga<br />
  52. 52. Tracking de eCommerce<br />http://code.google.com/apis/analytics/docs/tracking/gaTrackingEcommerce.html<br />
  53. 53. Sitemap.XML<br />
  54. 54. Funcionamento<br />
  55. 55. Estrutura<br />Sitemap.XML Geral:<br />
  56. 56. Estruturas Adicionais<br />Sitemap.XML para:<br />Imagens (uma extensão ao geral);<br />Vídeos;<br />Notícias.<br />
  57. 57. Ajax<br />
  58. 58. Problemas na Indexação<br />Quando o Google encontra uma URL assim:<br />www.example.com/ajax.html#key=value<br />Importante:<br />Os fragmentos nunca são enviados (por especificação) para o servidor como parte de uma requisição HTTP.<br />
  59. 59. Melhorias na Indexação<br />Mudar as URLs de:<br />www.example.com/ajax.html#key=value<br />Para:<br />www.example.com/ajax.html#!key=value<br />http://code.google.com/web/ajaxcrawling/docs/getting-started.html<br />
  60. 60. Melhorias na Indexação<br />Internamente o seu servidor deve disponibilizar o conteúdo da URL:<br />www.example.com/ajax.html#!key=value<br />De forma estática no endereço:<br />www.example.com/ajax.html?_escaped_fragment_=key=value<br />http://code.google.com/web/ajaxcrawling/docs/getting-started.html<br />
  61. 61. Flash<br />
  62. 62. Problemas na Indexação<br />
  63. 63. Problemas na Indexação<br />
  64. 64. Problemas na Indexação<br />
  65. 65. Melhorias na Indexação<br />Existem duas “saídas”:<br />sIFR (ScalableInman Flash Replacement);<br />Ajax crawlingscheme.<br />
  66. 66. Mensagem Final<br />
  67. 67. O nosso cenário:<br />
  68. 68. Tudo está conectado! Design, desenvolvimento e SEO estão relacionados e caminham juntos!<br />
  69. 69. Muito Obrigado!<br />Dúvidas?<br />Contato<br />Twitter: @fabioricotta<br />Email: fabioricotta@mestreseo.com.br<br />Website: www.mestreseo.com.br<br />

×