Estrutura Básica de um Site Amigável ao Google

4.152 visualizações

Publicada em

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.

Publicada em: Tecnologia
6 comentários
31 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
4.152
No SlideShare
0
A partir de incorporações
0
Número de incorporações
835
Ações
Compartilhamentos
0
Downloads
196
Comentários
6
Gostaram
31
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Estrutura Básica de um Site Amigável ao Google

  1. 1. 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/
  2. 2. PLANEJAMENTO PPP – PARAR PRA PENSAR 5W WHAT WHEN WHERE WHO WHY 2H HOW HOW MUCH
  3. 3. PADRÕES WEB CÓDIGO SEMANTICO ACESSIBILIDADE CÓDIGO FÁCIL DE SER ENTENDIDO • LEITORES DE TELAS • PORTABILIDADE • MULTI-PLATAFORMA • MELHOR INDEXAÇÃO • DESEMPENHO
  4. 4. 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
  5. 5. 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
  6. 6. 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!
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. 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> ...
  11. 11. 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
  12. 12. E O MAIS IMPORTANTE CONTEÚDO É REI • RELEVANTE • QUALIDADE • LINGUAGEM ADEQUADA • LEGÍVEL • EXCLUSIVO • INTERESSANTE • FOQUE O USUÁRIO • DICA: ESTUDE WEBWRITING
  13. 13. 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
  14. 14. FERRAMENTAS EXTENSÕES FIREFOX • Firebug • Page Speed • YSlow • Web Developer • SEOMoz Toolbar
  15. 15. 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
  16. 16. PERGUNTAS?
  17. 17. OBRIGADO Cléo Morgause cleomorgause@gmail.com www.wdcss.com.br Twitter: @cleomorgause

×