Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

4,236 views

Published on

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.

Published in: Technology

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

×