Flash SEO e indexação para projetos Full Flash.
Ao contrário do que muitos pensam projetos Full Flash, na maioria das vezes hotsites, são perfeitamente indexáveis e proporcionam resultados excelentes e se levarmos em conta a experiência que o Flash pode proporcionar podemos dizer que teremos resultados muito melhores que projetos somente em HTML. De qualquer forma ainda vale a máxima de que cada caso precisa ser avaliado à parte.
Ultimamente tenho feito projetos em HTML5 e pesquisado sobre a estruturação semântica que ele possibilita além de também desenvolver projetos utilizando JavaScript / CSS e outros recursos que estamos experimentando aos poucos como por exemplo o acelerômetro e touch de dispositivos mobile afinal, querendo ou não o mercado explodiu nessas áreas e ainda teve uma ajudinha de “gurus” dizendo que projetos em Flash não aparecem nas buscas e da Apple impedindo o plugin por n motivos, mas esse é papo para outro post.
No último sábado tive a oportunidade de presenciar um evento sobre Google Analytics que é uma ótima ferramenta de diagnóstico para fazer as melhorias em SEO e consequentemente atingir melhor nossas estratégias e objetivos. Vim dar uma fuçada no meu blog para testar os aprendizados e vi um post como rascunho pegando poeira e resolvi escrever novamente algo sobre e publicar.
No começo do ano passado ou retrasado – não lembro – fiz alguns experimentos como freela para analisar a capacidade de um projeto Full Flash ser bem indexado. Os resultados que consegui foram muito bons – na verdade os mesmos de um site em HTML bem otimizado – e passei a aplicar no meu trabalho também. Esses resultados positivos fazem toda a diferença na hora de justificar que projetos em Flash podem e devem ser bem indexados como outro site qualquer. Assim, além da experiência que por enquanto só o Flash consegue alcançar teremos a vantagem da indexação … basta que o desenvolvedor estude um pouco, procure se informar melhor e consiga um pouquinho de prazo a mais =).
Abaixo coloquei uma lista com alguns frameworks que tenho conhecimento ou que já vi em algum lugar e que fazem a “mágica” acontecer. Você não depende deles de forma alguma, mas são um ótimo começo pra quem quer aprender do zero o que precisa ser feito.
Essa mágica se resume a utilizar bibliotecas JS (SWFAddress, SWFObject) + HTML para que cada área / seção do projeto possua uma estrutura correspondente completamente indexável por trás do SWF. Quando os buscadores vasculharem o projeto à procura de algo para indexar esta estrutura estará lá e seu projeto será indexado. Seu SWF poderá ser indexado também, mas baseado na minha experiência com os testes que ando fazendo há um bom tempo, os buscadores, ao selecionar um conteúdo para indexar, priorizam o que estiver no HTML (o que faz total sentido).
Imagine o – verdadeiro – Flash SEO como duas camadas:
1 – Uma abaixo que deve ser bem planejada, robusta que conterá todo o conteúdo que precisa ser indexado. Nesta camada aplicaremos o que sabemos de SEO, pesquisando palavras relevantes relacionadas ao seu assunto e que os usuários estão procurando, mantendo uma boa densidade dessas keywords, usar corretamente as tags do HTML como TITLE, H1, H2, STRONG, otimizar tempo de carregamento da página etc etc, você pode encontrar todas essas informações nas Guidelines do Google – e de preferência lá já que é a fonte das informações.
2 – Outra camada acima que será a interface principal, com uma experiência bacana e otimizada e o mais importante: o mais parecida possível com a camada de baixo em termos de conteúdo pois não queremos enganar nosso usuário certo? Este é um ponto importante e que não pode passar batido, você precisa pensar seu conteúdo para o usuário e não para os mecanismos de busca. Não pense que estamos criando apenas uma versão indexável do Flash, mas sim uma versão mais indexável, acessível e portável.
Lembrando que não há necessidade de duplicar conteúdo no HTML e no SWF utilizando XML por exemplo. Você pode mostrar o conteúdo que está no HTML dentro do Flash utilizando jQuery + algum parser simples. O próprio Gaia já possui isso embutido mas se você der uma pesquisada achará vários projetos facilmente. O que precisa ficar claro é que o conteúdo visualizado no Flash precisa ser o mesmo no HTML. Seguindo o conceito já apresentado aqui e Portabilidade de Conteúdo.
Mas isso é cloaking!
Não se preocupe quanto a cloaking, não faz sentido algum sofrer qualquer tipo de punição se o conteúdo replicado é o mesmo tanto no SWF como no HTML com conteúdo fallback. O usuário só tem a ganhar com essa otimização. Se você mostra uma coisa para seu usuário e outra para os buscadores, aí sim meu caro, você pode e merece ser punido =)
E para acabar com a dúvida duma vez eu mesmo confirmei diretamente no fórum de suporte do Google:
Minha pergunta:
A Full Flash hotsite (consider for this question that a Full Flash was the best option for some reason … just a example OK? ) with the SAME essential content (text) duplicated on a HTML DIV behind the Flash DIV (So if the user access the site in something that doesn’t has the plugin he will be able to access the same essential content) will be considered cloaking? A site like this one could be punished in this way?
A resposta:
Hi Paespedro
We have some guidelines for handling Flash content at http://www.google.com/support/webmasters/bin/answer.py?answer=72746In general, having a full-Flash website will make it much harder for us to extract the relevant content from your site properly. Having a HTML fallback version with the same content in it can help to make improve that, and can also help make the content available to users who do not use Flash. That would not be considered cloaking provided that the content is equivalent (and that you’re not serving something different specifically to Googlebot). There are also variations of that theme possible, for example you might be able to create the website using normal HTML, and just use Flash for parts of it, leaving the majority of the textual content and internal links in HTML.Hope it helps!John
A conversa toda sobre a possibilidade de cloaking aqui
Voltando … Segue a lista de Frameworks:
Gaia Flash Framework
Este framework é um dos mais conhecidos e utilizados atualmente porém, mesmo possuindo a funcionalidade de ajudar no SEO para Flash, não vejo muitos que colocam essa funcionalidade do framework em prática, a maioria apenas utiliza para gerenciar as trocas de seções e olhe lá. Outra coisa é que você pode carregar conteúdo diretamente do HTML que contém o Flash eliminando a necessidade de criar duplicatas usando XML por exemplo. Inclusive você pode até mesmo replicar toda a formatação CSS do HTML fallback dentro do Flash usando flash.text.StyleSheet;
Tem boa documentação e uma comunidade bacana que compartilha as dúvidas, experiências, mods etc.
Turtle Bite Fleb Framework
Este framework conheci através do Gaia Flash Framework. Um dos usuários queria um suporte para multi-linguagens descente – coisa que o Gaia não possui, não nativamente pelo menos – e resolveu criar seu próprio framework. Ainda está no começo e acredito que não tenha muita adesão mas me pareceu promissor quando eu criei este post pela primeira vez.
Progression Framework
Este eu não conheço muito bem, cheguei a instalar e fuçar mas foi mto pouco até porque quando fiquei sabendo deste framework ele ainda possuía documentação somente em japonês. Coloquei este mais para ter mais uma possibilidade de estudo para quem tiver interesse … até porque acho que foi descontinuado.
Lembrando que SWFs ainda não são muito bem indexados, aliás acho que é melhor considerá-los não indexáveis mesmo. Mas uma coisa é dizer que SWFs não indexam bem, outra é dizer que projetos em Flash não indexam, o que não é verdade como já vimos aqui.
Ainda assim existem os que apostam na indexação do conteúdo dentro dos SWFs mas eu, particularmente, acho que a solução apresentada aqui é – de longe – a melhor por diversos motivos que vão desde uma maior “facilidade” dos crawlers interpretarem o conteúdo até a maior acessibilidade e portabilidade proporcionada pelo HTML fallback.
___
Você deve estar se peguntando: Mas e o HTML5 ? … Eu tenho certeza que é um dos veículos que nos levará ao futuro da web, não porque podemos fazer o jogo bacana como esse ou um animações como essas em CSS3 + JS mas porque além dessas coisas a principal característica do HTML5 são as novas possibilidades de estruturação semântica. A web está se reestruturando em cima disso e esse será de fato o futuro da nossa área, acredito que as mudanças em termos de SEO também serão muito expressivas.
O fato é que Flash ainda é a melhor opção para algo extremamente interativo, impactante, imersivo etc. Acho que o Flash – bem desenvolvido – é a melhor ferramenta para oferecer a melhor experiência ao usuário de um modo geral.
Somando isso a uma boa estruturação para tornar o conteúdo mais portável (Portabilidade de conteúdo) e consequentemente mais otimizado para as buscas e preparado para receber as estratégias de planejamento e marketing, SEO etc teremos uma das possibilidades de projetos mais completos disponíveis.
Cabe à você, um profissional bem informado, utilizar o bom senso e aplicar cada tecnologia e mesclando-as quando for possível / necessário, focando em seus benefícios para com o usuário e claro, alinhado às estratégias do cliente.
A melhor forma de combater essa especulação toda, em especial relacionada a indexação de projetos em Flash, é pesquisando de diferentes fontes, se informando e provando que existe a maneira correta de fazer, basta aplicá-la.
Convertido em página: Outubro / 2011
Post atualizado com algumas infos – as mais recentes e importantes: Outubro / 2011
Post atualizado com novas infos: Agosto / 2011
Post atualizado com novas infos: Abril / 2011
Post atualizado com novas infos: Fevereiro / 2011
Postado em Outubro / 2010