SEO para Desenvolvedores 
Ruan Barbosa
Ruan Barbosa 
Formado em Física e mestrando em Educação pela UFPR. Possui experiência na web desde 2008 e começou a estuda...
Conteúdo da Palestra 
SEO para Desenvolvedores: 
•Por onde começar? 
•Dados estruturados 
•Migração de Sites 
•Dicas de SE...
ONPAGE 
OFFPAGE 
ON-PAGE 
OFF-PAGE 
ON PAGE 
OFF PAGE 
< />
Por onde começar? 
5 
SEO para Desenvolvedores - WordCamp SP 2014 
•URLs amigáveis 
•Hierarquia 
•Tempo de carregamento 
•...
Plugin WordPress SEO 
6 
SEO para Desenvolvedores - WordCamp SP 2014
URLs amigáveis 
7 
SEO para Desenvolvedores - WordCamp SP 2014
Hierarquia 
8 
SEO para Desenvolvedores - WordCamp SP 2014 
•Breadcrumb 
•Categorização 
•Sitemap HTML get_pages()
Tempo de Carregamento 
9 
SEO para Desenvolvedores - WordCamp SP 2014 
WordCamp Porto Alegre – Israel Cefrin - 2013 
WordC...
Tempo de Carregamento 
10 
SEO para Desenvolvedores - WordCamp SP 2014
Títulos e Metadados 
11 
SEO para Desenvolvedores - WordCamp SP 2014 
Regras: 
Edição única: 
Edição em massa:
Sitemap XML 
12 
SEO para Desenvolvedores - WordCamp SP 2014
Odin 
13 
SEO para Desenvolvedores - WordCamp SP 2014 
Odin e SEO 
•Boas práticas de desenvolvimento 
•Código limpo e semâ...
DADOS ESTRUTURADOS
O site é do que? 
15 
SEO para Desenvolvedores - WordCamp SP 2014 
... 
http://schema.org/docs/full.html
Marcações schema.org 
16 
SEO para Desenvolvedores - WordCamp SP 2014 
Itemscope=“” itemtype=“xxx” 
itemprop 
Itemscope 
-...
Marcações schema.org 
17 
SEO para Desenvolvedores - WordCamp SP 2014 
Exemplo de marcação:
Marcações schema.org 
18 
SEO para Desenvolvedores - WordCamp SP 2014 
Ferramenta de dados estruturados do Google Webmaste...
Breadcrumbs 
19 
SEO para Desenvolvedores - WordCamp SP 2014 
Fonte: Ruan Barbosa 
Exemplo de breadcrumb com data-vocabula...
Ferramenta de teste de dados estruturados 
20 
SEO para Desenvolvedores - WordCamp SP 2014
MIGRAÇÃO DE SITES
Screaming Frog SEO 
22 
SEO para Desenvolvedores - WordCamp SP 2014 
Ferramenta Screaming Frog para verificação de links i...
Xenu 
23 
SEO para Desenvolvedores - WordCamp SP 2014 
Ferramenta Xenu para verificação de links internos
Troca de domínio 
•Redirecionar o domínio antigo para o novo (com e sem WWW) 
•Para sites com poucas URLs olhe caso a caso...
URLs 
25 
SEO para Desenvolvedores - WordCamp SP 2014 
WordPress SEO (by Yoast): 
Não exclua páginas ou posts. Use o redir...
URLs 
26 
SEO para Desenvolvedores - WordCamp SP 2014 
Plugin Redirection 
Plugin SEO Redirection 
Utilize o redirect 301 ...
Páginas Internas 
27 
SEO para Desenvolvedores - WordCamp SP 2014 
<meta name="robots" content="noindex,nofollow"/> 
•noin...
SEO PARA
Listagem de Produtos 
•Enriqueça suas páginas de listagem de produtos: 
–Categorias 
–Tags 
–Marcas 
–Arquivos 
•Alguns ex...
Listagem de Produtos 
30 
SEO para Desenvolvedores - WordCamp SP 2014 
Permitir HTML nas páginas de categorias e tags: 
fo...
Listagem de Produtos 
31 
SEO para Desenvolvedores - WordCamp SP 2014 
Exemplo de página de categorias com conteúdo difere...
Listagem de Produtos 
32 
SEO para Desenvolvedores - WordCamp SP 2014 
Exemplo de página de categorias com conteúdo difere...
Página de Produto 
•O WooCommerce já vem com marcações schema.org nas páginas de produtos! 
33 
SEO para Desenvolvedores -...
Página de Produto 
•O que eu poderia melhorar? 
–Informando o tipo de loja (https://schema.org/docs/full.html) 
–Detalhes ...
Página de Produto 
•Adicione Vídeos (free) http://www.woothemes.com/products/html5-video/ 
•Estimule Reviews e Testemunhos...
Quer saber mais? 
36 
SEO para Desenvolvedores - WordCamp SP 2014 
WordCamp Porto Alegre – Claudio Sanches - 2013
ACOMPANHAMENTO
Google Webmaster Tools 
38 
SEO para Desenvolvedores - WordCamp SP 2014 
•Avisos de problemas no site 
•Acompanhamento de ...
Google Analytics 
39 
SEO para Desenvolvedores - WordCamp SP 2014 
<?php add_action('wp_footer', 'add_googleanalytics'); 
...
Google Tag Manager 
Algumas vantagens... 
Interface da web fácil de usar 
Publicação em segundos 
Controle de versões 
...
Google Tag Manager - WordPress 
41 
SEO para Desenvolvedores - WordCamp SP 2014 
<!-- Google Tag Manager --> 
<noscript><i...
Google Tag Manager - WordPress 
Configurações: 
42 
SEO para Desenvolvedores - WordCamp SP 2014 
Painel de configurações G...
Google Tag Manager - WordPress 
43 
SEO para Desenvolvedores - WordCamp SP 2014 
Integrações: 
Opções de integrações do Go...
DÚVIDAS? 
http://ruanbarbosa.com.br 
ruancwb@gmail.com 
facebook.com/seuruan
Próximos SlideShares
Carregando em…5
×

WordCamp SP 2014 - SEO para Desenvolvedores WordPress

2.727 visualizações

Publicada em

Slides da palestra "SEO para Desenvolvedores" apresentada no WordCamp São Paulo 2014 para a comunidade do WordPress. Foi utilizado uma abordagem de SEO Onpage direcionada para desenvolvedores WordPress que englobam cenários de novos sites, migrações, sites existentes e de marcações de dados estruturados. Além disso, é apresentado sugestões de otimizações de SEO para sites que utilizam WooCommerce e também um direcionamento de boas práticas para acompanhamento das melhorias de SEO. Um material complementar pode ser conferido em:
http://ruanbarbosa.com.br/novidades/wordcamp-sp-seo-para-desenvolvedores-wordpress/

WordCamp SP 2014 - SEO para Desenvolvedores WordPress

  1. 1. SEO para Desenvolvedores Ruan Barbosa
  2. 2. Ruan Barbosa Formado em Física e mestrando em Educação pela UFPR. Possui experiência na web desde 2008 e começou a estudar SEO em 2010 após conhecer o WordPress. Pela i-Cherry trabalhou com contas da Tecnisa, Lopes, Meliã, Lojas KD e 3M. Atualmente é analista SEO no marketplace Canal da Peça.
  3. 3. Conteúdo da Palestra SEO para Desenvolvedores: •Por onde começar? •Dados estruturados •Migração de Sites •Dicas de SEO para WooCommerce •Acompanhamento de Resultados 3 SEO para Desenvolvedores - WordCamp SP 2014
  4. 4. ONPAGE OFFPAGE ON-PAGE OFF-PAGE ON PAGE OFF PAGE < />
  5. 5. Por onde começar? 5 SEO para Desenvolvedores - WordCamp SP 2014 •URLs amigáveis •Hierarquia •Tempo de carregamento •Títulos e Metadados •Sitemap XML
  6. 6. Plugin WordPress SEO 6 SEO para Desenvolvedores - WordCamp SP 2014
  7. 7. URLs amigáveis 7 SEO para Desenvolvedores - WordCamp SP 2014
  8. 8. Hierarquia 8 SEO para Desenvolvedores - WordCamp SP 2014 •Breadcrumb •Categorização •Sitemap HTML get_pages()
  9. 9. Tempo de Carregamento 9 SEO para Desenvolvedores - WordCamp SP 2014 WordCamp Porto Alegre – Israel Cefrin - 2013 WordCamp Porto Alegre – Fernando Daciuk - 2013 WordCamp São Paulo – Claudio Sanches - 2013 WordCamp Porto Alegre – Guga Alves - 2013
  10. 10. Tempo de Carregamento 10 SEO para Desenvolvedores - WordCamp SP 2014
  11. 11. Títulos e Metadados 11 SEO para Desenvolvedores - WordCamp SP 2014 Regras: Edição única: Edição em massa:
  12. 12. Sitemap XML 12 SEO para Desenvolvedores - WordCamp SP 2014
  13. 13. Odin 13 SEO para Desenvolvedores - WordCamp SP 2014 Odin e SEO •Boas práticas de desenvolvimento •Código limpo e semântico •Marcações de dados estruturados •Design Responsivo •Grunt.js, Compass e Sass. WordCamp Belo Horizonte – Rafael Funchal - 2014 Odin Framework
  14. 14. DADOS ESTRUTURADOS
  15. 15. O site é do que? 15 SEO para Desenvolvedores - WordCamp SP 2014 ... http://schema.org/docs/full.html
  16. 16. Marcações schema.org 16 SEO para Desenvolvedores - WordCamp SP 2014 Itemscope=“” itemtype=“xxx” itemprop Itemscope - itemprop 1 - itemprop 2 - itemprop 3
  17. 17. Marcações schema.org 17 SEO para Desenvolvedores - WordCamp SP 2014 Exemplo de marcação:
  18. 18. Marcações schema.org 18 SEO para Desenvolvedores - WordCamp SP 2014 Ferramenta de dados estruturados do Google Webmaster Tools
  19. 19. Breadcrumbs 19 SEO para Desenvolvedores - WordCamp SP 2014 Fonte: Ruan Barbosa Exemplo de breadcrumb com data-vocabulary:
  20. 20. Ferramenta de teste de dados estruturados 20 SEO para Desenvolvedores - WordCamp SP 2014
  21. 21. MIGRAÇÃO DE SITES
  22. 22. Screaming Frog SEO 22 SEO para Desenvolvedores - WordCamp SP 2014 Ferramenta Screaming Frog para verificação de links internos
  23. 23. Xenu 23 SEO para Desenvolvedores - WordCamp SP 2014 Ferramenta Xenu para verificação de links internos
  24. 24. Troca de domínio •Redirecionar o domínio antigo para o novo (com e sem WWW) •Para sites com poucas URLs olhe caso a caso. •Para sites com muitas URLs utilize regras de redirecionamento por grupo. 24 SEO para Desenvolvedores - WordCamp SP 2014
  25. 25. URLs 25 SEO para Desenvolvedores - WordCamp SP 2014 WordPress SEO (by Yoast): Não exclua páginas ou posts. Use o redirecionamento!
  26. 26. URLs 26 SEO para Desenvolvedores - WordCamp SP 2014 Plugin Redirection Plugin SEO Redirection Utilize o redirect 301 também para casos de alterações em slugs de categorias, páginas ou posts!
  27. 27. Páginas Internas 27 SEO para Desenvolvedores - WordCamp SP 2014 <meta name="robots" content="noindex,nofollow"/> •noindex: impede que a página seja indexada. •nofollow: evita que o Googlebot siga os links a partir desta página.
  28. 28. SEO PARA
  29. 29. Listagem de Produtos •Enriqueça suas páginas de listagem de produtos: –Categorias –Tags –Marcas –Arquivos •Alguns exemplos de conteúdo: –Descrições mais detalhadas das categorias –Informações úteis ao usuário –Reviews relacionados –Notícias relacionadas –Vídeos relacionados 29 SEO para Desenvolvedores - WordCamp SP 2014
  30. 30. Listagem de Produtos 30 SEO para Desenvolvedores - WordCamp SP 2014 Permitir HTML nas páginas de categorias e tags: foreach ( array( 'pre_term_description' ) as $filter ) { remove_filter( $filter, 'wp_filter_kses' ); } foreach ( array( 'term_description' ) as $filter ) { remove_filter( $filter, 'wp_kses_data' ); } Fonte: WooCoomerce Docs Exibir imagens nas páginas de arquivos das categorias: add_action( 'woocommerce_archive_description', 'woocommerce_category_image', 2 ); function woocommerce_category_image() { if ( is_product_category() ){ global $wp_query; $cat = $wp_query->get_queried_object(); $thumbnail_id = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true ); $image = wp_get_attachment_url( $thumbnail_id ); if ( $image ) { echo '<img src="' . $image . '" alt="" />'; } } } Fonte: WooCoomerce Docs
  31. 31. Listagem de Produtos 31 SEO para Desenvolvedores - WordCamp SP 2014 Exemplo de página de categorias com conteúdo diferenciado.
  32. 32. Listagem de Produtos 32 SEO para Desenvolvedores - WordCamp SP 2014 Exemplo de página de categorias com conteúdo diferenciado.
  33. 33. Página de Produto •O WooCommerce já vem com marcações schema.org nas páginas de produtos! 33 SEO para Desenvolvedores - WordCamp SP 2014
  34. 34. Página de Produto •O que eu poderia melhorar? –Informando o tipo de loja (https://schema.org/docs/full.html) –Detalhes e descrição dos produtos com marcações (http://schema.org/Product) 34 SEO para Desenvolvedores - WordCamp SP 2014
  35. 35. Página de Produto •Adicione Vídeos (free) http://www.woothemes.com/products/html5-video/ •Estimule Reviews e Testemunhos ($29) http://www.woothemes.com/products/review-for-discount/ •Engaje seu usuários (free ou premium) https://wordpress.org/plugins/wysija-newsletters/ •Customize a sidebar (free) http://www.woothemes.com/woosidebars/ •Testemunhos (free) https://wordpress.org/plugins/testimonials-by-woothemes/ 35 SEO para Desenvolvedores - WordCamp SP 2014
  36. 36. Quer saber mais? 36 SEO para Desenvolvedores - WordCamp SP 2014 WordCamp Porto Alegre – Claudio Sanches - 2013
  37. 37. ACOMPANHAMENTO
  38. 38. Google Webmaster Tools 38 SEO para Desenvolvedores - WordCamp SP 2014 •Avisos de problemas no site •Acompanhamento de erros 404 e 500 •Envio de Sitemaps XML •Dados estruturados •Melhorias de HTML •Links internos e externos •Páginas indexadas •Ferramentas
  39. 39. Google Analytics 39 SEO para Desenvolvedores - WordCamp SP 2014 <?php add_action('wp_footer', 'add_googleanalytics'); function add_googleanalytics() { ?> // Inclua o código do Google Analytics aqui <?php } ?> Fonte: wpbeginner Código: Plugin:
  40. 40. Google Tag Manager Algumas vantagens... Interface da web fácil de usar Publicação em segundos Controle de versões Permissões para níveis de usuários Modelo de tags Regras de disparo Console de depuração Armazenamento em cache inteligente Definição de variáveis reutilizáveis Carregamento assíncrono de tags 40 SEO para Desenvolvedores - WordCamp SP 2014
  41. 41. Google Tag Manager - WordPress 41 SEO para Desenvolvedores - WordCamp SP 2014 <!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MPH4NX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXXXX');</script> <!-- End Google Tag Manager --> Código: Plugin: Exemplo de código do Google Tag Manager inserido após o <body>
  42. 42. Google Tag Manager - WordPress Configurações: 42 SEO para Desenvolvedores - WordCamp SP 2014 Painel de configurações Gerais do Google Tag Manager for Wordpress
  43. 43. Google Tag Manager - WordPress 43 SEO para Desenvolvedores - WordCamp SP 2014 Integrações: Opções de integrações do Google Tag Manager for Wordpress
  44. 44. DÚVIDAS? http://ruanbarbosa.com.br ruancwb@gmail.com facebook.com/seuruan

×