WordCamp SP 2014 - SEO para Desenvolvedores WordPress

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

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

ONPAGE
OFFPAGE
ON-PAGE
OFF-PAGE
ON PAGE
OFF PAGE
< />

Por onde começar?
5
•URLs amigáveis
•Hierarquia
•Tempo de carregamento
•Títulos e Metadados
•Sitemap XML

Plugin WordPress SEO
6

URLs amigáveis
7

Hierarquia
8
•Breadcrumb
•Categorização
•Sitemap HTML get_pages()

Tempo de Carregamento
9
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

Tempo de Carregamento
10

Títulos e Metadados
11
Regras:
Edição única:
Edição em massa:

Sitemap XML
12

Odin
13
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

O site é do que?
15
...
http://schema.org/docs/full.html

Marcações schema.org
16
Itemscope=“” itemtype=“xxx”
itemprop
Itemscope
- itemprop 1
- itemprop 2
- itemprop 3

17
Exemplo de marcação:

18
Ferramenta de dados estruturados do Google Webmaster Tools

Breadcrumbs
19
Fonte: Ruan Barbosa
Exemplo de breadcrumb com data-vocabulary:

Ferramenta de teste de dados estruturados
20

Screaming Frog SEO
22
Ferramenta Screaming Frog para verificação de links internos

Xenu
23
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.
•Para sites com muitas URLs utilize regras de redirecionamento por grupo.
24

URLs
25
WordPress SEO (by Yoast):
Não exclua páginas ou posts. Use o redirecionamento!

URLs
26
Plugin Redirection
Plugin SEO Redirection
Utilize o redirect 301 também para casos de alterações em slugs de categorias, páginas ou posts!

Páginas Internas
27
<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.

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

30
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
Exemplo de página de categorias com conteúdo diferenciado.

32
Exemplo de página de categorias com conteúdo diferenciado.

Página de Produto
•O WooCommerce já vem com marcações schema.org nas páginas de produtos!
33

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

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

Quer saber mais?
36
WordCamp Porto Alegre – Claudio Sanches - 2013

Google Webmaster Tools
38
•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

Google Analytics
39
<?php add_action('wp_footer', 'add_googleanalytics');
function add_googleanalytics() { ?>
// Inclua o código do Google Analytics aqui
<?php } ?>
Fonte: wpbeginner
Código:
Plugin:

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

Google Tag Manager - WordPress
41

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

Código:
Plugin:
Exemplo de código do Google Tag Manager inserido após o <body>

Configurações:
42
Painel de configurações Gerais do Google Tag Manager for Wordpress

43
Integrações:
Opções de integrações do Google Tag Manager for Wordpress

DÚVIDAS?
http://ruanbarbosa.com.br
ruancwb@gmail.com
facebook.com/seuruan

WordCamp SP 2014 - SEO para Desenvolvedores WordPress

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Semelhante a WordCamp SP 2014 - SEO para Desenvolvedores WordPress

Semelhante a WordCamp SP 2014 - SEO para Desenvolvedores WordPress (20)

WordCamp SP 2014 - SEO para Desenvolvedores WordPress