Rogério Lino

Flash: SWFAddress + ReWrite = SEO

Por Rogério Alencar Lino Filho | 1 de abril de 2010 | 1 Comentário

SWFAddress é uma pequena mas poderosa biblioteca que provê deep linking para Flash e Ajax. É uma ferramenta de desenvolvimento, permitindo a criação de URLs unicas e virtuais que podem apontar para uma seção do site ou aplicação. SWFAddress habilita algumas de importantes capacidades que faltam hoje em dia nas tecnologias RIA, incluindo:

  • Adicionar ao Favoritos de um navegador ou site social
  • Enviar links via email ou mensageiros instantâneos
  • Procurar por um conteúdo específico através dos sites de buscas
  • Utilizar o histórico do navegador e o botão de recarregar

O Flash está para o SEO assim como o Coringa está para o Batman. Mas nem tudo está perdido quando se trata de otimizar a indexação do site em SWF nos mecanismos de busca. Com SWFAddress você pode interagir com a página via javascript alterando a URL e o próprio conteúdo do filme, possibilidade do o uso dos botões voltar e avançar do browser, adicionar ao Favoritos e alterar a animação do seu filme de acordo com a URL que está sendo requisitada.

Caso sua página seja acessada através da URL http://siteemflash.com/#contato, você poderá pular na timeline indo direto para o frame do contato. Para evitar o reload da página toda interação é feita através de âncoras html (#). E as alterações da URL utilizando âncoras são desprezadas pelos buscadores, uma vez que a âncora só serve para movimentar o foco na mesma página, logo o seu conteúdo permanece inalterado.

É aí que entra o módulo ReWrite do Apache, com o mod_rewrite podemos escrever condições para tratar as requisições, redirecionando-as ou não. Então voltando ao exemplo anterior, teríamos uma condição que quando for requisitada a página http://siteemflash.com/contato (ou qualquer outra URL) redireciona para a página inicial (index) adicionando a âncora para contato (#contato) e imprime na página o conteúdo referente à mesma. Esse conteúdo impresso não será visível, apenas para indexação. O sitemap ou a estrutura básica do site, também deve estar contido no bloco de código html invisível, juntamente com todas outras informações relevantes.

Resumindo, você acaba tendo um trabalho dobrado ao desenvolver o site, mas evita transtornos de indexação. É muito útil para quem não abre mão do site feito com o uso da ferramenta da Adobe.

No próprio site da Asual tem um exemplo de uso do SWFAddress para SEO (o exemplo pode ser baixado pelo site). Abaixo segue alguns sites que fizeram uso da biblioteca, no qual o primeiro eu participei do desenvolvimento:

Tags: , , , , , , , , , , , ,

Twitter: Resumo #1

Por Rogério Alencar Lino Filho | 5 de março de 2010 | 0 Comment

IE6 Funeral The Computer Language Benchmarks Game Java Performance comparisons Ubuntu cada vez mais Mac Password Chart: bom para os gestores de redes Empresa aérea bane Flash de seu site Twitter Drops MySQL For Cassandra PS3 Bug Mercado de games sofre com falta de mão de obra Nova hierarquia para certificações Java Gostou dos links? [...]

Tags: , , , , , , , , , , , , , , , ,

Flash: Game Tutorials

Por Rogério Alencar Lino Filho | 23 de agosto de 2007 | 4 Comentários

Uma coisa que facina a mim e acredito que a muitos outros usuários do Flash é a posibilidade de desenvolver jogos bastante interativos com uma certa facilidade. Então como conhecimento em excesso nunca é o bastante, segue alguns links de Tutoriais sobre criação de jogos (variados) em Flash, e links de experimentos interessantes. OutsideOfSociety (Tutoriais [...]

Tags: , , , , ,

Wiki FlashMasters

Por Rogério Alencar Lino Filho | 9 de abril de 2007 | 1 Comentário

Já tem algum tempo que está no ar a Wikipedia FlashMasters mas estava esperando juntar mais um pouco de conteúdo antes de divulgá-la aqui. Lá você poderá tirar sua dúvida sobre algum comando ActionScript por exemplo, ou até mesmo deixar sua contribuíção. Assim como eu em Operadores, que também postei aqui no blog. A intenção [...]

Tags: , , , , , , ,

ActionScript: Operadores

Por Rogério Alencar Lino Filho | 24 de março de 2007 | 4 Comentários

Operadores são caracteres que servem para especificar como combinar, comparar ou modificar os valores de um expressão. Operadores Mais Utilizados: + (adição) Adiciona um número, variável numérica, à expressão ou concatena (une) Strings. Ex.: var n:Number = A + 10; var s:String = “Foo” + “bar”; += (atribuição) Atribui à expressão1 o valor da expressão1 [...]

Tags: , , , , , , ,

Flash: Resize Proporcional

Por Rogério Alencar Lino Filho | 6 de março de 2007 | 17 Comentários

Acabei de responder no forum da FlashMasters um tópico que se tratava sobre a seguinte dúvida: O membro queria saber alguma função que redimensiona-se um determinado objeto mas mantendo a sua proporção. Por exemplo um MovieClip de tamanho 400×200 se eu aumentar a largura em 100 tenho que aumentar a altura em 50. Isso devido [...]

Tags: , , , , , , , , , ,

Flash: Resume Texto (substring e indexOf)

Por Rogério Alencar Lino Filho | 23 de fevereiro de 2007 | 5 Comentários

Esses dias no Forum FlashMasters um amigo meu deixou a seguinte dúvida: Ele queria saber como fazer uma função para resumir um texto (uma String) por palavras. E não por caracteres. O que poderia ser feito apenas usando uma função substring() do próprio Flash. Então fiz uma bem simples depois dei uma implementada nela (utilizando [...]

Tags: , , , , , , ,

Flash e CSS: Banner Flutuante

Por Rogério Alencar Lino Filho | 4 de fevereiro de 2007 | 35 Comentários

Muitos sites, portais, adotaram o banner flutuante, aquele no qual ao você passar o mouse por cima ele “cresce” pela página e mostra os detalhes da propaganda, promoções, etc. A idéia então consiste em posicionar o filme por cima dos outros elementos e ele tem que ter o fundo transparente para não “tampar” o conteúdo. [...]

Tags: , , , , , , , ,

Flash: SWF com Fundo transparente

Por Rogério Alencar Lino Filho | | 41 Comentários

Mesmo sendo fácil ainda há gente que não conhece. Através de um parâmetro (<param>) dentro da tag object podemos especificar se o arquivo terá o fundo transparente. <param name=”wmode” value=”transparent” /> Para muitos que aindam usam a tag embed para funcionar em todos os browsers tem que colocar o atributo wmode nela também: <embed wmode=”transparent” [...]

Tags: , , , , , ,

Flash: Tag Object

Por Rogério Alencar Lino Filho | 1 de fevereiro de 2007 | 4 Comentários

Depois do swf gerado é hora de colocá-lo no HTML. No próprio Flash ao apertar o F12 ele publica o filme e já cria um HTML. Tudo muito bom, se não fosse pelo código gerado, muito sujo e não é validado pela W3C. O código gerado é igual a este: <object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0″ width=”550″ height=”400″ [...]

Tags: , , , ,
Older Posts »