Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
SEO para Devs. e Designers<br />Dicas para webdevelopers e webdesigners<br />Por Fábio Ricotta, Co-Fundador da MestreSEO<b...
Fábio Ricotta<br />Co-Fundador da MestreSEO<br />Contato<br />Twitter: @fabioricotta<br />Email: fabioricotta@mestreseo.co...
Entendendo PrincípiosComo o Google funciona<br />
http://www.youtube.com/watch?v=BNHR6IQJGZs<br />
http://www.youtube.com/watch?v=BNHR6IQJGZs<br />
http://www.youtube.com/watch?v=BNHR6IQJGZs<br />
http://www.youtube.com/watch?v=BNHR6IQJGZs<br />
http://www.youtube.com/watch?v=BNHR6IQJGZs<br />
Fórmula Secreta =200 fatores (PageRank e outros).<br />
Coisas não SecretasDicas que geram resultados<br />
Títulos e Meta Tags<br />
Unicidade<br />
Gerenciador<br />
Marcações no HTML<br />
Marcação no HTML 4<br />
Marcação no HTML 5<br />
Padrão de Links<br />
O Link<br />link<br />paginaA.html<br />paginaB.html<br />
O Link<br />Podemos dividir o link em duas partes:<br />a URL linkada e o texto descritivo.<br />SEO<br /></a><br /><a hre...
Texto Âncora<br />link<br />paginaA.html<br />paginaB.html<br />
Texto Âncora<br />link<br />paginaA.html<br />paginaB.html<br />
Clique Aqui<br />
Imagens<br />
ALT Tag<br />
ALT Tag<br />
Nome do Arquivo<br />noiva-subindo-escada.jpg<br />
Tempo de Carregamento<br />
Google Webmaster Tools<br />http://www.google.com/webmasters/tools/<br />
Compressão de Arquivos<br />http://code.google.com/speed/page-speed/<br />
Compressão de Arquivos<br />http://pagespeed.googlelabs.com/<br />
Compressão de Imagens<br />Ferramentas para compressão:<br />JPG:<br />jpegtran;<br />Jpegoptim.<br />PNG:<br />OptiPNG;<b...
Javascript<br />Ferramentas para compressão:<br />ClosureCompiler;<br />JSMin;<br />YUI Compressor.<br />
CSS<br />Ferramentas para compressão:<br />CSSmin;<br />YUI Compressor.<br />
HTTP Compression<br />Requisição tradicional:<br />
HTTP Compression<br />Requisição com compressão:<br />
Redirecionamentos<br />
Mudança de URL<br />paginaA.html<br />http://www.mestreseo.com.br/seo/redirecionamento-301-em-php-asp-htaccess-coldfusion-...
Mudança de URL<br />paginaA.html<br />http://www.mestreseo.com.br/seo/redirecionamento-301-em-php-asp-htaccess-coldfusion-...
Mudança de URL<br />paginaA.html<br />paginaB.html<br />http://www.mestreseo.com.br/seo/redirecionamento-301-em-php-asp-ht...
Mudança de URL<br />Redirecionamento 301<br />paginaA.html<br />paginaB.html<br />http://www.mestreseo.com.br/seo/redireci...
URLs Amigáveis<br />
URLs Amigáveis<br />URL Antiga:<br />URL Nova:<br />
URLs Amigáveis<br />Redirecionamento 301<br />produtos.php?id=113&cat=50<br />/categoria/nome-do-produto<br />
URLs Amigáveis<br />Para o Apache:<br />Utilize mod_rewrite + regras no .htaccess<br />Para o IIS:<br />Utilize o módulo d...
Conteúdo Duplicado<br />
URLs Diferentes<br />Em grande parte dos sites, a seguinte relação de URLs todas permitem o acesso à página inicial:<br />...
Canonical Tag<br />http://www.mestreseo.com.br/conteudo-duplicado/canonical-tag-acabe-com-o-conteudo-duplicado<br />
Google Analytics<br />
Tracking de Subdomínios<br />Código original do GA:<br />http://www.mestreseo.com.br/google-analytics/tracking-subdominios...
Tracking de Subdomínios<br />Código modificado do GA:<br />http://www.mestreseo.com.br/google-analytics/tracking-subdomini...
Tracking de eCommerce<br />http://code.google.com/apis/analytics/docs/tracking/gaTrackingEcommerce.html<br />
Sitemap.XML<br />
Funcionamento<br />
Estrutura<br />Sitemap.XML Geral:<br />
Estruturas Adicionais<br />Sitemap.XML para:<br />Imagens (uma extensão ao geral);<br />Vídeos;<br />Notícias.<br />
Ajax<br />
Problemas na Indexação<br />Quando o Google encontra uma URL assim:<br />www.example.com/ajax.html#key=value<br />Importan...
Melhorias na Indexação<br />Mudar as URLs de:<br />www.example.com/ajax.html#key=value<br />Para:<br />www.example.com/aja...
Melhorias na Indexação<br />Internamente o seu servidor deve disponibilizar o conteúdo da URL:<br />www.example.com/ajax.h...
Flash<br />
Problemas na Indexação<br />
Problemas na Indexação<br />
Problemas na Indexação<br />
Melhorias na Indexação<br />Existem duas “saídas”:<br />sIFR (ScalableInman Flash Replacement);<br />Ajax crawlingscheme.<...
Mensagem Final<br />
O nosso cenário:<br />
Tudo está conectado! Design, desenvolvimento e SEO estão relacionados e caminham juntos!<br />
Muito Obrigado!<br />Dúvidas?<br />Contato<br />Twitter: @fabioricotta<br />Email: fabioricotta@mestreseo.com.br<br />Webs...
Upcoming SlideShare
Loading in …5
×

SEO para Desenvolvedores e Web Designers

9,979 views

Published on

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.

Published in: Technology, Design

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 />

×