SMX São Paulo 2008 - CSS, Ajax e Web 2.0

878 visualizações

Publicada em

Apresentação para o SMX São Paulo 2008 sobre CSS, Ajax e Web 2.0

Publicada em: Tecnologia, Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
878
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • Ganho em escala na captura de informações.
  • Então se eu crio um site com conteúdo ruim, com navegação ruim e sem possibilidade de indexação pelos robôs, eu vou contra qualquer fundamento de otimização.
  • E aqui, vamos explorar 2 casos em que a utilização de técnicas podem ajudar ou comprometer a otimização de um site.
  • E aqui, vamos explorar 2 casos em que a utilização de técnicas podem ajudar ou comprometer a otimização de um site.
  • Quem acha que escrever um código nos webstandards pode ajudar?
  • Quem acredita que a utilização da tag h1 pode melhorar a posicão de um site?
  • Eu já acho que ele pode seguir alguns tipos de links com javascript. V a mos trabalhar com a hipótese que talvez um robô consiga seguir o javascript.
  • SEO é Web 1.0?
  • Deve ser mais caro pagar milhões de usuários para manipulação de um ranking se o conteúdo não for realmente bom.
  • SMX São Paulo 2008 - CSS, Ajax e Web 2.0

    1. 1. CSS, Ajax e Web 2.0 Willie Taminato Coordenador de SEO Midia Digital
    2. 2. Ajax CSS Web 2.0 Tópicos … e SEO
    3. 3. Para começar, alguns fundamentos:
    4. 4. Para começar... Fundamentos E m geral, um buscador:
    5. 5. Para começar... Fundamentos D eve ter a maior quantidade de conteúdo possível E m geral, um buscador:
    6. 6. Fundamentos Deve entregar para os usuários Resultados de busca com alta qualidade E m geral, um buscador: Para começar...
    7. 7. Fundamentos Realiza a captura de conteúdo (crawling) através dos links entre os sites E m geral, um buscador: Para começar...
    8. 8. Por quê cuidar com os fundamentos? Podemos otimizar o site para mudanças no algoritmo. Não podemos mudar como os buscadores funcionam. Para começar...
    9. 9. Por isso Em SEO, estudar novas tecnologias e procurar aplicá-las com base nos fundamentos. Sugestão: Progressive enhancement Para começar...
    10. 10. Conteúdo acessível para todos: html CSS Ajax Conteúdo Apresentação Comportamento Usuário Search Engines Para começar...
    11. 11. CSS
    12. 12. CSS Dúvida Freqüente Escrever um código nos padrões da web é uma técnica de otimização para websites?
    13. 13. CSS Vantagens Controle do posicionamento Controle de estilos (fontes, cores, etc) Reduz quantidade de código da página Separação do conteúdo da camada visual Acelera o carregamento das páginas
    14. 14. CSS Vantagens Utilização das tags de cabeçalho: <H1>, <H2>, <Hx>...
    15. 15. CSS CSS x Fundamentos Crawling mais eficiente (mais foco no conteúdo) Quanto menor o “esforço”, mais páginas coletadas Mais páginas coletadas, mais resultados possíveis Quanto mais resultados, mais visitas Mais visitas = mais vendas
    16. 16. CSS CSS x Fundamentos Controle de posicionamento no código x tela: Exemplo: <div id=&quot;content&quot;> <h1> <h2> <hx> <div id=“nav”> <div id=“banners”> ... banner Content Nav
    17. 17. CSS CSS e Black Hat Posicionamento x posicionamento fora da tela Texto invisível (mesma cor da fonte do fundo da tela) Image replace Cadeiras.com Texto alternativo para a imagem: Cadeiras baratas, cadeiras com melhor preço, cadeiras para escritório, cadeiras e mesas
    18. 18. CSS CSS e Black Hat Regra: Usar sempre o mesmo conteúdo para o robô e para o usuário
    19. 19. Ajax
    20. 20. Ajax Vantagens Carregar um conteúdo sem precisar dar refresh na página Maior interatividade
    21. 21. Ajax Hipótese: Buscadores não seguem links com JavaScript. Ajax x Fundamentos
    22. 22. Ajax Ajax x Fundamentos Página da internet Link URL : www.dominio.com.br/pagina.html Conteúdo: Etc e tal Página da internet URL : www.dominio.com.br/pagina2.html Conteúdo: Tal e etc, e mais um pouco
    23. 23. Ajax Ajax x Fundamentos Página da internet Link Ajax URL : www.dominio.com.br/pagina.html Conteúdo: Etc e tal Página da internet URL : www.dominio.com.br/pagina.html Conteúdo: Tal e etc, e mais um pouco
    24. 24. Ajax Ajax x Fundamentos “ Conteúdos únicos e relevantes” Ajax: Conteúdo único para um usuário? Nos resultados de busca: resultado único, mas que serve para muitos usuários.
    25. 25. Ajax Sugestão 1: Como otimizar Ajax Criar URLs únicas
    26. 26. Ajax Sugestão 1: Como otimizar Ajax 2) Criar links para que essas “instâncias” sejam indexadas Mapa do Brasil Mapa do Paraná Mapa de Curitiba Como chegar na Mídia Digital
    27. 27. Ajax Sugestão 1: Como otimizar Ajax 3) Fazer um sitemap, contendo as principais url´s 4) Submeter aos consoles dos principais buscadores para indexação. Google Webmaster Central Yahoo Site Explorer Webmaster Center – Live Search
    28. 28. Ajax Otimiza, mas não resolve Ajuda na indexação de conteúdo Mas, poder dos interlinks no site não é explorada Para otimizar bem, seria necessário muito link building
    29. 29. Ajax Sugestão 2: Como otimizar Ajax <SCRIPT LANGUAGE=javascript> Blábláblá Link 1, link 2, link 3 </script> <noscript> Blábláblá L ink 1, link 2, link 3 </noscript>
    30. 30. Ajax Sugestão 2: Como otimizar Ajax Aba 1 Aba 2 Aba 1 Aba 2 C om scripts Sem scripts
    31. 31. Ajax Sugestão 2: Como otimizar Ajax Código fica mais carregado Cuidar para não mostrar conteúdos diferentes nas 2 versões.
    32. 32. Ajax Recomendações: Utilizar Ajax para formulários, Para aplicações, sistemas de pontuação, Para personalizações de conteúdos, para votação, Evitar usar como recurso de navegação
    33. 33. Web 2.0
    34. 34. Web 2.0 Sério, o que é Web 2.0? Segundo Tim O´Reilly: &quot;Web 2.0 é a mudança para uma internet como plataforma, e um entendimento das regras para obter sucesso nesta nova plataforma. Entre outras, a regra mais importante é desenvolver aplicativos que aproveitem os efeitos de rede para se tornarem melhores quanto mais são usados pelas pessoas, aproveitando a inteligência coletiva&quot; Fonte: Wikipedia.
    35. 35. Web 2.0 Web 2.0 e SEO Com recursos da Web 2.0, amplia-se: A maneira como o conteúdo é organizado A forma em que o conteúdo é gerado
    36. 36. Web 2.0 Web 2.0, SEO e Organização do conteúdo Abre mais uma forma de “votação” (links): Quem indica é um usuário, Uma comunidade, N ão somente um “website”
    37. 37. O utros 16 usuários “marcaram” esse site Com essas tags Web 2.0
    38. 38. Web 2.0 Web 2.0, SEO e Organização do conteúdo Links (votos) através de: Sites de social Bookmarking (Delicious, ClaimID, etc) Indicações de sites via blogs, foruns... Através de comunidades...
    39. 39. Web 2.0 Web 2.0, SEO e Organização do conteúdo Fundamentos: “ Conteúdo único e relevante!” Possibilidade: Mudança no algoritmo?
    40. 40. Web 2.0 Web 2.0, SEO e Conteúdo Site sobre “ automóveis ” em geral. Numa avaliação, um usuário comenta sobre a compra de um “ veículo ”. No blog do site, escrevemos um artigo sobre “ carros ” Possibilidades praticamente infinitas de exploração do long tail.
    41. 41. Web 2.0 Web 2.0, SEO e Conteúdo Receita para um bom site 2.0: Criação de site para determinado nicho Conteúdo colaborativo (gerado e gerido por usuários)
    42. 42. Web 2.0 Web 2.0, SEO e Conteúdo Modo de preparo: Otimização do conteúdo para bom posicionamento Criação de widgets para distribuição do conteúdo/ divulgação Explorar espaços publicitários para venda de mídia e rede de afiliados
    43. 43. Web 2.0 Web 2.0, SEO e Conteúdo <ul><li>Pós-preparo: </li></ul><ul><ul><li>Crie regras que estimulem a geração de conteúdos com alta qualidade </li></ul></ul><ul><li>Premie de alguma forma os principais fornecedores de conteúdo </li></ul>
    44. 44. Web 2.0 E ganhe muito dinheiro...
    45. 45. Willie Taminato [email_address] www.midiadigital.com.br Muito obrigado! Quer esta apresentação? E nvie um e-mail para:

    ×