otimização de sites

FLASH E A ACESSIBILIDADE

SEO Add comments

Existem inúmeros discursos a respeito da acessibilidade em flash, se é possível ou não na verdade eu não irei entrar nesses detalhes, pois o ideal é usar o flash de forma moderada e dosada.

Atualmente o Google inseriu nos seus bancos a possibilidade de indexar arquivos swf, quando o usuário busca por algum arquivo com terminação .swf ele mostra o resultado da busca, a Adobe tem trabalhado em cima a respeito da acessibilidade do flash, muitos desenvolvedores em flash dizem que tudo depende do desenvolvedor para tornar o site em flash acessível.

Recentemente fui convidado para fazer o site de uma cantora evangélica, e a primeira citação que ela fez foi: “Quero um site bem bonito, bastante cores e o principal, que ele seja todo animado, pois eu já possuo um hot-site que a minha gravadora desenvolveu.”

Ao acessar o Google e buscar pelo nome da cantora levei um susto, não existia nenhuma referência do nome dela, achei estranho pois ela é uma cantora de peso no meio evangélico e possui uma grande gravadora, de curiosidade entrei no site da gravadora e depois de muitos cliques achei a abençoada.

O site 100% em flash com o menu todo em flash, essa foi a resposta do sumiço do nome dela no maior site de busca do mundo. O Google pode até indexar arquivos em swf mais entender o que cada link diz dentro do flash isso é impossível, ou até mesmo os texto que estão dentro do arquivo swf, assim como o JPG o Google não consegue ler o que está escrito no swf, por isso reafirmo, use o flash de forma moderada e dosada.

Uma das alternativas para burlar isso seria escrevendo o texto que está dentro do swf no XHTML, esconder o texto com CSS assim como os links, mais isso não é muito recomendado fazer, pois seria uma técnica SEO BLACK HAT que iremos ver mais a frente.

Existem técnicas para validar o documento que usa flash pela W3C, isso ajuda na acessibilidade de todo documento, mais lembre-se use somente o flash para coisas básicas como topo, banner e esteja ciente que o texto que está no flash seja incluso no seu XHTML.

No caso do seu site for 100% em flash a solução é criar uma segunda versão totalmente em XHTML assim o seu conteúdo será indexado pelo spider.

VALIDANDO O FLASH

Iremos aprender como deixar semântica a nossa página que possui um arquivo swf, quando inserimos um swf na nossa página pelo dreamweaver o nosso código fica totalmente sujo veja o exemplo:

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″ width=”760″ height=”500″>
<param name=”movie” value=”site_edgt_final.swf”>
<param name=quality value=high>
<embed src=”site_edgt_final.swf” quality=high pluginspage=”http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash” width=”760″ height=”500″></embed>
</object>

Esse código <object></object> está sujando o nosso documento e deixando ele inacessível, para solucionar o caso poderíamos fazer os seguintes passos:

1. Baixe o arquivo no endereço: http://www.michelferreira.com/swfobject.js
2. Coloque o arquivo no seu servidor. Insira esse java na sua página:

<script type=”text/javascript” src=”swfobject.js” ></script>

3. Use o seguinte script para chamar o swf:

<script type=”text/javascript”>
// <![CDATA[
var so = new SWFObject(”seguros/swf/banner.swf”, “aqui você coloca o nome da sua div”, “758″, “156″, “8″, “#FFF”);
so.write(”aqui você coloca o nome da sua div “);
// ]]>
</script>

Repare na terceira linha do script que diz var so = new SWFObject é justamente dentro do parênteses que deveremos especificar o nosso SWF, aonde eu coloquei o nome “aqui você coloca o nome da sua div” você deverá colocar o nome da div que chama o flash. Os números 758 e 156 é o tamanho do nosso swf.

Com esse script chamamos o swf através de um código Java o que irá validar a nossa página pela W3C.

*CONTEÚDO RETIRADO DO MANUAL WEBMARKETING, DESENVOLVIDO POR MICHEL FERREIRA
http://www.michelferreira.com/desenvolvimentodesites/web-marketing.htm

Deixe seu comentário

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in