Estrutura Básica de um Site Amigável ao Google V2.0

ESTATÍSTICAS OUT 08 A NOV
09
Google Bing Yahoo!
Global 90.15% 1.97% 4.99%
Brasil 97.32% 0.68% 1.53%

Fonte: http://gs.statcounter.com/

@cleomorgause #fmds #seocamp

PLANEJAMENTO
PPP – PARAR PRA PENSAR

5W
WHAT
WHEN
WHERE
WHO
WHY 2H
HOW
HOW MUCH


PADRÕES WEB
CÓDIGO SEMANTICO

ACESSIBILIDADE
CÓDIGO FÁCIL DE SER
ENTENDIDO
• LEITORES DE TELAS
• PORTABILIDADE
• MULTI-PLATAFORMA
• MELHOR INDEXAÇÃO
• DESEMPENHO


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>



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



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



CABEÇALHOS
<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!



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



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



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


NAVEGAÇÃO
• NÃO USE JAVASCRIPT PARA LINKS
• EVITE FLASH
• DISPONIBILIZE UM MAPA DO SITE
• USE BREADCRUMBS
Home » Fazer Cadastro » Cadastro efetuado com sucesso!

USE AS TAGS ADEQUADAS
<address> <blockquote> <abbr> <li> <fieldset> <label> <pre>
<code> <quote> <footer> <header> <details> <menu> ...


TEMPO DE CARREGAMENTO

DESEMPENHO DA PÁGINA
• 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


E O MAIS IMPORTANTE

CONTEÚDO É REI
• RELEVANTE
• QUALIDADE
• LINGUAGEM ADEQUADA
• LEGÍVEL
• EXCLUSIVO
• INTERESSANTE
• FOQUE O USUÁRIO
• DICA: ESTUDE WEBWRITING


ALÉM DO HTML

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


FERRAMENTAS

EXTENSÕES FIREFOX
• Firebug
• Page Speed
• YSlow
• Web Developer
• SEOMoz Toolbar
• SEOBook Toolbar


LEIA
LIVROS
• 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


PERGUNTAS?

OBRIGADO
Cléo Morgause
cleomorgause@gmail.com
www.wdcss.com.br
Twitter: @cleomorgause

Estrutura Básica de um Site Amigável ao Google V2.0

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie Estrutura Básica de um Site Amigável ao Google V2.0

Ähnlich wie Estrutura Básica de um Site Amigável ao Google V2.0 (20)

Estrutura Básica de um Site Amigável ao Google V2.0