Contudo, frente aos problemas que estava tendo com a raposa, resolvi trocar de navegador, mas para isso precisava encontrar boas opções de extensões de SEO para o Chrome, para não perder a produtividade e continuar com as funcionalidades extras que tinha no Firefox, que eu listo logo a seguir.

Plugins de SEO para o Firefox

Antes de partir para as extensões para o Chrome que eu instalei por aqui, vou apresentar os plugins que mais estive usando recentemente no Firefox, pois eram as funcionalidades que o Chrome precisaria suprir.

Google Toolbar

A Google Toolbar é interessante para acessar as ferramentas do Google (Gmail, Analytics, Reader, etc), além de ter os favoritos via Google Bookmarks. Também é interessante por mostrar o PageRank, mas eu o acompanhava em outros plugins.

SEOBook Toolbar

A Toolbar de SEO do SEOBook tem uma gama bem grande de funcionalidades:

• Resumo do site com links de entrada, páginas indexadas, data de cache, data de criação, menções no Twitter e outros;
• Além de exibir o PageRank, tem opções para exibir Cache e Cache em Texto da página no Google
• Opção para verificação no Whois;
• Opção para troca de User-agent, que eu não usava muito, mas é uma função interessante;
• Verificação de Headers (200, 404, 301, …), que servia para complementar o teste que eu geralmente faço na HTTP Header Checker;
• Verificação de rankings de várias keywords para um site via Rank Checker

Ela também tem uma funcionalidade interessante de comparar sites sobre diversas métricas, mas que eu não estava utilizando muito nestes últimos tempos, pois passei a olhar mais para as métricas do SEOmoz.

WebDeveloper Toolbar para Firefox

O interessante na WebDeveloper é que ela se define muito bem. Tem muitas funcionalidades úteis realmente: bloquear imagens, javascript, css, cookies, ver meta tags, heading tags, redimensiona janela do navegador (640×480, 800×600, etc), uma opção “Linearize Page” que permite ver a ordem dos elementos/ordem de conteúdo na página – excelente.

Todas funções que ajudam a analisar uma página em diversos aspectos diferentes. E este é apenas um pequeno conjunto das opções na WebDeveloper. Ela é uma toolbar muito rica.

Firebug Plugin

Este plugin também dispensa comentários. Poder editar o código HTML e CSS da página e já ver os resultados é sencional. Permite selecionar elementos, conferir tempo de carregamento da página e algumas outras opções. O Firebug já me ajudou até a corrigir páginas que estava visitando e que dificultavam a navegação de alguma maneira, como por exemplo, layers sobrepondo conteúdo.

Outro detalhe legal é que este plugin possui diversos complementos que o tornam ainda mais poderoso.

Search Status Toolbar

As principais funcionalidades da Search Status para mim são:

• Exibir PageRank e mozRank modo texto (não em barras coloridas)
• Destacar links com nofollow
• Mostrar meta tags (com contagem de caracteres inclusive)
• Quantidade de links e tipos de links na página

Mas ela também trata outros tipos de informações, como mostrar sitemap.xml, robots.txt, densidade de keywords, que são úteis algumas vezes.

ScreenGrab!

Por último, e não menos importante, o ScreenGrab é um plugin extremamente simples e útil: permite que seja salva (ou copia na memória do sistema, um ctrl+c) uma imagem da página que se está visualizando, sendo:

• A página em toda sua extensão; ou
• A porção que está sendo exibida no browser; ou
• Uma área selecionada com o mouse

Extra!

Existe um plugin interessante para se usar junto ao Google Analytics, mas que não funciona no Firefox 3.6 – é o Enhanced Google Analytics. Eu escrevi sobre o plugin e sobre como ele é útil no artigo Como Investir em Long Tails (para assinantes).

Extensões de SEO para o Chrome

Uma vez que já é de longa data a produção por terceiros de extensões para o Chrome, imaginei que conseguiria encontrar os plugins de Firefox para o Chrome ou, pelo menos, versões muito similares para cumprir as funcionalidades que eu tinha com o Firefox. Fui então para o repositório de extensões do Chrome iniciar a busca e encontrei bons resultados.

mozBar – A Toobar de SEO do SEOmoz

