estrutura básica de um site amigável ao google v2.0
DESCRIPTION
Dicas para se construir uma página pensando em SEO.TRANSCRIPT
2.0
Fonte: http://gs.statcounter.com/
Google Bing Yahoo!
Global 90.15% 1.97% 4.99%
Brasil 97.32% 0.68% 1.53%
ESTATÍSTICAS OUT 08 A NOV
09
@cleomorgause #fmds #seocamp
5W
PLANEJAMENTO
WHAT
WHEN
WHERE
WHO
WHY
PPP – PARAR PRA PENSAR
2H
HOW
HOW MUCH
@cleomorgause #fmds #seocamp
@cleomorgause #fmds #seocamp
PADRÕES WEBCÓDIGO SEMANTICO
ACESSIBILIDADE
CÓDIGO FÁCIL DE SER
ENTENDIDO
• LEITORES DE TELAS
• PORTABILIDADE
• MULTI-PLATAFORMA
• MELHOR INDEXAÇÃO
• DESEMPENHO
@cleomorgause #fmds #seocamp
O HTML IDEAL PARA O SEO
TITLE
<title> Página/Nome do Conteúdo | Nome do Site</title>
• DESCREVA O CONTEÚDO DA PÁGINA
• CRIE TÍTULOS ÚNICOS
• INFORMATIVO, MAS CURTO
• ATÉ 65 CARACTERES
• DENTRO DO <head>
@cleomorgause #fmds #seocamp
DESCRIPTION
O HTML IDEAL PARA O SEO
<meta name=“description” value=“Lorem Ipsum dolor sit amet” />
• RESUMO DESCRITIVO DA PÁGINA
• DEVE SER ÚNICA POR PÁGINA
• ATÉ 155 CARACTERES
• DENTRO DO <head>
@cleomorgause #fmds #seocamp
CANONICAL
O HTML IDEAL PARA O SEO
<link rel=“canonical” href=“http://www.nome-site.com.br/” />
• EVITA O CONTEÚDO DUPLICADO
• www.nome-site.com.br• nome-site.com.br• www.nome-site.com.br/
• DEVE SER ÚNICA POR PÁGINA
@cleomorgause #fmds #seocamp
CABEÇALHOS
O HTML IDEAL PARA O SEO
<h1>Título</h1> <h2>Subtítulo</h2><h3>...</h6>
• OBJETIVO
• RECOMENDA-SE QUE O H1 SEJA
ÚNICO NA PÁGINA
• MANTENHA A HIERARQUIA CORRETA
• NÃO ABUSE!
@cleomorgause #fmds #seocamp
IMAGENS
O HTML IDEAL PARA O SEO
<img src=“imgs/passarinho-verde.jpg” alt=“Pássaro Verde” />
• DESCREVA O CONTEÚDO DA
IMAGEM NO PARÂMETRO ALT
• EVITE ARQUIVOS DE NOMES
INDECIFRÁVEIS
• TENTE USAR AS PALAVRAS-CHAVE
DA PÁGINA
@cleomorgause #fmds #seocamp
LINKS
O HTML IDEAL PARA O SEO
<a href=“www.google.com” title=“Faça uma pesquisa”>O maior buscador do mundo, Google</a>
• FAÇA REFERÊNCIA USANDO O PARÂMETRO TITLE
• TIRE VANTAGEM DO TEXTO ÂNCORA
• NÃO USE OU EVITE AO MÁXIMO “CLIQUE AQUI”
• FAÇA CROSSLINKS
@cleomorgause #fmds #seocamp
ENFASES
O HTML IDEAL PARA O SEO
<strong>Um termo/palavra chave</strong><em>Um termo/palavra chave</em>
• USE PARA DAR
RELEVÂNCIA AOS SEUS
TERMOS/PALAVRAS-CHAVE
• DE NOVO: NÃO ABUSE!
• DEIXE A LEITURA DO
USUÁRIO CONFORTÁVEL
@cleomorgause #fmds #seocamp
NAVEGAÇÃO
O HTML IDEAL PARA O SEO
• NÃO USE JAVASCRIPT PARA LINKS
• EVITE FLASH
• DISPONIBILIZE UM MAPA DO SITE
• USE BREADCRUMBSHome » Fazer Cadastro » Cadastro efetuado com sucesso!
USE AS TAGS ADEQUADAS
<address> <blockquote> <abbr> <li> <fieldset> <label> <pre> <code> <quote> <footer> <header> <details> <menu> ...
@cleomorgause #fmds #seocamp
DESEMPENHO DA PÁGINA
TEMPO DE CARREGAMENTO
• ELIMINE CSS INLINE
• EVITE O USO DE FLASH EXCESSIVO
• FAÇA POUCAS REQUISIÇÕES
• OTIMIZE AS IMAGENS
• DICA: USE SPRITES DE IMAGENS
• CHAME OS SCRIPTS NO FINAL DA PÁGINA
SEMPRE QUE POSSÍVEL
• ELIMINE DIVS DESNECESSÁRIAS
@cleomorgause #fmds #seocamp
CONTEÚDO É REI
E O MAIS IMPORTANTE
• RELEVANTE
• QUALIDADE
• LINGUAGEM ADEQUADA
• LEGÍVEL
• EXCLUSIVO
• INTERESSANTE
• FOQUE O USUÁRIO
• DICA: ESTUDE WEBWRITING
@cleomorgause #fmds #seocamp
USABILIDADE
ALÉM DO HTML
• CAIXA DE BUSCAS
• PÁGINA DE ERRO 404
• REDIRECT 301
• URL AMIGÁVEL
• CONTEÚDO DE FÁCIL LOCALIZAÇÃO
• TESTES COM O USUÁRIO
• DESIGN
@cleomorgause #fmds #seocamp
EXTENSÕES FIREFOX
FERRAMENTAS
• Firebug
• Page Speed
• YSlow
• Web Developer
• SEOMoz Toolbar
• SEOBook Toolbar
@cleomorgause #fmds #seocamp
LIVROS
LEIA
• NÃO ME FAÇA PENSAR
- Steve Krug• CONSTRUINDO SITES COM
CSS E (X)HTML - Maujor• COMO ESCREVER PARA A
WEB - Guillermo Franco• A BIBLIA SEO - Jerri L. Ledford
SITES
• google.com/support/forum/p/webmasters?hl=pt-BR
• mestreseo.com.br
• brasilseo.com.br
• searchcast.com.br
• camps.com.br
• seomoz.com
• smashingmagazine.com
@cleomorgause #fmds #seocamp
PERGUNTAS?
@cleomorgause #fmds #seocamp
OBRIGADO
Cléo Morgause
www.wdcss.com.brTwitter: @cleomorgause