Recebi um e-mail de um visitante, perguntando sobre a otimização de sites em Flash para mecanismos de busca. Basicamente, a pergunta é “Como fazer SEO em um site em Flash?”. Tiziano, Gerente de Marketing da Discabos Dealer, informou que seu site é 100% feito em Flash, inserido em uma página HTML e questionou se haveria alguma tag para ajudar os buscadores a “lerem” o conteúdo do site. Então, vamos às respostas!
O primeiro ponto que eu gostaria de citar é que um site corporativo, ou que seja focado em venda final, não deve ser feito em Flash de maneira integral. Isto é apenas uma opinião (que não tem a ver com SEO), mas extremamente embasada em alguns anos de experiência trabalhando com Internet. Em casos onde o entretenimento é o fator principal, onde o site seja curto (hot-site), ou esteja havendo apenas um lançamento de produto que deva ser impactante visualmente, concordo com sites inteiramente em Flash, mas fora esses casos, acho que o uso total de Flash na construção do site dificulta a navegação e leitura dos usuários, dificulta suas ações dentro do site, pode causar problemas de acesso por incompatibilidade com navegador ou versões anteriores do player, entre outras coisas. O Flash é uma ferramenta importantíssima SIM, mas deve ser bem dosada, integrando-se ao conteúdo em XHTML, destacando porções importantes do site e dando uma movimentação agradável, porém sem “engessar” a experiência do usuário. Essa opinião também não diz respeito a sites 100% Flash mas que são extremamente bem feitos. Existem excelentes profissionais no mercado que sabem como fazer a coisa, outros nem tanto.
Acabado esse blá-blá-blá inicial, vamos a algumas dicas para ajudar sites em Flash a rankearem:
- Muito importante criar títulos de página que sejam descritivos. No caso da Discabos Dealer, poderia inserir no título aquilo que os clientes buscam: “Discabos Dealer: cabos de força, speakers, automoção” (ou o que for mais conveniente);
- As meta tags morreram? Apesar de muitos afirmarem que a participação das meta tags seja quase inexistente nos sistemas de rankeamento atuais, no caso de sites em Flash é importante ter meta tags bem escritas e coerentes;
- Para as dicas anteriores, o ideal seria dividir o arquivo em Flash por página e não fazer um único arquivo, como é o caso do site atual da Discabos. Por que isso? Porque assim se torna possível criar um título específico para cada página e metas também específicas. Cada página deve conter títulos e metas únicos, que realmente façam sentido para aquele conteúdo em particular. Exemplo: na página de “sonorização” o título deve ser algo semelhante a “Sonorização: cabos de força, paralelos cristais, paralelo hi-definition”. Não é necessário repetir o nome da marca em todos os títulos, a menos que seja uma marca muito importante, que as pessoas já façam buscas diretas por ela;
- Se você conseguir fazer páginas individuais, em HTMLs individuais, faça um footer em HTML simples, com os links para cada seção apontando para suas páginas específicas. Inclua também um sitemap;
- Uma dica importante é usar a tag “noembed” para representar o que o Flash está dizendo. Mais uma vez, seria importante que cada página fosse um arquivo de Flash diferente. O “noembed” é um texto que será exibido caso o navegador não consiga mostrar o Flash. No caso dos robôs dos buscadores, eles leriam esse texto dentro do “noembed”. Abaixo, um exemplo de como usar:
<EMBED src="flash.swf" width="145" height="60">
<NOEMBED>
Discabos Dealer: presentes no mercado há 10 anos, a distribuídora de cabos Discabos vende cabos de força, serviços de sonorização e automoção, além de ter os últimos lançamentos em cabos.
</NOEMBED>
</EMBED> - Links, links, links: não podemos esquecer que os links têm muita força. Se você conseguir muitos links apontando para o seu site (de qualidade, claro) com o texto âncora (anchor text) correto, serão grandes as suas chances de bom posicionamento. Na verdade, um site puramente em Flash deve contar (e muito!) com os links. Esteja preparado para investir nisso;
- Criar uma versão em XHTML do site: essa é a dica mais valiosa que eu posso dar. Criar uma versão em XHTML do seu site, mesmo que muito simples, pode te ajudar - e MUITO - a conseguir o ranking esperado. Sites em XHTML podem ser extremamente bonitos e funcionais, vale a pena investir nisso.
Existem sim técnicas mais avançadas como IP cloaking (entre outras), que são mais complexas para serem discutidas no blog mas que podem ser abordadas em forma de consultoria com profissionais SEO (eu, inclusive) :p Pode ser que num futuro próximo eu aborde esse assunto de forma mais detalhada, porque existem sim outras respostas melhores (porém mais avançadas e complexas).
Ótimo texto.
Eu que já sou mais radical daria uma única dica: Em tempos de padrões, não faça seu site em flash
Flash é ótimo … para desenho animado .. risos.
Abraços,
Gustavo Loureiro
É Gustavo, então você teria coragem de fazer um site em html para o Beowulf (http://www.beowulfmovie.com/) e apresentar isso para a Paramount? A exclusão do Flash não é uma possibilidade..
Oi Tahiana,
Não é preciso criar diversas páginas, você pode mudar o título e o conteúdo de uma página via javascript, e pode ainda alimentar o Flash com estes dados vindos do Html, desta forma o Flash trabalha apenas como uma camada de apresentação e indexará tão bem quanto o html.
Olá Erick,
Obrigada pelo comentário! Muito feliz de ter alguém que entende tanto de Flash aqui.
Acho que a opinião do Gustavo foi concordando um pouco com a minha. Em alguns casos é necessário sim o uso do Flash e ele passa a ter MUITO a agregar, como no citado por você. O que acontece também é que esse tipo de site nem sempre precisa de otimização porque está estampado em todos os cartazes, flyers, folders e qualquer merchandising oficial do filme, recebendo acessos diretos por mídia offline. Em pouco tempo passam a existir centenas de links apontando para o site oficial do filme, vindos de sites importantes de cinema e entretenimento, isso faz com que ele fique bem posicionado naturalmente.
Sobre o uso do javascript: como eu falei, existem outras técnicas um pouco mais avançadas de otimização. Em termos de SEO algumas são mais indicadas que as outras por funcionarem melhor e apresentarem resultado prático nos resultados de busca.
Abs.
Erick,
Na MINHA OPINIÃO flash é bom para desenho animado. O site que você mostrou como exemplo poderia sim ser feito em tableless e ainda sobraria tranquilamente espaço para colocar flash onde deve ser colocado.
Se o flash vai ou não ser excluido, isso não cabe a mim e nem a vc e sim as tednências de mercado, certo? O xml já foi prometido como substituto do html e até hoje nada. Python a mesma coisa e linux também .. ou seja … não adianta a gente ficar aqui brigando
Eu amo flash … adoro de montão … usei durante muito tempo e tive uma resistência muito grande para mudar, mas a vida é assim … fazer o que? Respeito seu ponto de vista … se vc gosta … usa o flash
Grande a abraço,
Gustavo Loureiro
Ola como vai, adoramos todas as suas materias tanto que copiamos e farei um apostila para o meu profissional web que quero torna-lo um SEO , mais vamos la, tivemos recentimente 2 profisisonais que abandonaram o barco na sexta dizendo que nao viriam mais na segunda, estou tendo que me virar com as ferramentas que temos, estou falando em meta tags, vendemos um pacote de ações que inglobam . desenvolvimento do site, campanha de email marketing segmentada, hospedagem, e seo, mais beleza, hj percebo em diversos sites nosso, varias variaveis de meta tags, vc teria tempo e mesmo condição de nos ajudar a fazer um gabarito das meta tags minimas que temos que colocar em nossos sites futuros ou mesmo mudar os anteriores, porque não aceitar 100% a ajuda de um aprofissional da area
bem desculpa ai o livro escrito, mais posso tambem se possivel mandar o que fazemos em ações de procedimentos até hoje.
fazemos
1 - o site com css, div, usamos funções li para titulos e pouca imagem possivel
2 - damos nomes exatos as imagens para google imagens
3 - google analytcs para controle de acesso
4 - pouquissimas imagens mais codigos na hora de recortar um psd
5 - pagina mapa do site
6 - divulgamos em sites de busca a existência do mesmo
7 - por fim me desculpando de novo é isso
estamos no caminho o que me diz, aguardo se possivel algum comentario e boas festas
Olá Fabiano!
Obrigada pela visita e vamos lá:
- Formar um profissional SEO é importante para empresas que trabalham com desenvolvimento de site e tem interesse em apresentar comprovação de ROI para os clientes. Além disso, é uma prática que atribui resultados também qualitativos, então não existe contra em trabalhar com SEO. Seria interessante escolher um profissional interno que já tenha perfil de pesquisa, goste de ler bastante, entenda bem em inglês (são poucos blogs nacionais sobre o assunto) e que tenha visão técnica e de marketing estratégico ao mesmo tempo (isso costuma ser raro).
- Gabarito de meta tags: não existe um padrão fixo em termos de conteúdo porque ele precisa ser sempre criado de maneira pertinente para cada página, gerando relevância. Um dos principais objetivos em SEO é trabalhar isso: a consistência entre conteúdo, metas, hierarquia estrutural etc, de forma a gerar relevância. Falei um pouco sobre a construção de meta tags em “títulos e meta tags únicos“. Tentarei fazer um post sobre meta tags em geral, com limites de caracteres e informações básicas de uso. Acho que isso você pode usar como “gabarito” na hora de construir as metas dos seus clientes.
- A construção do site em tableless é importante, porém é a semântica e a correta estruturação hierárquica que vão colaborar mais para o posicionamento. O importante não é somente validar o XHTML, com css, div etc e sim criar uma estrutura lógica daquilo que é mais importante no site.
- Google Analytics: gosto MUITO de trabalhar com ele! Acho muito útil :))
- Página mapa: essencial.
É por aí o caminho. Não sei se é adequado vender pacotes fechados porque para SEO cada caso é um caso e tem muita coisa que pode ser feita, dependendo dos objetivos de cada cliente.
Abraços e boa sorte!
Oii pessoal blz ?
eu fiz esse site somento no Htm.
gostaria de informações e ajuda sobre Flash..
pois nao sei nada =/
gostaria de atualizar meu site..
mas fazendo com que os textos abrissem uns subtextos ,entendem …
quem puder ajudar
fico agradecido..
abraços!!!
Olá Amigo ai de cima, arcanjo né, se quiser conhecer mais sobre flash e já tiver o programa instalado, inscreva-se no imasters que é um site que tem bastante conteudo, eu estou por lá e aprendi muito com os caras lá, além de haver um tanto de cursos por ai, eu fiz curso na Impacta tecnologia em sampa e até hoje não me arrependi do investimento.
Internet pra mim é um grande desafio e estou ainda penando pra aprender um tanto de coisas, sou novo na área mas já sou um apaixonado…
Todo dia tem coisa nova isso é legal, eu gosto um tanto de aprender…
Pro pessoal do blog eu tenho umas perguntas, é possivel eu imprimir no noembed o conteudo de cada pagina que eu tenho no flash, duplicando o arquivo principal mas mudando o noembed para cada pagina html, esconder o menu html com uma div posicionada a margin-top:-100px e com isso conseguir uma melhor indexação?
Outra duvida é o Noembed aceita tags html (tipo links Headers(h1,h2,h3))???
Abraços Marcel
Olá já consegui inserir os links no no embed mas não sei se vai dar certo, gostaria de saber a sua opinião a respeito, eu dupliquei o conteudo do site nos htmls, e coloquei no no embed o conteudo em texto html, será que rola???
Abraços
Marcel