Na verdade eu já estava utilizando a mozBar no Chrome antes mesmo de decidir migrar para o browser. Quando o SEOmoz lançou essa toolbar, eu decidi instalar para conhecê-la e, no fim, ela acabou sendo muito útil, pois oferece diversas das funcionalidades que eu tinha espalhadas em outras tools:

• Mostra relevância da página com Domain Authority, Page Authority, quantidade de backlinks e mozRank (e outras informações quando se é assinante PRO do SEOmoz);
• Tem a funcionalidade de SERP overlay, que é mostrar todas essas informações sobre os resultados de uma busca diretamente na página de resultados;
• Links para todas ferramentas do SEOmoz e ainda para Google Trends, busca com o comando site: e DomainTools;
• Informa título, meta tags, heading tags (h1 e h2), meta robots, URL canônica, link para cache no Google, tipos de links e suas quantidades na página – no botão Analyze;
• Destaca links nofollow

Nessa leva de funcionalidades da extensão mozBar, a Search Status e a SEObook toolbar foram cobertas em vários pontos e com a adição de outras opções.

WebDeveloper Toolbar

As funcionalidades da WebDeveloper estão todas presentes no Chrome, pois existe a versão para o browser, assim, tudo que existe na toolbar para o Firefox, também está nesta extensão para o Chrome. Inclusive, isso dispensa até outros complementos.

Ferramentas do desenvolvedor (Firebug)

Neste ponto eu fiquei na dúvida se é uma extensão ou não. Tenho quase certeza que é um recurso nativo do Chrome: Ferramentas do desenvolvedor:

Este recurso simplesmente é o Firebug. Aliás, pelo que pude ver, é ainda mais que o Firebug, pois possui opções a mais, que talvez sejam supridas pelos complementos de Firebug. Sendo assim, considero este, o mesmo caso da WebDeveloper – Esta funcionalidade do Chrome substituiu por completo o plugin do Firefox.

Webpage Screenshot

Aqui sim uma troca para, definitivamente, melhor, ou no mínimo mais prática: A extensão Webpage Screenshot, que utilizei para substituir o plugin Screengrab do Firefox, além de permitir tirar screenshots de tela inteira ou toda página, leva a imagem escolhida para uma nova aba no Chrome e já apresenta opções de edição como cortar e adicionar elementos (textos, setas, círculos e outros).

Como normalmente a intenção ao tirar um screenshot de uma página é justamente marcar um detalhe e fazer um comentário, esta extensão fica bem completa, ao menos para mim.

SEO SERP

A extensão de SEO mais difícil de se substituir foi a Rank Checker da Toolbar de SEO do SEOBook. Com a Rank Checker, é possível escolher um ou mais sites, uma ou mais keywords e testar todos os rankings no Google, Yahoo e Bing. O problema aqui é que o Chrome é o browser do Google e o Google é contra este tipo de automatização de consultas e verificação de rankings, conforme indicado em suas diretrizes de qualidade para webmasters:

Não use programas não-autorizados para enviar páginas, verificar classificações etc. Esses programas consomem recursos de computação e violam os nossos Termos de Serviço O Google não recomenda a utilização de produtos como WebPosition Gold™, que enviam consultas automáticas ou programadas ao Google.

Considerando este ponto, imagino que não exista realmente uma extensão deste tipo no Chrome, a qual teste os rankings de múltiplas keywords para um ou mais sites rapidamente. Contudo, nem tudo foi perdido: a extensão SEO SERP oferece uma boa ajuda neste trabalho:

Infelizmente ela não permite que sejam testadas várias keywords ao mesmo tempo, mas, por outro lado, permite que sejam testados vários sites ao mesmo tempo. Portanto, para testar várias keywords, será necessário entrar uma a uma. Já para verificação de vários sites em uma keyword, isso sim sai como resultado direto da extensão. O que já é bastante útil, mas a Rank Checker é melhor, pois é mais funcional.

Outro detalhe adicional é que esta extensão também exibe posicionamento no AdWords, quando este existe.

Extra! Page Monitor

Ao longo das imagens mostrando as extensões, uma extensão diferente esteve sempre ali, ao lado da extensão mozBar: é a Page Monitor. Esta também é uma extensão que eu já tinha instalada no Chrome antes mesmo dessa mudança de browsers. Como o nome diz, ela monitora uma página e notifica alterações que aconteça nela.

Simples, porém genial:

