Palestra mostrando como trabalhar o HTML para que fique acessível tanto para os robôs de buscas quanto para os usuários. Como o trabalho do código semantico e leve influencia no ranckeamento.
2. 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/
3. PLANEJAMENTO
PPP – PARAR PRA PENSAR
5W
WHAT
WHEN
WHERE
WHO
WHY 2H
HOW
HOW MUCH
5. PADRÕES WEB
CÓDIGO SEMANTICO
ACESSIBILIDADE
CÓDIGO FÁCIL DE SER
ENTENDIDO
• LEITORES DE TELAS
• PORTABILIDADE
• MULTI-PLATAFORMA
• MELHOR INDEXAÇÃO
• DESEMPENHO
6. 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É 70 CARACTERES
7. O HTML IDEAL PARA O SEO
DESCRIPTION
<meta name=“description” value=“Lorem Ipsum dolor sit amet” />
• RESUMO DESCRITIVO DA PÁGINA
• DEVE SER ÚNICA POR PÁGINA
• ATÉ 155 CARACTERES
8. O HTML IDEAL PARA O SEO
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!
9. O HTML IDEAL PARA O SEO
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-CHAVES
DA PÁGINA
10. O HTML IDEAL PARA O SEO
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
11. O HTML IDEAL PARA O SEO
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
12. O HTML IDEAL PARA O SEO
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> ...
13. 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
QUANDO POSSÍVEL
• ELIMINE DIVS DESNECESSÁRIAS
14. E O MAIS IMPORTANTE
CONTEÚDO É REI
• RELEVANTE
• QUALIDADE
• LINGUAGEM ADEQUADA
• LEGÍVEL
• EXCLUSIVO
• INTERESSANTE
• FOQUE O USUÁRIO
• DICA: ESTUDE WEBWRITING
15. ALÉM DO HTML
USABILIDADE
• CAIXA DE BUSCAS
• PÁGINA DE ERRO 404
• URL AMIGÁVEL
• CONTEÚDO DE FÁCIL LOCALIZAÇÃO
• TESTES COM O USUÁRIO
• DESIGN
17. 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