ir para conteúdo

Otimização de website usando imagens, Flash e JavaScript


Como foi mencionado, os sistemas de busca ou softwares de pesquisa não possuem uma maneira de compreender diretamente o que existe em uma imagem ou artifícios extras como sons, animações em Flash, arquivos multimídia, aplicativos em JavaScript...
Ao invés disto, os Sistemas de Busca contam com sua colaboração para fornecer a descrição textual e significativa sobre o objeto que está sendo exibido dentro do código-fonte, e baseado nestas informações é possível realizar a indexação destes arquivos.

No sentido correto, a situação pode ser contornada fornecendo uma descrição alternativa em texto nas metatags para que os sistemas de busca possam obter esta descrição textual e utilizá-la para composição do índice da página e processar corretamente a informação.
Com os avanços da tecnologia talvez em breve seja possível para os sistemas de busca compreenderem o conteúdo das  imagens, animações, vídeos e etc. para realizarem a indexação; mas por enquanto isto é apenas um sonho. 

A Otimização de sites faz com que o uso de recursos dinâmicos, animações e apresentação multimídia estejam de acordo com determinados padrões técnicos para que o conteúdo existente em uma página da web possa ser reconhecido pelos Sistemas de Pesquisa ou Buscadores.

1. Imagens

IImagens são parte essencial de qualquer página da Web, e sob o ponto de vista do designer elas não são artifícios extras e sim um item bem definido para cada tipo de web site. No entanto, designers e sistemas de busca estão entre dois pólos porque para os sistemas de Busca a informação visual que está inserida graficamente em uma imagem está perdida, não existe, ou seja, não pode ser compreendida pelos robots; softwares de Pesquisa que estão mapeamento e indexando informações.

Quando trabalhar com designers que não estão a par de assuntos sobre como trabalhar com otimização de sites convém tentar explicar que tendo links em formato texto (com texto de âncora adequado) ao invés de imagens ou animações não é um capricho e sim uma maneira de melhorar a navegação nos sistemas de busca, onde o fator texto é realmente de importância fundamental. Pode ser algo difícil encontrar o equilíbrio correto entre desempenho artístico e compatibilidade com a Otimização do site (SEO) mas é algo que não pode ser evitado desde que mesmo o "melhor site" pode ficar perdido no ciberespaço se não puder ser achado pelos Buscadores e Sistemas de Busca, deve-se tentar encontrar um meio termo entre a aparência visual e o desempenho esperado na otimização do site.

Com tudo o que foi dito, a idéia não é extinguir absolutamente as imagens. Seguramente, hoje em dia isto é seria praticamente impossível porque o resultado seria um site com uma aparência rude ou mesmo feia e grosseira. Antes, a idéia é que as imagens devem ser usadas para ilustração e decoração, não para navegação ou algo bem pior - como exibir textos (numa fonte extravagante, por exemplo). E o mais importante, sempre forneça uma descrição de texto significativa sobre o conteúdo da imagem nas etiquetas <alt> dos atributos de imagens <img> ou objetos . As especificações de HTML não exigem este artifício, mas os sistemas de busca utilizam este recurso para identificação da informação.

Outro fator também importante que deve ser levado em conta durante a otimização de sites é a possibilidade de nomear os arquivos de imagens de maneira significativa ao invés de nomes como imagem.jpg imagem2.jpg, imagem1.jpg.
Neste exemplo, o nome do arquivo da imagem tem um nome informativo e a etiqueta <alt> fornece informações adicionais suficientes:
<img src="primeiro_mes_Silva.jpg" alt="A foto do Silva com apenas um mes de idade">. Também não é necessário chegar ao extremo de escrever 20 palavras ou mais nas etiquetas <alt>. Em uma etiqueta para imagens com 1 pixel de tamanho pode dar a impressão que se trata na realidade um "recheio" de palavras-chave.

Acessibilidade na Web também tem muito a ver com Otimização de Sites. Veja o artigo sobre Introdução a Acessibilidade na Web e tente perceber de que forma os padrões de acessibilidade podem ajudar na Otimização de sites. 

2. Animações e vídeos