• Quer acompanhar mudanças em páginas de concorrentes?
• Quer acompanhar mudanças nas páginas do seu site?
• Quer acompanhar mudanças em resultados de busca?
• Quer acompanhar mudanças em fontes de links?

A extensão Page Monitor permite tudo isso e com alguns refinamentos, como a frequência de verificação ou o quê exatamente na página deve ser acompanhado. Recomendo.

Conclusões – Chrome vs. Firefox

Na batalha dos browsers para SEO, Chrome versus Firefox, estou muito satisfeito com o Chrome. Realmente, em termos de plugins e extensões de SEO, eles tem um empate técnico. A diferença, para mim, ficou mesmo no desempenho: até agora, o Chrome não apresentou os problemas que eu vinha tendo com o Firefox, por outro lado, o Chrome ainda está longe do stress-test que o Firefox passou até a minha decisão de testar o Chrome. Mais algumas semanas e o veridicto poderá ser conferido (ou deferido).

Sugestões!

Bom, este é o conjunto de plugins e extensões de SEO que uso no Firefox e Chrome, respectivamente. Não conhecia algum deles? Achou útil? Tem outras recomendações? Não deixe de me mandar, adoraria testar outras funcionalidades nos meus navegadores. Enquanto isso…

Extra!

Você sabia que Firefox, apesar do nome, não é uma raposa (fox)? Na verdade, embora o logo do browser seja uma raposa estilizada, firefox é utilizado para nomear um urso panda vermelho! (Fontes:[1], [2] e [3]) E o bichinho se parece mesmo com o logo do Firefox, acredite se quiser:

E o Chrome? Uma mistura de…

Outras divertidas referências para o Chrome aqui e aqui. Para fãs do Internet Explorer, deixo o espaço aberto para comentários e sugestões de uso do browser. Até a próxima!

Artigo produzido por MestreSEO, empresa especializada em Otimização de Sites.
Artigo Original: Extensões de SEO para Chrome Versus Plugins de Firefox

1- Rastreie os acontecimentos.
Utilize uma plataforma para monitoração social, que consolide as diversas contas num único local, permitindo administrá-las de forma mais eficiente, tendo uma visão de tudo numa única tela. Existem diferentes plataformas que precisam ser estudadas para ver quais se adaptam a diferentes necessidades.

2- Entenda a influência social
Gaste tempo e se engaje com pessoas que possam acescentar valor aos seus negócios. Identifique as pessoas mais influentes em seu nicho nas mídias sociais. Uma ferramenta interessante para rastrear a influência no Twitter e no Facebook é o Klout. Permite distinguir quem é um lider de pensamento, um conector ou um tomador de decisão.

O Klout Score é um número, que vai de 0 à 100, que, teoricamente, mede seu grau de influência entre seus seguidores. Eles usam mais de 25 variáveis para se chegar à essa nota, divididas em 3 grupos: True Reach (Alcance Verdadeiro),  Amplification probablity (Probabilidade de amplificação) e Network Influence (Influência na rede).

3- Descubra o perfil social de seus prospects e clientes.
Através do email é possível descobrir com ferramentas (Flowtown e Gist) quais mídias sociais são frequentadas por seus prospects e clientes de seu banco de dados, e quais deles são influentes.

4- Crie Landing Pages de mídias sociais
Compartilhe seu conteúdo com seus seguidores e ao mesmo tempo mostre como você pode agregar valor ao negócio deles. ObjectiveMarketer é uma ferramenta que permite divulgar todos seus links de mídias sociais com conteúdo customizado.

5- Use suas métricas disponíveis para justificar os benefícios.
Argyle Social é uma ferramenta que permite rastrear as respostas/impactos de suas ações nas mídias sociais e mapeia de volta ( num prazo de até 90 dias) às métricas de conversão do website da empresa, mostrando como anúncios via tweetter podem gerar vendas.

6- Tente descobrir do que seus contatos de network eles gostam.
Twitter e Facebook disponibilizam credenciais de login que outros websites podem adotar, do tipo de protocolo tal qual o Facebook “Likes”. Sempre que possível você deve usar o “Like” de outros sites, e quando identificar que alguém de seu network também se interessa pelo mesmo website, estará criando uma oportunidade de engajamento.

7- Obtenha informações rapidamente, quando for preciso.
Filtre informações importantes sobre um tópico específico em relação as pessoas que fazem parte de seu network, utilizando o Cadmus para o Twitter, o Nsyght para as outras mídias sociais.

