1.
SEO para Desenvolvedores
Ruan Barbosa

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.
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.
ONPAGE
OFFPAGE
ON-PAGE
OFF-PAGE
ON PAGE
OFF PAGE
< />

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.
Plugin WordPress SEO
6
SEO para Desenvolvedores - WordCamp SP 2014

7.
URLs amigáveis
7
SEO para Desenvolvedores - WordCamp SP 2014

8.
Hierarquia
8
SEO para Desenvolvedores - WordCamp SP 2014
•Breadcrumb
•Categorização
•Sitemap HTML get_pages()

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.
Tempo de Carregamento
10
SEO para Desenvolvedores - WordCamp SP 2014

11.
Títulos e Metadados
11
SEO para Desenvolvedores - WordCamp SP 2014
Regras:
Edição única:
Edição em massa:

12.
Sitemap XML
12
SEO para Desenvolvedores - WordCamp SP 2014

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.
DADOS ESTRUTURADOS

15.
O site é do que?
15
SEO para Desenvolvedores - WordCamp SP 2014
...
http://schema.org/docs/full.html

16.
Marcações schema.org
16
SEO para Desenvolvedores - WordCamp SP 2014
Itemscope=“” itemtype=“xxx”
itemprop
Itemscope
- itemprop 1
- itemprop 2
- itemprop 3

17.
Marcações schema.org
17
SEO para Desenvolvedores - WordCamp SP 2014
Exemplo de marcação:

18.
Marcações schema.org
18
SEO para Desenvolvedores - WordCamp SP 2014
Ferramenta de dados estruturados do Google Webmaster Tools

19.
Breadcrumbs
19
SEO para Desenvolvedores - WordCamp SP 2014
Fonte: Ruan Barbosa
Exemplo de breadcrumb com data-vocabulary:

20.
Ferramenta de teste de dados estruturados
20
SEO para Desenvolvedores - WordCamp SP 2014

21.
MIGRAÇÃO DE SITES

22.
Screaming Frog SEO
22
SEO para Desenvolvedores - WordCamp SP 2014
Ferramenta Screaming Frog para verificação de links internos

23.
Xenu
23
SEO para Desenvolvedores - WordCamp SP 2014
Ferramenta Xenu para verificação de links internos

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.
URLs
25
SEO para Desenvolvedores - WordCamp SP 2014
WordPress SEO (by Yoast):
Não exclua páginas ou posts. Use o redirecionamento!

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.
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.
SEO PARA

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.
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.
Listagem de Produtos
31
SEO para Desenvolvedores - WordCamp SP 2014
Exemplo de página de categorias com conteúdo diferenciado.

32.
Listagem de Produtos
32
SEO para Desenvolvedores - WordCamp SP 2014
Exemplo de página de categorias com conteúdo diferenciado.

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.
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.
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.
Quer saber mais?
36
SEO para Desenvolvedores - WordCamp SP 2014
WordCamp Porto Alegre – Claudio Sanches - 2013

37.
ACOMPANHAMENTO

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.
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.
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.
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.
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.
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.
DÚVIDAS?
http://ruanbarbosa.com.br
ruancwb@gmail.com
facebook.com/seuruan