estrutura básica de um site amigável ao google
DESCRIPTION
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.TRANSCRIPT
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
5W
PLANEJAMENTO
WHATWHENWHEREWHOWHY
PPP – PARAR PRA PENSAR
2H
HOWHOW MUCH
PADRÕES WEBCÓ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É 70 CARACTERES
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
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!
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-CHAVES DA PÁGINA
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
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
NAVEGAÇÃO
O HTML IDEAL PARA O SEO
• 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> ...
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 QUANDO POSSÍVEL
• ELIMINE DIVS DESNECESSÁRIAS
CONTEÚDO É REI
E O MAIS IMPORTANTE
• RELEVANTE• QUALIDADE• LINGUAGEM ADEQUADA• LEGÍVEL• EXCLUSIVO• INTERESSANTE• FOQUE O USUÁRIO• DICA: ESTUDE WEBWRITING
USABILIDADE
ALÉM DO HTML
• CAIXA DE BUSCAS• PÁGINA DE ERRO 404• URL AMIGÁVEL• CONTEÚDO DE FÁCIL LOCALIZAÇÃO• TESTES COM O USUÁRIO• DESIGN
EXTENSÕES FIREFOX
FERRAMENTAS
• Firebug• Page Speed• YSlow• Web Developer• SEOMoz Toolbar
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
PERGUNTAS?