8- Automatize algumas funcionalidades.
Crie uma série de eventos nas mídias sociais que encorajem seus seguidores a se engajar mais comprometidamente. Game mechanics éuma ferramenta que permite planejar este tipo de atividade.

9- Consiga recursos dedicados para atuar nas mídias sociais.
Para evoluir em suas estratégias de midias sociais, é preciso desenvolver novas habilidades e manter a estratégia de conteúdo. Certifique-se de montar uma equipe interna ou externa que possa atuar e manter sua estratégia.

10- Crie espaço em seu site para divulgar o melhor conteúdo das suas comunidades nas mídias sociais.
Isto gera uma boa vontade por parte de seus seguidores e comentários sobre sua empresa. Um exemplo disso são os testemunhos de clientes.

Antigamente não existiam simuladores dos pequenos celulares. Na verdade, não precisava. Você provavelmente usava WAP. Quando começamos a utilizar CSS e XHTML para fazer sites mais decentes para os mobiles, tudo ficou mais complicado, você precisava ter um aparelho para fazer testes. Em muitos casos era simples resolver utilizando o Opera no desktop mesmo, mas em forma de visualização mobile/handheld. Contudo, você estava desenvolvendo para apenas aparelhos com Opera. Não havia, por exemplo, um simulador de IE Mobile. Nem precisa, é horrível, e atualmente, a maioria utiliza Opera.

Para fazer sites para os iPhones e Androids da vida, não há segredo, já que eles aceitam tudo e mais um pouco de CSS e HTML. Você consegue ter homogeneidade ao desenvolver. Mesmo assim, para ter certeza, seria interessante você testar o site em um aparelho. Por isso, há simuladores que emulam o ambiente dos aparelhos. É o caso do iPhone e do Android.

Para aprender mais sobre o simulador do Android, visite a página oficial sobre o emulador deles. Assim você aprende como ele funciona, as funções, instalação e etc. O simulador pode ser instalado em Windows, Mac ou Linux.

O simulador para iPhone é só para quem tem Mac. Infelizmente a Apple ainda não liberou o SDK para outros sistemas. Uma pena, porque não só de mac vive o homem, e a maioria dos devs utilizam Windows ou Linux. Mesmo assim, você pode baixá-lo e utilizá-lo para testar qualquer site ou arquivos locais.

O pessoal da Nokia também disponibiliza vários emuladores. Contudo, aconselho que você utilize apenas o browser de S60, que é o melhor deles hoje em dia. Os browsers dos S60 suportam Webkit, mesmo não sendo a versão mais atualizada, é possível fazer muita coisa interessante, entretanto, há haver alguns erros de compatibilidade por conta do engine desatualizado.

• Simulador de Android
• Simulador de iPhone
• Simulador para Nokia

via Tableless

A grande novidade das marcas do Grupo Morena Rosa é o provador virtual. A nova ferramenta permite que as pessoas provem pelo computador as roupas da Morena Rosa, Zinco, Maria.Valentina e Joy e ainda possam compartilhar os seus looks com seus amigos virtuais por email, Twitter, Facebook e para download.

Cada marca tem cinco opções de looks e em breve haverá mais opções que mudarão a cada nova coleção lançada. Cada site das marcas terá o link para acessar o Provador Virtual. Há instruções e um vídeo para exemplificar como usar.

O sistema inédito usa realidade aumentada e detecção de movimento como uma proximidade com clientes e usuários das marcas. A ferramenta faz parte do novo projeto de Comunicação do Grupo Morena Rosa em uma integração entre o Marketing, Comunicação, Tecnologia de Informação e Estilo.

Para usar o Provador Virtual é preciso ter acesso a internet e uma webcam conectada ao computador.

Particpei do projeto, junto ao pessoal de desenvolvimento web do Grupo Morena Rosa

Gostei muito de poder ajudar e contribuir, e o mais legal é o reconhecimento de uma carreira que trato com a maior seriedade, a de WebDesigner. A matéria saiu em agosto de 2009, e aqui, reproduzo a entrevista na íntegra:

