seo: otimização para mecanismos de busca
DESCRIPTION
Apresentação sobre SEO feita para turma do curso de Sistemas Para Web do TecnoDohms. Porto Alegre, 28 de setembro de 2009,TRANSCRIPT
SEO: Search Engine OptimizationSEO: Search Engine Optimization
Otimização Para Ferramentas de Otimização Para Ferramentas de BuscaBusca
Bruno GaleraBruno Galera
✔ Webmaster (1995)Webmaster (1995)
✔ Webdesigner (2000)Webdesigner (2000)
✔ Desenvolvedor de Interfaces (2007)Desenvolvedor de Interfaces (2007)
✔ Consultor (2008)Consultor (2008)
✔ Web Technologist (2009)Web Technologist (2009)
Findability (Findability (AchabilidadeAchabilidade))
Qualidade de ser encontrável.
O quão facilmente um objeto pode ser descoberto ou localizado.
O quanto um sistema ou ambiente suporta navegação e retorno
(de dados ou informações).
Peter Morville – Ambient Findability, pg.04. O'Reilly, 2005.
Otimização para ferramentas de Otimização para ferramentas de busca (o famoso SEO)busca (o famoso SEO)
Não é ciência, mas pode e deve ser mensurado e testado.
É um processo. Requer rotinas e acompanhamento.
Envolve vários conhecimentos e disciplinas.
Não é fórmula mágica nem a salvação da lavoura.
SEO: palavras-chaveSEO: palavras-chave
Otimização, busca, findability, conteúdo, semântica, relacionamento,
estratégia, arquitetura da informação, usabilidade, acessibilidade,
métricas, web standards.
ConteúdoConteúdo
Não existe nada sem ele. Prioridade número um.
Hipertexto: base de toda a Web.
Conteúdo gera tráfego, e não o contrário.
Atualização conta mais do que uma carinha bonita.
Os limites da Web são os limites da nossa linguagem.
Peter Morville
Jeffrey Zeldman
Como posso ajudar?Como posso ajudar?
Mais texto atualizado, menos penduricalhos voando.
Imagens? Vídeos? Claro, mas ofereça alternativas.
O conteúdo deve ser escrito com base nos objetivos de negócio.
Claro, sucinto, estruturado: arquitetura da informação.
Liberdade e acessibilidade: seu conteúdo não é seu.
SemânticaSemântica
Todo elemento de código possui uma função específica.
Padrões Web: uma convenção a ser seguida.
Web Semântica: a Web 3.0. Linguagem x mundo real.
Como posso ajudar?Como posso ajudar?
Código deve ser lido.
Tags possuem funções pré-determinadas. Use com sabedoria.
Separe conteúdo de apresentação.
Facilite a vida dos mecanismos de busca.
Semântica em (X)HTMLSemântica em (X)HTMLTítuloEste é um texto de exemplo.
<h1>Título</h1><p>Este é um texto de exemplo.</p>
TítuloEste é um texto de exemplo.
<font color=“black” face=“arial” size=“22px”>Título</font>
<span color=“black” face=“arial” size=“22px”>Este é um texto de exemplo.</center></span>
Semântica em (X)HTMLSemântica em (X)HTMLTítuloEste é um texto de exemplo.
<h1>Título</h1><p>Este é um texto de exemplo.</p>
TítuloEste é um texto de exemplo.
<font color=“black” face=“arial” size=“22px”>Título</font>
<span color=“black” face=“arial” size=“22px”>Este é um texto de exemplo.</center></span>
Qual dos exemplos é mais facilmente compreendido por humanos? A resposta é a mesma para os mecanismos de busca.
RelacionamentoRelacionamento
Popularidade: networking (rede de relações) e buzz
(burburinho). Número de visitas pode enganar!
Autoridade: capacidade de ser reconhecido como referência.
Portabilidade: seu conteúdo acessível de qualquer lugar.
Como posso ajudar?Como posso ajudar?
Programação democrática: PDAs, iPhone, acessibilidade.
Vire uma autoridade: seja relevante, seja citado.
Envolva-se com seu público alvo. Comunidades, interação.
Conteúdo! Conteúdo! Conteúdo!
EstratégiaEstratégia
Métricas: todo mundo tem, poucos sabem aproveitar.
Números também mentem.
Você tem um objetivo? Como fará para alcançá-lo?
Black Hat (trapaça pesada): o barato sairá caríssimo.
Como posso ajudar?Como posso ajudar?
Monitore o comportamento do usuário, ainda que incomum.
Página inicial otimizada: obrigação moral, mas todo mundo faz.
Refine e atualize seu conteúdo com frequência.
Limpe a sujeira. TODA ela.
Não trapaceie, o Google vai descobrir.
Facilite a vida de todo mundo!
ReferênciasReferências
Livros - InglêsAmbient Findability, Information Architecture (Peter Morville)Designing With Web Standards (Jeffrey Zeldman)Web Analytics – An Hour a Day (Avinash Kaushik)
Livros - PortuguêsDesign Para a Internet (Felipe Memória)SEM e SEO – Dominando o Marketing de Busca (Martha Gabriel)Não Me Faça Pensar (Steve Krug)
ReferênciasReferências
Artigos e sites - InglêsFindability, Orphan of the Web Design IndustrySEO Moz.orgSemantic HTML and Search Engine OptimizationOfficial Google Webmaster Central BlogOptimizing Your Crawling and Index
Artigos e sites - PortuguêsGoogle - Diretrizes para webmastersMarketing de Busca
ReferênciasReferências
FerramentasGoogle Rank RobotGoogle: Ferramenta de Palavras-ChaveGoogle AnalyticsGoogle InsightsJAWS: software leitor de telaSEO BrowserInstant Rank MeterGerador de Robots.txt
Mãos à obra!Mãos à obra! Crie títulos únicos e precisos para suas páginas usando a tag <title>. De preferência, menor que
70 caracteres (com espaços), colocando as palavras-chave mais importantes no início. Não use
títulos genéricos (Novo 1, etc).
Use a tag <meta description>. Muitas vezes o Google utiliza-a nos resultados de busca.
Mantenha-a abaixo de 150 caracteres (com espaços). Descreva exatamente o seu site e conteúdo,
usando palavras-chave relacionadas. Use uma para cada página.
Simplifique sua estrutura de URLs. Esconda parâmetros irrelevantes para usuários. Utilize
nomes relevantes, pois informam melhor tanto o usuário quanto os próprios mecanismos de
busca.
Crie estruturas simples de diretório, com poucos níveis. Use o Sitemap.xml para facilitar a vida do
Google. Faça uma navegação simples, que vá direto ao conteúdo e com links relevantes entre si.
Use texto para navegação, evitando ao máximo Flash e Javascript. Forneça também um mapa do
site em HTML. Use breadcrumbs.
Mãos à obra!Mãos à obra! Use uma estrutura lógica de títulos. <h1> para título principal, <h2> para subtítulos e assim por
diante;
Links devem ser descritivos do conteúdo que está sendo referenciado. Evite chamadas do tipo
“Leia Mais” e “Clique Aqui”.
Escreva conteúdo de fácil leitura, com poucos parágrafos e quebrado em subtítulos. Use palavras-
chave relevantes, mas com moderação.
Use imagens no corpo do conteúdo somente quando agregar significado. Caso contrário, utilize-
as como imagem de fundo no CSS;
Dê nomes lógicos às suas imagens. Use palavras-chave. Nunca deixe uma imagem sem o
parâmetro ALT e evite nomes genéricos (“imagem1.jpg”).
Esconda o que a busca não deve encontrar usando robots.txt e atributos como “noindex,
nofollow”.
Divulgue online e offline, mas sem spam!