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

40 %
60 %
Information about SMX São Paulo 2008 - CSS, Ajax e Web 2.0
Technology
css

Published on May 22, 2009

Author: williet

Source: slideshare.net

Description

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

CSS, Ajax e Web 2.0 Willie Taminato Coordenador de SEO Midia Digital

Ajax CSS Web 2.0 Tópicos … e SEO

Para começar, alguns fundamentos:

Para começar... Fundamentos E m geral, um buscador:

Para começar... Fundamentos D eve ter a maior quantidade de conteúdo possível E m geral, um buscador:

Fundamentos Deve entregar para os usuários Resultados de busca com alta qualidade E m geral, um buscador: Para começar...

Fundamentos Realiza a captura de conteúdo (crawling) através dos links entre os sites E m geral, um buscador: Para começar...

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

Por isso Em SEO, estudar novas tecnologias e procurar aplicá-las com base nos fundamentos. Sugestão: Progressive enhancement Para começar...

Conteúdo acessível para todos: html CSS Ajax Conteúdo Apresentação Comportamento Usuário Search Engines Para começar...

CSS

CSS Dúvida Freqüente Escrever um código nos padrões da web é uma técnica de otimização para websites?

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

CSS Vantagens Utilização das tags de cabeçalho: <H1>, <H2>, <Hx>...

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

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

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

CSS CSS e Black Hat Regra: Usar sempre o mesmo conteúdo para o robô e para o usuário

Ajax

Ajax Vantagens Carregar um conteúdo sem precisar dar refresh na página Maior interatividade

Ajax Hipótese: Buscadores não seguem links com JavaScript. Ajax x Fundamentos

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

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

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.

Ajax Sugestão 1: Como otimizar Ajax Criar URLs únicas

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

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

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

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>

Ajax Sugestão 2: Como otimizar Ajax Aba 1 Aba 2 Aba 1 Aba 2 C om scripts Sem scripts

Ajax Sugestão 2: Como otimizar Ajax Código fica mais carregado Cuidar para não mostrar conteúdos diferentes nas 2 versões.

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

Web 2.0

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.

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

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”

O utros 16 usuários “marcaram” esse site Com essas tags Web 2.0

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

Web 2.0 Web 2.0, SEO e Organização do conteúdo Fundamentos: “ Conteúdo único e relevante!” Possibilidade: Mudança no algoritmo?

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.

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)

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

Web 2.0 Web 2.0, SEO e Conteúdo Pós-preparo: Crie regras que estimulem a geração de conteúdos com alta qualidade Premie de alguma forma os principais fornecedores de conteúdo

Pós-preparo:

Crie regras que estimulem a geração de conteúdos com alta qualidade

Premie de alguma forma os principais fornecedores de conteúdo

Web 2.0 E ganhe muito dinheiro...

Willie Taminato [email_address] www.midiadigital.com.br Muito obrigado! Quer esta apresentação? E nvie um e-mail para:

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

Alexandre Gama | LinkedIn

Alexandre Gama. Software Engineer at Elo7 and Instructor at Caelum. Localidade São Paulo e Região, Brasil Setor Software
Read more

Leonardo Leandro | LinkedIn

View Leonardo Leandro’s professional profile on LinkedIn. ... • ASP.NET WEB API 2.0 ... November 2008 – May 2009 (7 months) São Paulo Area, ...
Read more

Rogerio Rodrigues de Alcântara | LinkedIn

View Rogerio Rodrigues de Alcântara’s professional profile on LinkedIn. LinkedIn is the world's largest business network, helping professionals like ...
Read more

How-to Make your AJAX Applications Scream on the Client

... but what is often the case is your Web 2.0 applications don't ... make your AJAX-based applications perform ... São Paulo Mar 28-Apr 1 ...
Read more

Paulo Valadares | Adobe Certified Expert Professional ...

... Web Developer in Salvador - Bahia ... - ActionScript 2.0 Developer: ... Search Marketing Expo São Paulo in 2008; CONTACTS: Cel.: +55 (71) ...
Read more

ASP.NET MVC Example with Northwind and Entity Framework ...

ASP.NET MVC Example with Northwind and Entity Framework ... of attention in blogs and developer-focused web ... São Paulo Mar 28 ...
Read more

Wanderson de Paula | LinkedIn

São Paulo e Região, Brasil Setor ... Experiência em ambiente Framework 2.0~4.5(VB. ... Desenvolvimento Web, PHP, JavaScript, CSS, Ajax. Analista ...
Read more

Paulo Enok Sawazaki - Personal Portfolio

Design, Motion, AS, XHTML, Ajax, PHP, CSS Agency: Freelance Web Designer. January 2006. WWW ... city of the state of São Paulo, ... Paulo Enok Sawazaki ...
Read more

20 Useful PHP + jQuery Components & Tuts for Everyday ...

... user experience thanks to a lot of recently developed Ajax ... 20 Useful PHP + jQuery Components & Tuts for Everyday ... ba web 2.0 on April 5th, 2009 ...
Read more