A situação com animações e vídeos é semelhantes ao que ocorre com as imagens - são valiosos do ponto de vista do designer e apresentação da identidade visual mas não são bem visto, ou mesmo compreendidos pelos Softwares de Sistema de Busca. Por exemplo, pode ser bonito e impressionante ter uma apresentação multimidia na página inicial, mas as desvantagens que acarreta em relação aos Sistemas de Busca é imensa - este tipo de recurso quando não utilizado corretamente se torna o assassino número um em pontuação de um site! Sob este ponto de vista, a questão tende a piorar caso seja usado um arquivo em Flash ou Javascript para descrever uma história que poderia ser escrita em texto simples e facilmente indexada pelos sistemas de busca.
Uma maneira de colaborar na otimização do site e contornar este problema é fornecer aos sistemas de busca uma versão em HTML do arquivo em Flash, mas assegure-se de o arquivo original em Flash seja excluído da indexação (isto pode ser feito no arquivo robots.txt, mas uma explanação sobre este assunto não é propriamente um tema para iniciantes, e por esta razão não seria oportuno comentários neste momento) de outra forma você pode ser penalizado pela existência de conteúdo em duplicidade.

Existem rumores que o Google esta trabalhando em uma nova tecnologia de Busca que permitirá procurar dentro de animações e arquivos de vídeo. Os arquivos .swf (formato final de arquivos gerados com o programa Flash, para animações por exemplo) conterá novo metadata que poderá ser usado pelos Buscadores, mas até que isto se torne realidade seria melhor abster-se de usar arquivos em Flash (em demasia) ou ao menos utilizar esta tecnologia corretamente visando também a otimização do site,  fornecendo uma descrição textual do vídeo ou Flash usando uma etiqueta <alt> com uma breve descrição do conteúdo.

Veja mais em Flash Imagens e Javascript, Tutorial que está sendo criado com várias dicas sobre a tecnologia Flash.

3. Frames ou molduras

É uma boa notícia saber que o uso deste artifício está desaparecendo lentamente da Web. A 5 ou 10 anos eles eram quase que um fator absoluto para webmaster e designers - talvez pela impressão que causa ao visitante porque pode dar a impressão de que as páginas do site carregarem mais rapidamente - mas nunca para os sistemas de busca. Os Robots de Busca (crawler´s) encontram dificuldades em mapear e indexar páginas que usam frames porque a URL da página é a mesma e não existem referencias sobre qual das armações separadas estão abertas. Para os sistemas de busca isto é o mesmo que um choque porque existem 3 ou 4 páginas e apenas uma URL, sendo que deveria ser 1 URL para 1 página. Naturalmente, os sistemas de busca podem seguir os links das páginas no frameset e índice do site, porém isto costuma ser visto mais como um obstáculo para o bom desempenho dos robots.

Caso você ainda insista em usar molduras (frames) ao fazer a otimização do website asseguram-se de fornecer uma descrição significativa do site na etiqueta <noframes>. O seguinte exemplo não é para novatos mas pode ser facilmente entendido como princípio. Lembra-se de que a etiqueta <noframes> deve ser o lugar para fornecer uma versão alternativa (ou ao menos uma descrição curta) de seu site ou página para a correta leitura dos sistemas de busca e visitantes cujos browser´s não dão suporte a frames. Sobre a etiqueta <noframes>, talvez você queira aprender um pouco mais sobre o assunto antes de começar a usar.

Como exemplo:
<noframes> <p> Este site é melhor visualizado em browser que suporta molduras. </p><p> Visite nosso site e saiba mais sobre a possibilidade de adotar um cão! Adotar um cão desabrigado é um ato nobre e de bondade que alegrará a sua vida e mais um cão terá um dono. </p></noframes>

4. JavaScript

Esta é uma outra batata quente. É sabido que a codificação HTML pura é impotente para fazer sites com um pouco mais de complidade ou com muitas funcionalidades (de qualquer forma, HTML não foi criado para ser uma linguagem de programação para construir aplicações na Web, desta maneira não é de se esperar que utilizando apenas HTML poderemos manipular scripts em um banco de dados ou mesmo armazenar informação durante sessões) como é necessário e requerido atualmente para administrar usuários da Web por exemplo; e essa é a razão pela qual outras linguagens de programação (como JavaScript ou PHP) podem acrescentar valor ao HTML. Durante a otimização de sites devemos levar em contat que atualmente os sistemas de busca apenas ignoram os arquivos em JavaScript encontrados em uma página. Em conseqüência disto, primeiro: caso tenha links que estão dentro do código de JavaScript esta se arriscando que não sejam indexados. Segundo: caso o JavaScript esteja dentro do HTML da página (ao invés de um arquivo externo .js que é chamado quando necessário) será tratado pelos sistemas de busca como uma falha ou interferência na comunicação com o conteúdo do arquivo em html e provavelmente os robots talvez pulem esta parte, movendo-se para a  próxima página ou site. Voltamos a lembrar da existência da etiqueta <noscript> que permite fornecer alternativas descritivas para o script no browser.