Trabalho com criação de sites desde 1997, e tive meu primeiro contato com o Flash 3. Lembro que fiquei surpeendido com a qualidade das animações, mas considero, a verdadeira revolução a introdução da linguagem Actionscript 2.0 na versão MX. A partir de um conceito mais “orientado a objetos” é que realmente a tecnologia se consolidou no mercado e que ocorreram mudanças na concepção de projetos com tecnologia Flash. Após a aquisição da Adobe, tivemos uma maior integração com outros produtos, como Ilustrator, o que facilita na concepção e construção de layouts, e agora na versão CS4, a tecnologia de vídeos e 3D, além da cinemática, estão em evidência.

2 – Dentre as tecnologias e plataformas disponíveis para o trabalho com internet rica, como AJAX, Curl, Silverlight etc., quais são as vantagens que o Flash apresenta em relação às opções disponíveis pelo mercado?

Estou desennvolvendo um sistema com AJAX (Jboss Rich Faces) e tenho tido um desempenho muito bom na apresentação das informações, e com os novos browsers (Chrome e FF 3.5) o javascript irá ganhar força. JQuery também já se tornou requisito obrigatório para construção de interfaces. Mas mesmo assim, para determinados projetos, a tecnologia Flash é mais completa, com um ótimo acabamento de seus componentes. Quando você trabalha para proporcionar imersão, e a melhor experiência possível para seu cliente, você deve se apoiar em recursos avançados tais como reprodução de vídeo, é necessário a utilização de ferramentas consolidadas e presentes em todos os browsers. Imagine você desenvolver sistemas como os disponíveis em www.chevrolet.com, onde o carro é construído na tela do computador, com javascript? Quanto a Curl, sinceramente desconheço e sobre o Silverlight, vejo um grande marketing da Microsoft e me parece que a tecnologia de reprodução de vídeos é muito boa.

