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: , , , , , , , , , , , ,

Editores HTML – Qual usar?

Por Rogério Alencar Lino Filho | 5 de julho de 2006 | 0 Comment

Uma coisa muito discutida por quem trabalha com Web é qual editor usar. Mas antes de ficar testando editor por editor a procura de um que mais lhe agrade é bom procurar saber mesmo o que você espera que um bom editor tenha. O primeiro editor de HTML que usei foi o Dreamweaver na época [...]

Tags: , , , , , , ,

XHTML – O que é?

Por Rogério Alencar Lino Filho | 3 de julho de 2006 | 1 Comentário

XHTML (Extensible Hypertext Markup Language) é uma linguagem de marcação baseada em XML escrita para substituir o HTML. No XML podemos criar nossas próprias tags, e o XHTML já vem com as tags pré-definidas baseadas nas tags já conhecidas do HTML. Utilizando as regras do XML. Já que o XHTML usa as tags do HTML [...]

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

Tags – O que são?

Por Rogério Alencar Lino Filho | 30 de junho de 2006 | 1 Comentário

São as estruturas que formam o HTML, podem conter atributos ou não. Uma tag é constituída por um sinal de “<” no começo seguido de seu nome mais o sinal de “>”. Os atributos da tag são especificados dentro dela. exemplo: <hr align=”center” width=”50%”> resultado: note que todos os valores dos atributos estão entre “”, [...]

Tags: , , , , , , , ,

HTML – O que é?

Por Rogério Alencar Lino Filho | | 0 Comment

HTML (Hyper Text Markup Language) é uma linguagem interpretada por browsers (navegadores) para exibir textos e gráficos pela Web; Formado, estruturado, por Tag’s. Para desenvolver uma página HTML não é necessário mais do que um simples Bloco de Notas, desde que salve como a extensão .html. Exemplo de página HTML: <html> <head> <title>Minha Home Pag</title> [...]

Tags: , , , , ,