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

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/

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É 70 CARACTERES

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

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!

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

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

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

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

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

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

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

http://wdcss.blogspot.com	451
http://www.semestrategico.com.br	254
http://wdcss.blogspot.com.br	8
http://www.slideshare.net	7
http://filipesf.tumblr.com	6
http://webcache.googleusercontent.com	2

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

by Cleo Morgause on Nov 28, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

6 Embeds 728

Statistics

Estrutura Básica de um Site Amigável ao Google — Presentation Transcript