3 – Na palestra “A Vocação do Flash: Ria, Hotsites e Infográficos” (http://usabilidoido.com.br/a_vocacao_do_flash_ria_hotsites_e_infograficos.html), o pesquisador em design de interação Frederick van Amstel argumentava sobre as funções no uso do Flash e ressaltava que ele serve principalmente “para trazer maior usabilidade para aplicações, mais emoção para a publicidade e ensinar conceitos complexos através da hipermídia. Isso é o que ele faz de melhor e sem concorrência. Usá-lo para substituir HTML e criar introduções animadas é desperdício e equívoco”. Levando-se em consideração a sua experiência nesta área, é possível traçar um perfil ideal de projeto para se trabalhar com Flash?

Os infográficos são um exemplo de uso da tecnologia. Animações desse tipo são comuns em portais de notícias, onde se faz necessário um entendimento visual da informação. Antes, só viamos recursos como esses na televisão. Não é de hoje que o jornalismo na TV utiliza de infográficos e animações para fornecer um cenário mais agradável e simples para quem está consumindo o conteúdo.

Isso é quase uma experiência, uma imersão do usuário, e na Internet, é um recurso cada vez mais necessário. E é nesse cenário, que o Flash se encaixa. Veja bem, os site de hoje são diferentes de 10 anos atrás. Me lembro, que foi uma animação de um site de um evento que me motivou a investir e estudar a tecnologia. Animações tem o poder de atrair e cativar a audiência. Isso pode ser o fator de sucesso de um projeto. É claro que em projetos de sites institucionais, corporativos, talvez um design atraente e uma boa arquitetura de informação resolvam e sejam mais adequadas, mas mesmo assim, em determinadas áreas, uma boa animação transmite vida para o conteúdo, e isso pode auxiliar na absorção da mesmo, como o caso do infográfico.

Traçar um perfil de projeto ideal para se trabalhar com Flash não é uma tarefa fácil, requer experiência e disciplina no desenvolvimento de soluções. A primeira coisa que se deve fazer é o briefing do projeto, por menor que ele seja. Você não precisa criar uma documentação imensa para isso, pode ser um briefing mental mesmo. É vital que o desenvolvedor tenha uma visão clara dos objetivos do projeto, qual a mensagem a ser transmitida, quem é o público alvo e qual seu perfil. Quais as tecnologias a serem aplicadas, quais os resultados esperados na interação do cliente com o produto, etc. Esses eu considero os mais importantes.

Além disso, sempre estou acompanhando  e realizo uma análise do site ou aplicativo, quase que diária, dependendo do site, através de ferramentas de métricas web, tais como Google Analitycs, onde é possível o acompanhamento da perfomance do site em vários níveis, como os de conversão. Com isso, é possivel saber se o seu projeto possui algum problema de arquitetura de informação…se o cliente está acessando a informação principal, qual a resolução de tela que o cliente usa, e até mesmo qual a versão do plugin do Flash é mais utilizada.

Como possuo formação em Marketing, também procuro implementar vários conceitos de “branding experience” nos projetos em que realizo. Em 2007, fiz um curso complementar em marketing digital, que me abriu a visão para vários aspectos em um site, que poderiam ser melhor trabalhados.A preocupação com  a distribuição da mensagem a ser transmitida pelo site, hotsite ou publicidade online deve comtemplar a tecnologia a ser aplicada. A mídia usada pode determinar o sucesso de uma ação.

Muita gente critica o Flash principalmente por ser “pesado” para se abrir os sites… pode ser verdade, em alguns casos. O loading pode espantar muitos clientes, mas isso pode ser contornado com uma metodologia de desenvolvimento muito comum em sites Flash. O que ocorre é que vejo muita gente usando “pirotécnia” para chamar a atenção onde não precisa, como também vejo numa proporção maior, muitos sites em Flash que cativam por tais recursos, desde que bem aplicados. Outra reclamação comum é porque dizem que os sites Flash não são indexados pelos buscadores. Minha experiência me diz que isso é mito.

Exitem várias formas de você aparecer me primeiro lugar no Google. Claro que o xhtml é melhor indexado, mas ele não é a unica forma de se alcançar este objetivo. Tenho sites publicados, 100% Flash, numa posição acima de grande portais de conteúdo em termos relevantes para o nosso produto.

4 – Analisando a estrutura de algumas agências digitais brasileiras, como a Grafikonstruct (www.grafikonstruct.com.br), por exemplo, vemos a abertura de oportunidades para flash animators, flash designers, flash developers etc. Você acredita que a especialização de profissionais é um caminho nesta área? E quais seriam as principais diferenças entre esses cargos?

Sim, em agências essa divisão de cargos já é comum. Isso é devido a abrangência da tecnologia.  Hoje um front-end enginner deve dominar design e interação, podendo usar o Flash como ferramenta de criação. O arquiteto de informação, também pode utlizar o Flash para criação de protótipos funcionais, basta saber 2 ou 3 comandos Actionscript para isso. O animador, constrói seus desenhos animados, com a mesma ferramenta, mas com outra metodologia, talvez frame a frame. O developer, por sua vez, necessita ter o conhecimento pleno de ActionScript, pois ele irá tratar o conteúdo e o consumo do mesmo, muitas vezes através de webservices, linguagens de back-end como PHP, Java, ASP ou algum CMS free ou proprietário.

As possibilidades são inúmeras e vejo isso como uma evolução da tecnologia e de sua aplicação nos diversos cenários onde o Flash pode ser a melhor solução. Hoje o Flash é considerado um dos melhores meios para se transmitir vídeo e vejo um futuro muito promissor também com aplicações de Realidade Aumentada, que na minha opinião, são o futuro. A adobe já trabalha com a distribuição de seu player para dispositivos móveis e tv digital, então, o mercado só tende a crescer.

Considero a agência citada como uma das melhores do Brasil na produção de trabalhos para o segmento de moda, que, como no meu caso, os projetos necessitam de tecnologias que produzam verdadeiras experiências e atmosfera aos sites, mas devo lembrar que, recentemente, a tecnologia Flex está cada vez mais requisitada nos projetos de aplicativos corporativos de grandes players do mercado, a própria Datasul já disponibilizam cursos para seu pessoal e possuem ferramentas com a tecnologia como front-end, ou seja, o mercado está crescendo muito para profissionais que dominam principalmente a linguagem ActionScript.

5 – Quando falamos da criação e do desenvolvimento de sites em Flash, quais são os erros mais comuns que podem prejudicar a usabilidade de um projeto? Como você procura trabalhar esta questão em seus projetos?

A “pirotécnia” com certeza é um piores erros que um projeto Flash pode apresentar. A aplicação de efeitos sem sentido no site me deixa extremamente triste e é o que abre a discussão da utilização ou não da tecnologia. Um outro fator que alguns profissionais, talvez pela falta de experiência, ainda façam são as famosas páginas de introdução. Isso não é mais utilizado, mas algumas pessoas ainda insistem em fazê-las, as vezes por causa de pedidos de clientes, mas não se justifica…a informação é primordial e você não deve criar obstáculos para que seja consumida. Se tiver que criar alguma animação para inserir em projetos web, elas devem ser bem introduzidas, onde façam sentido, e com recursos de controle da mesma, como botões de play, pause, etc.

Nos projetos em que trabalho, sempre priorizo a informação. Procuro deixa-la o mais limpa  possível e as vezes nem parece que o site é em Flash. No nosso caso, como o produto é importante, sempre tento facilitar a visualização do mesmo, através de um bom recurso de navegação de imagens, o qual sempre estou evoluindo, e colocando informações sobre o mesmo, mesmo que seja um simples sistema de numeração para identificar o produto. Essas melhorias são sempre implementadas baseadas em web analitycs e pelo feedback que temos de nossos clientes através de envio de mensagens pela área de contato. Recebemos muitas sugestões, críticas e elogios por este canal, que nos auxilia no desenvolvimento e aprimoramento de nossas soluções.

6 – O site da escritora J.K.Rowling (www.jkrowling.com), criadora do sucesso mundial “Harry Potter”, surge como um bom exemplo de site em Flash com acessibilidade. O lançamento recente de bibliotecas Javascript, como o SWFObject (http://code.google.com/p/swfobject/) e o SWFAddress (http://www.asual.com/swfaddress/), ajudou a melhorar os aspectos de acessibilidade de projetos concebidos em Flash. Diante disso, quais são os parâmetros recomendados para se incluir os preceitos de acessibilidade na produção de sites em Flash? O que você costuma aplicar em seus trabalhos?

Uma das premissas da acessibilidade é que o conteúdo deve ser absorvido e intepretado por qualquer mecanismo de leitura, na internet, o mecanismo mais utilizado é o browser, mas acessiblidade não é só isso. Um site com acessiblidade em Flash é considerado por muitos como um grande desafio quando não impossível. É correto pensar assim, pois até um certo tempo atrás, a ferramenta não possuia mecanismos com essa preocupação.

Hoje é possível através de uma opção do Flash e guidelines estabelecidas pela Adobe, um mínimo de acessibilidade através da nomeação dos objetos e componentes. No caso de componentes, é uma tarefa razoavelmente fácil, mas em sites complexos torna-se realmente um desafio o emprego destas técnicas. As bibliotecas acima mencionadas realmente são um plus indispensável ao desenvolvedor Flash. O SWFObject é capaz de resolver alguns problemas que antes só eram resolvidos com força bruta, e sem um padrão. Com ela é possível disponiblizar conteúdo não-flash para navegadores ou dispositivos sem o famoso plugin ou suporte a javascript.

Nos nosso projetos, o conteúdo é totalmente separado do design, mas ainda não damos o suporte 100% a outra interface diferente do Flash, mas já existe uma iniciativa para total remodelagem do conceito de desenvolvimento dos nosso sites. Um framework (Gaia Framework) que está ganhando espaço na comunidade, vem sendo analisado para que seja melhorada a nossa metodologia de desenvolvimento bem como a acessiblidade dos nossos sites, com a utilização do design pattern MVC.

A utilização do SWFAddress já foi analisada e homologada por nossa equipe e nas próximas versões de nossos projetos o mesmo já será implantado. Com essa biblioteca iremos melhorar ainda mais o nosso posicionamento em buscadores, pois nosso sitemap poderá conter links diretos para as áreas de nossos sites.

7 – Falando ainda sobre estas bibliotecas, podemos dizer que elas contribuíram ainda para aperfeiçoar os métodos de otimização de sites em Flash para os mecanismos de busca. De que maneira você procura inserir os conceitos de SEO na produção de sites em Flash?

A manutenção é constante nos sites, pois o algoritimo dos mecanismos de busca nunca para de mudar, evoluir. Procuro sempre inserir meta tags bem feitas e seguir alguns manuais que os próprios buscadores disponibilizam. Além disso algumas dicas como links de popularidade e uma boa divulgação online, através de blogs, redes sociais e sites satélites, contribuem para qualquer estratégia de SEO.

Em nosso arquivos Flash, procuro sempre usar textos puros, e uma arquitetura onde seja possível aos buscadores “lerem” este conteúdo em swf. O Google é capaz disto. Você pode colocar seus arquivos swfs em arquivos sitemap, que os mesmos serão indexados, mesmo que os mesmos não possuam marcação html. Títulos relevantes e legíveis são excelentes para que o buscador consiga “saber” do que o arquivo se trata. É um recurso novo do buscador, mas o qual eu utilizo.

As dicas de acessiblidade também se encaixam nesta questão. Quanto mais meta-informação seu site conter, melhor.

8 – Na edição de julho de 2007, quando apresentamos um estudo de caso sobre o site “Pocket Films for Travelers (www.pocketfilmsfortravelers.com), Zeh Fernando (www.zeh.com.br) revelou que o Google Analytics era uma das melhores opções para análise de navegação em sites em Flash (http://code.google.com/p/gaforflash/). Como você acostuma mensurar os dados de navegação em projetos que envolvam o uso do Flash? Quais são os principais desafios quando falamos de métricas de sites em Flash?

Utilizo o GA desde junho de 2007. Naquele ano, ainda não existia esse componente do Google para mensurar os sites em Flash, mas mesmo assim, através de técnicas que o proprio GA ensina em seu site de ajuda, consigo medir praticamente tudo que a ferramenta se propoê a fazer. Desde que você nomeie suas áreas e que você estabeleça os KPI´s, é muito simples mensurar um site desenvolvido em Flash. Tenho todas as análises referentes a visitas ao nosso site  desde 2007, tais como unique visitors, seções mais acessadas, principais páginas de saídas, tempo de permanência no site, conversões através de funil e muito mais… tudo implementado através de uma hierarquia própria de navegação e os eventos que são capturados pelo GA.

Meus sites ainda estão na versão 2.0 da Actionscript e portanto ainda não utilizei o componente gaforflash que é para AS 3.0, mas acredito que hoje não fica devendo muito a esses avanços. Mesmo assim, esse foi mais um mito quebrado pelo próprio Google, ao disponibilizar tal componente, pois muitos diziam que não era possível mensurar os arquivos, e foi importante para a comunidade de desenvolvedores.

Acredito que os maiores desafios quando falamos de métricas web em sites Flash é ainda relacionado com a dificuldade de implantação de técnicas de mensuração, que demanda análise de todo o código e dos eventos mais importantes. O consumo de streaming ainda também é uma incógnita.

9 – Por favor, indicar dois sites que representem bons exemplos no uso combinado do Flash com os preceitos de acessibilidade, de usabilidade e de SEO, justificando sua escolha em três linhas.

Site do Makeup Artist Filippa Smedhagen Sund: http://filippasmedhagensund.com/

Excelente mecanismo de navegação entre as fotografias que proporciona uma experiência inovadora no ano em que foi concebido, carregamento de conteúdo em paralelo, combinado com a utilização da biblioteca SWFAddress para aindexação de conteúdo.

Site da Mercedes AMG Studio: http://www.mercedes-amg.com/

Construído com o Gaia Framework, com ótima acessibilidade, transições entre áreas e um design simples e elegante.Utilza as bibliotecas SWFObject para aparesentar conteúdo alternativo e indexação aliada a SWFAddres.

10 – Quais dicas de leitura você apontaria para o profissional que deseja aprofundar seus conhecimentos sobre estes assuntos (Flash com acessibilidade + usabilidade + SEO)?

Existem muitos blogs que hoje podem ser consideradas as melhores fontes de conhecimento sobre Flash+SEO, tais como: UnderGoogle, SmashingMagazine, The FlashBlog, Google Analitycs Blog, Wa Consulting, mestreSeo, Deconcept, Marketing de Busca, SEOMaster Blog e até mesmo o site da Adobe Live Docs é uma boa fonte.

Recentemente a Adobe lançou o Centro de Tecnologia SEO para Flash no endereço http://www.adobe.com/devnet/seo/ o qual eu também recomendo a leitura.
Na literatura, o assunto SEO ainda é novidade, e com Flash é muito raro mas existe um livro, em inglês que trata especificamente do assunto, o nome é “Search Engine Optimization for Flash: Best practices for using Flash on the web” , disponível na Amazom. Aconselho a quem estiver iniciando no assunto a conhecer o máximo sobre SEO, para depois, saber como, onde e quando aplicar tais conhecimentos em projetos Flash.