<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>flashcafe.com.br &#187; SEO</title>
	<atom:link href="http://www.flashcafe.com.br/tag/seo/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.flashcafe.com.br</link>
	<description>Tecnologia e Pop Culture</description>
	<lastBuildDate>Tue, 10 Jan 2012 13:16:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Extensões de SEO para Chrome Versus Plugins de Firefox</title>
		<link>http://www.flashcafe.com.br/2011/01/extensoes-de-seo-para-chrome-versus-plugins-de-firefox/</link>
		<comments>http://www.flashcafe.com.br/2011/01/extensoes-de-seo-para-chrome-versus-plugins-de-firefox/#comments</comments>
		<pubDate>Mon, 24 Jan 2011 12:37:16 +0000</pubDate>
		<dc:creator>fabiano</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[Marketing Digital]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tecnologia]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[plugins]]></category>

		<guid isPermaLink="false">http://www.flashcafe.com.br/?p=55</guid>
		<description><![CDATA[Veja um comparativo entre os 2 navegadores]]></description>
			<content:encoded><![CDATA[<p>Na semana anterior eu passei por alguns problemas com o Firefox e  resolvi dar uma chance ao Chrome como navegador oficial do meu uso  diário. Uma das principais razões pelas quais eu nunca dei muita atenção  ao Chrome, ou qualquer outro navegador em preferência ao Firefox, é que  o meu Firefox está repleto de <a href="http://www.mestreseo.com.br/seo/analise-seo-top-8-plugins-seo-firefox" target="_blank">plugins de SEO</a> e, ainda, eu modifico algumas configurações para melhorar a resposta do browser (você pode ver o quê no artigo <a href="http://www.frankmarcel.com/informacao/dicas-para-firefox" target="_blank">Dicas para Firefox</a> no meu site).</p>
<p>Contudo, frente aos problemas que estava tendo com a raposa, resolvi  trocar de navegador, mas para isso precisava encontrar boas opções de  extensões de SEO para o Chrome, para não perder a produtividade e  continuar com as funcionalidades extras que tinha no Firefox, que eu  listo logo a seguir.</p>
<h2>Plugins de SEO para o Firefox</h2>
<p>Antes de partir para as extensões para o Chrome que eu instalei por  aqui, vou apresentar os plugins que mais estive usando recentemente no  Firefox, pois eram as funcionalidades que o Chrome precisaria suprir.</p>
<h3>Google Toolbar</h3>
<p><img title="Google Toolbar" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/google-toolbar.png" alt="Google Toolbar" width="395" height="153" /></p>
<p>A <a href="http://toolbar.google.com/" target="_blank">Google Toolbar</a> é interessante para acessar as ferramentas do Google (Gmail, Analytics,  Reader, etc), além de ter os favoritos via Google Bookmarks. Também é  interessante por mostrar o PageRank, mas eu o acompanhava em outros  plugins.</p>
<h3>SEOBook Toolbar</h3>
<p><img title="SEOBook Toolbar" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/seobook-toolbar.jpg" alt="SEOBook Toolbar" width="710" height="62" /></p>
<p>A <a href="http://tools.seobook.com/seo-toolbar/" target="_blank">Toolbar de SEO do SEOBook</a> tem uma gama bem grande de funcionalidades:</p>
<ul>
<li>Resumo do site com links de entrada, páginas indexadas, data de cache, data de criação, menções no Twitter e outros;</li>
<li>Além de exibir o PageRank, tem opções para exibir Cache e Cache em Texto da página no Google</li>
<li>Opção para verificação no Whois;</li>
<li>Opção para troca de User-agent, que eu não usava muito, mas é uma função interessante;</li>
<li>Verificação de Headers (200, 404, 301, …), que servia para complementar o teste que eu geralmente faço na HTTP Header Checker;</li>
<li>Verificação de rankings de várias keywords para um site via Rank Checker</li>
</ul>
<p>Ela também tem uma funcionalidade interessante de comparar sites  sobre diversas métricas, mas que eu não estava utilizando muito nestes  últimos tempos, pois passei a olhar mais para as métricas do SEOmoz.<span id="more-55"></span></p>
<h3>WebDeveloper Toolbar para Firefox</h3>
<p><img title="WebDeveloper no Firefox" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/webdeveloper-firefox.jpg" alt="WebDeveloper no Firefox" width="710" height="62" /></p>
<p>O interessante na <a href="https://addons.mozilla.org/pt-BR/firefox/addon/60/" target="_blank">WebDeveloper</a> é que ela se define muito bem. Tem muitas funcionalidades úteis  realmente: bloquear imagens, javascript, css, cookies, ver meta tags,  heading tags, redimensiona janela do navegador (640×480, 800×600, etc),  uma opção “Linearize Page” que permite ver a ordem dos elementos/ordem  de conteúdo na página – excelente.</p>
<p>Todas funções que ajudam a analisar uma página em diversos aspectos  diferentes. E este é apenas um pequeno conjunto das opções na  WebDeveloper. Ela é uma toolbar muito rica.</p>
<h3>Firebug Plugin</h3>
<p><img title="Firebug no Firefox" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/firebug-firefox1.jpg" alt="Firebug no Firefox" width="700" height="208" /></p>
<p>Este plugin também dispensa comentários. Poder editar o código HTML e  CSS da página e já ver os resultados é sencional. Permite selecionar  elementos, conferir tempo de carregamento da página e algumas outras  opções. O <a href="https://addons.mozilla.org/pt-BR/firefox/addon/1843/" target="_blank">Firebug</a> já me ajudou até a corrigir páginas que estava visitando e que  dificultavam a navegação de alguma maneira, como por exemplo, layers  sobrepondo conteúdo.</p>
<p>Outro detalhe legal é que este plugin possui diversos complementos que o tornam ainda mais poderoso.</p>
<h3>Search Status Toolbar</h3>
<p><img title="Search status" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/search-status.jpg" alt="Search status" width="485" height="367" /></p>
<p>As principais funcionalidades da <a href="https://addons.mozilla.org/pt-BR/firefox/addon/321/" target="_blank">Search Status</a> para mim são:</p>
<ul>
<li>Exibir PageRank e mozRank modo texto (não em barras coloridas)</li>
<li>Destacar links com nofollow</li>
<li>Mostrar meta tags (com contagem de caracteres inclusive)</li>
<li>Quantidade de links e tipos de links na página</li>
</ul>
<p>Mas ela também trata outros tipos de informações, como mostrar  sitemap.xml, robots.txt, densidade de keywords, que são úteis algumas  vezes.</p>
<h3>ScreenGrab!</h3>
<p><img title="Screengrab!" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/screengrab.jpg" alt="Screengrab!" width="323" height="119" /></p>
<p>Por último, e não menos importante, o <a href="https://addons.mozilla.org/pt-BR/firefox/addon/1146/" target="_blank">ScreenGrab</a> é um plugin extremamente simples e útil: permite que seja salva (ou  copia na memória do sistema, um ctrl+c) uma imagem da página que se está  visualizando, sendo:</p>
<ul>
<li>A página em toda sua extensão; ou</li>
<li>A porção que está sendo exibida no browser; ou</li>
<li>Uma área selecionada com o mouse</li>
</ul>
<h3>Extra!</h3>
<p>Existe um plugin interessante para se usar junto ao Google Analytics,  mas que não funciona no Firefox 3.6 – é o Enhanced Google Analytics. Eu  escrevi sobre o plugin e sobre como ele é útil no artigo <a href="http://www.mestreseo.com.br/artigos-premium/como-investir-em-long-tail-keywords" target="_blank">Como Investir em Long Tails</a> (para assinantes).</p>
<h2>Extensões de SEO para o Chrome</h2>
<p>Uma vez que já é de longa data a produção por terceiros de extensões  para o Chrome, imaginei que conseguiria encontrar os plugins de Firefox  para o Chrome ou, pelo menos, versões muito similares para cumprir as  funcionalidades que eu tinha com o Firefox. Fui então para o <a href="https://chrome.google.com/extensions?hl=pt-BR" target="_blank">repositório de extensões do Chrome</a> iniciar a busca e encontrei bons resultados.</p>
<h3>mozBar – A Toobar de SEO do SEOmoz</h3>
<p><img title="Chrome mozBar" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/mozbar-chrome.jpg" alt="Chrome mozBar" width="700" height="159" /></p>
<p>Na verdade eu já estava utilizando a <a href="https://chrome.google.com/extensions/detail/eakacpaijcpapndcfffdgphdiccmpknp?hl=pt-br" target="_blank">mozBar no Chrome</a> antes mesmo de decidir migrar para o browser. Quando o SEOmoz lançou  essa toolbar, eu decidi instalar para conhecê-la e, no fim, ela acabou  sendo muito útil, pois oferece diversas das funcionalidades que eu tinha  espalhadas em outras tools:</p>
<ul>
<li>Mostra relevância da página com Domain Authority, Page Authority,  quantidade de backlinks e mozRank (e outras informações quando se é  assinante PRO do SEOmoz);</li>
<li>Tem a funcionalidade de SERP overlay, que é mostrar todas essas  informações sobre os resultados de uma busca diretamente na página de  resultados;</li>
<li>Links para todas ferramentas do SEOmoz e ainda para Google Trends, busca com o comando site: e DomainTools;</li>
<li>Informa título, meta tags, heading tags (h1 e h2), meta robots, URL  canônica, link para cache no Google, tipos de links e suas quantidades  na página – no botão Analyze;</li>
<li>Destaca links nofollow</li>
</ul>
<p><img title="SERP Overlay com a mozBar" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/serp-overlay-mozbar.png" alt="SERP Overlay com a mozBar" width="700" height="305" /></p>
<p>Nessa leva de funcionalidades da extensão mozBar, a Search Status e a  SEObook toolbar foram cobertas em vários pontos e com a adição de  outras opções.</p>
<h3>WebDeveloper Toolbar</h3>
<p><img title="WebDeveloper no Chrome" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/webdeveloper-chrome.png" alt="WebDeveloper no Chrome" width="700" height="55" /></p>
<p>As funcionalidades da <a href="https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=pt-br" target="_blank">WebDeveloper</a> estão todas presentes no Chrome, pois existe a versão para o browser,  assim, tudo que existe na toolbar para o Firefox, também está nesta  extensão para o Chrome. Inclusive, isso dispensa até outros  complementos.</p>
<h3>Ferramentas do desenvolvedor (Firebug)</h3>
<p><img title="Console - Ferramenta do desenvolvedor - Chrome" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/chrome-ferramentas-do-desenvolvedor-console.jpg" alt="Console - Ferramenta do desenvolvedor - Chrome" width="700" height="272" /></p>
<p>Neste ponto eu fiquei na dúvida se é uma extensão ou não. Tenho quase  certeza que é um recurso nativo do Chrome: Ferramentas do  desenvolvedor:</p>
<p><img title="Chrome - Ferramenta do desenvolvedor" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/chrome-ferramentas-do-desenvolvedor.jpg" alt="Chrome - Ferramenta do desenvolvedor" width="513" height="280" /></p>
<p>Este recurso simplesmente é o Firebug. Aliás, pelo que pude ver, é  ainda mais que o Firebug, pois possui opções a mais, que talvez sejam  supridas pelos complementos de Firebug. Sendo assim, considero este, o  mesmo caso da WebDeveloper – Esta funcionalidade do Chrome substituiu  por completo o plugin do Firefox.</p>
<h3>Webpage Screenshot</h3>
<p><img title="Webpage Screenshot" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/webpage-screenshot.jpg" alt="Webpage Screenshot" width="425" height="280" /></p>
<p>Aqui sim uma troca para, definitivamente, melhor, ou no mínimo mais prática: A extensão <a href="https://chrome.google.com/extensions/detail/ckibcdccnfeookdmbahgiakhnjcddpki?hl=pt-br" target="_blank">Webpage Screenshot</a>,  que utilizei para substituir o plugin Screengrab do Firefox, além de  permitir tirar screenshots de tela inteira ou toda página, leva a imagem  escolhida para uma nova aba no Chrome e já apresenta opções de edição  como cortar e adicionar elementos (textos, setas, círculos e outros).</p>
<p>Como normalmente a intenção ao tirar um screenshot de uma página é  justamente marcar um detalhe e fazer um comentário, esta extensão fica  bem completa, ao menos para mim.</p>
<h3>SEO SERP</h3>
<p>A extensão de SEO mais difícil de se substituir foi a Rank Checker da  Toolbar de SEO do SEOBook. Com a Rank Checker, é possível escolher um  ou mais sites, uma ou mais keywords e testar todos os rankings no  Google, Yahoo e Bing. O problema aqui é que o Chrome é o browser do  Google e o Google é contra este tipo de automatização de consultas e  verificação de rankings, conforme indicado em suas <a href="http://www.google.com/support/webmasters/bin/answer.py?hl=br&amp;answer=35769#3" target="_blank">diretrizes de qualidade para webmasters</a>:</p>
<blockquote><p>Não use programas não-autorizados para enviar páginas,  verificar classificações etc. Esses programas consomem recursos de  computação e violam os nossos <a href="http://www.google.com.br/accounts/TOS">Termos de Serviço</a> O Google não recomenda a utilização de produtos como WebPosition Gold™,  que enviam consultas automáticas ou programadas ao Google.</p></blockquote>
<p>Considerando este ponto, imagino que não exista realmente uma  extensão deste tipo no Chrome, a qual teste os rankings de múltiplas  keywords para um ou mais sites rapidamente. Contudo, nem tudo foi  perdido: a extensão <a href="https://chrome.google.com/extensions/detail/ofoaoaloeipdofknnaapbmdddddioklg?hl=pt-br" target="_blank">SEO SERP</a> oferece uma boa ajuda neste trabalho:</p>
<p><img title="Chrome SEO SERP" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/seo-serp-chrome.jpg" alt="Chrome SEO SERP" width="440" height="399" /></p>
<p>Infelizmente ela não permite que sejam testadas várias keywords ao  mesmo tempo, mas, por outro lado, permite que sejam testados vários  sites ao mesmo tempo. Portanto, para testar várias keywords, será  necessário entrar uma a uma. Já para verificação de vários sites em uma  keyword, isso sim sai como resultado direto da extensão. O que já é  bastante útil, mas a Rank Checker é melhor, pois é mais funcional.</p>
<p>Outro detalhe adicional é que esta extensão também exibe posicionamento no AdWords, quando este existe.</p>
<h3>Extra! Page Monitor</h3>
<p>Ao longo das imagens mostrando as extensões, uma extensão diferente esteve sempre ali, ao lado da extensão mozBar: é a <a href="https://chrome.google.com/extensions/detail/pemhgklkefakciniebenbfclihhmmfcd?hl=pt-br" target="_blank">Page Monitor</a>.  Esta também é uma extensão que eu já tinha instalada no Chrome antes  mesmo dessa mudança de browsers. Como o nome diz, ela monitora uma  página e notifica alterações que aconteça nela.</p>
<p><img title="Page Monitor" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/page-monitor-chrome.jpg" alt="Page Monitor" width="666" height="148" /></p>
<p>Simples, porém genial:</p>
<ul>
<li>Quer acompanhar mudanças em páginas de concorrentes?</li>
<li>Quer acompanhar mudanças nas páginas do seu site?</li>
<li>Quer acompanhar mudanças em resultados de busca?</li>
<li>Quer acompanhar mudanças em fontes de links?</li>
</ul>
<p>A extensão Page Monitor permite tudo isso e com alguns refinamentos,  como a frequência de verificação ou o quê exatamente na página deve ser  acompanhado. Recomendo.</p>
<h2>Conclusões – Chrome vs. Firefox</h2>
<p>Na batalha dos browsers para SEO, Chrome versus Firefox, estou muito  satisfeito com o Chrome. Realmente, em termos de plugins e extensões de  SEO, eles tem um empate técnico. A diferença, para mim, ficou mesmo no  desempenho: até agora, o Chrome não apresentou os problemas que eu vinha  tendo com o Firefox, por outro lado, o Chrome ainda está longe do  stress-test que o Firefox passou até a minha decisão de testar o Chrome.  Mais algumas semanas e o veridicto poderá ser conferido (ou deferido).</p>
<h3>Sugestões!</h3>
<p>Bom, este é o conjunto de plugins e extensões de SEO que uso no  Firefox e Chrome, respectivamente. Não conhecia algum deles? Achou útil?  Tem outras recomendações? Não deixe de me mandar, adoraria testar  outras funcionalidades nos meus navegadores. Enquanto isso…</p>
<h3>Extra!</h3>
<p>Você sabia que Firefox, apesar do nome, não é uma raposa (fox)? Na  verdade, embora o logo do browser seja uma raposa estilizada, firefox é  utilizado para nomear um urso panda vermelho! (Fontes:<a href="http://creativebits.org/firefox/firefox_is_not_a_fox" target="_blank">[1]</a>, <a href="http://en.wikipedia.org/wiki/History_of_Mozilla_Firefox#Branding_and_visual_identity" target="_blank">[2]</a> e <a href="http://pt.wikipedia.org/wiki/Mozilla_Firefox#Nome" target="_blank">[3]</a>) E o bichinho se parece mesmo com o logo do Firefox, acredite se quiser:</p>
<p><img title="Panda vermelho" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/redpanda.jpg" alt="Panda vermelho" width="344" height="429" /></p>
<p>E o Chrome? Uma mistura de…</p>
<p><img title="Simon + Pokeball = Chrome" src="http://www.mestreseo.com.br/wp-content/uploads/2010/08/simon-pokeball-chrome.jpg" alt="Simon + Pokeball = Chrome" width="500" height="214" /></p>
<p>Outras divertidas referências para o Chrome <a href="http://ivanz.com/wp-content/uploads/2009/01/google-chrome-logo.jpg" rel="shadowbox[post-55];player=img;" target="_blank">aqui</a> e <a href="http://www.bitrebels.com/wp-content/uploads/2009/12/chrome-logo.jpg" rel="shadowbox[post-55];player=img;" target="_blank">aqui</a>. Para fãs do Internet Explorer, deixo o espaço aberto para comentários e sugestões de uso do browser. Até a próxima!</p>
<p>Artigo produzido por MestreSEO, empresa especializada em <a href="http://www.mestreseo.com.br/" target="_blank">Otimização de Sites</a>.<br />
Artigo Original: <a href="http://www.mestreseo.com.br/ferramentas/extensoes-seo-chrome-plugins-firefox" target="_blank">Extensões de SEO para Chrome Versus Plugins de Firefox</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashcafe.com.br/2011/01/extensoes-de-seo-para-chrome-versus-plugins-de-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Entrevista revista Webdesign</title>
		<link>http://www.flashcafe.com.br/2009/08/entrevista-revista-webdesign/</link>
		<comments>http://www.flashcafe.com.br/2009/08/entrevista-revista-webdesign/#comments</comments>
		<pubDate>Mon, 24 Aug 2009 17:12:46 +0000</pubDate>
		<dc:creator>fabiano</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Pessoal]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[revista]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://flashcafe.com.br/?p=14</guid>
		<description><![CDATA[Recentemente, estive em contato com o Luiz Rocha, editor da revista Webdesign, que pediu para que eu desse uma força para uma matéria especial sobre Adobe Flash.]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-medium wp-image-15" title="capa" src="http://flashcafe.com.br/wp-content/uploads/2009/08/capa-222x300.jpg" alt="capa" width="222" height="300" />Recentemente, estive em contato com o Luiz Rocha, editor da revista Webdesign, que pediu para que eu desse uma força para uma matéria especial sobre Adobe Flash.</p>
<p>Gostei muito de poder ajudar e contribuir, e o mais legal é o reconhecimento de uma carreira que trato com a maior seriedade, a de WebDesigner. A matéria saiu em agosto de 2009, e aqui, reproduzo a entrevista na íntegra:</p>
<hr size="2" /><strong>1 &#8211; Das primeiras versões voltadas para a produção de animações vetoriais ao pacote atual com recursos poderosos para criação de aplicações e sites interativos, quais foram as principais transformações no Flash quando falamos da criação e do desenvolvimento de projetos web?</strong></p>
<p>Trabalho com criação de sites desde 1997, e tive meu primeiro contato com o Flash 3. Lembro que fiquei surpeendido com a qualidade das animações, mas considero, a verdadeira revolução a introdução da linguagem Actionscript 2.0 na versão MX. A partir de um conceito mais &#8220;orientado a objetos&#8221; é que realmente a tecnologia se consolidou no mercado e que ocorreram mudanças na concepção de projetos com tecnologia Flash. Após a aquisição da Adobe, tivemos uma maior integração com outros produtos, como Ilustrator, o que facilita na concepção e construção de layouts, e agora na versão CS4, a tecnologia de vídeos e 3D, além da cinemática, estão em evidência.<br />
<strong><br />
</strong></p>
<p><strong>2 &#8211; Dentre as tecnologias e plataformas disponíveis para o trabalho com internet rica, como AJAX, Curl, Silverlight etc., quais são as vantagens que o Flash apresenta em relação às opções disponíveis pelo mercado? </strong></p>
<p><span id="more-14"></span>Estou desennvolvendo um sistema com AJAX (Jboss Rich Faces) e tenho tido um desempenho muito bom na apresentação das informações, e com os novos browsers (Chrome e FF 3.5) o javascript irá ganhar força. JQuery também já se tornou requisito obrigatório para construção de interfaces. Mas mesmo assim, para determinados projetos, a tecnologia Flash é mais completa, com um ótimo acabamento de seus componentes. Quando você trabalha para proporcionar imersão, e a melhor experiência possível para seu cliente, você deve se apoiar em recursos avançados tais como reprodução de vídeo, é necessário a utilização de ferramentas consolidadas e presentes em todos os browsers. Imagine você desenvolver sistemas como os disponíveis em www.chevrolet.com, onde o carro é construído na tela do computador, com javascript? Quanto a Curl, sinceramente desconheço e sobre o Silverlight, vejo um grande marketing da Microsoft e me parece que a tecnologia de reprodução de vídeos é muito boa.</p>
<p><strong>3 &#8211; Na palestra “A Vocação do Flash: Ria, Hotsites e Infográficos” (http://usabilidoido.com.br/a_vocacao_do_flash_ria_hotsites_e_infograficos.html), o pesquisador em design de interação Frederick van Amstel argumentava sobre as funções no uso do Flash e ressaltava que ele serve principalmente “para trazer maior usabilidade para aplicações, mais emoção para a publicidade e ensinar conceitos complexos através da hipermídia. Isso é o que ele faz de melhor e sem concorrência. Usá-lo para substituir HTML e criar introduções animadas é desperdício e equívoco”. Levando-se em consideração a sua experiência nesta área, é possível traçar um perfil ideal de projeto para se trabalhar com Flash?</strong></p>
<p>Os infográficos são um exemplo de uso da tecnologia. Animações desse tipo são comuns em portais de notícias, onde se faz necessário um entendimento visual da informação. Antes, só viamos recursos como esses na televisão. Não é de hoje que o jornalismo na TV utiliza de infográficos e animações para fornecer um cenário mais agradável e simples para quem está consumindo o conteúdo.</p>
<p>Isso é quase uma experiência, uma imersão do usuário, e na Internet, é um recurso cada vez mais necessário. E é nesse cenário, que o Flash se encaixa. Veja bem, os site de hoje são diferentes de 10 anos atrás. Me lembro, que foi uma animação de um site de um evento que me motivou a investir e estudar a tecnologia. Animações tem o poder de atrair e cativar a audiência. Isso pode ser o fator de sucesso de um projeto. É claro que em projetos de sites institucionais, corporativos, talvez um design atraente e uma boa arquitetura de informação resolvam e sejam mais adequadas, mas mesmo assim, em determinadas áreas, uma boa animação transmite vida para o conteúdo, e isso pode auxiliar na absorção da mesmo, como o caso do infográfico.</p>
<p>Traçar um perfil de projeto ideal para se trabalhar com Flash não é uma tarefa fácil, requer experiência e disciplina no desenvolvimento de soluções. A primeira coisa que se deve fazer é o briefing do projeto, por menor que ele seja. Você não precisa criar uma documentação imensa para isso, pode ser um briefing mental mesmo. É vital que o desenvolvedor tenha uma visão clara dos objetivos do projeto, qual a mensagem a ser transmitida, quem é o público alvo e qual seu perfil. Quais as tecnologias a serem aplicadas, quais os resultados esperados na interação do cliente com o produto, etc. Esses eu considero os mais importantes.</p>
<p>Além disso, sempre estou acompanhando  e realizo uma análise do site ou aplicativo, quase que diária, dependendo do site, através de ferramentas de métricas web, tais como Google Analitycs, onde é possível o acompanhamento da perfomance do site em vários níveis, como os de conversão. Com isso, é possivel saber se o seu projeto possui algum problema de arquitetura de informação&#8230;se o cliente está acessando a informação principal, qual a resolução de tela que o cliente usa, e até mesmo qual a versão do plugin do Flash é mais utilizada.</p>
<p>Como possuo formação em Marketing, também procuro implementar vários conceitos de &#8220;branding experience&#8221; nos projetos em que realizo. Em 2007, fiz um curso complementar em marketing digital, que me abriu a visão para vários aspectos em um site, que poderiam ser melhor trabalhados.A preocupação com  a distribuição da mensagem a ser transmitida pelo site, hotsite ou publicidade online deve comtemplar a tecnologia a ser aplicada. A mídia usada pode determinar o sucesso de uma ação.</p>
<p>Muita gente critica o Flash principalmente por ser &#8220;pesado&#8221; para se abrir os sites&#8230; pode ser verdade, em alguns casos. O loading pode espantar muitos clientes, mas isso pode ser contornado com uma metodologia de desenvolvimento muito comum em sites Flash. O que ocorre é que vejo muita gente usando “pirotécnia” para chamar a atenção onde não precisa, como também vejo numa proporção maior, muitos sites em Flash que cativam por tais recursos, desde que bem aplicados. Outra reclamação comum é porque dizem que os sites Flash não são indexados pelos buscadores. Minha experiência me diz que isso é mito.</p>
<p>Exitem várias formas de você aparecer me primeiro lugar no Google. Claro que o xhtml é melhor indexado, mas ele não é a unica forma de se alcançar este objetivo. Tenho sites publicados, 100% Flash, numa posição acima de grande portais de conteúdo em termos relevantes para o nosso produto.</p>
<p><strong>4 &#8211; Analisando a estrutura de algumas agências digitais brasileiras, como a Grafikonstruct (www.grafikonstruct.com.br), por exemplo, vemos a abertura de oportunidades para flash animators, flash designers, flash developers etc. Você acredita que a especialização de profissionais é um caminho nesta área? E quais seriam as principais diferenças entre esses cargos?</strong></p>
<p>Sim, em agências essa divisão de cargos já é comum. Isso é devido a abrangência da tecnologia.  Hoje um front-end enginner deve dominar design e interação, podendo usar o Flash como ferramenta de criação. O arquiteto de informação, também pode utlizar o Flash para criação de protótipos funcionais, basta saber 2 ou 3 comandos Actionscript para isso. O animador, constrói seus desenhos animados, com a mesma ferramenta, mas com outra metodologia, talvez frame a frame. O developer, por sua vez, necessita ter o conhecimento pleno de ActionScript, pois ele irá tratar o conteúdo e o consumo do mesmo, muitas vezes através de webservices, linguagens de back-end como PHP, Java, ASP ou algum CMS free ou proprietário.</p>
<p>As possibilidades são inúmeras e vejo isso como uma evolução da tecnologia e de sua aplicação nos diversos cenários onde o Flash pode ser a melhor solução. Hoje o Flash é considerado um dos melhores meios para se transmitir vídeo e vejo um futuro muito promissor também com aplicações de <a href="http://pt.wikipedia.org/wiki/Realidade_aumentada">Realidade Aumentada</a>, que na minha opinião, são o futuro. A adobe já trabalha com a distribuição de seu player para dispositivos móveis e tv digital, então, o mercado só tende a crescer.</p>
<p>Considero a agência citada como uma das melhores do Brasil na produção de trabalhos para o segmento de moda, que, como no meu caso, os projetos necessitam de tecnologias que produzam verdadeiras experiências e atmosfera aos sites, mas devo lembrar que, recentemente, a tecnologia Flex está cada vez mais requisitada nos projetos de aplicativos corporativos de grandes players do mercado, a própria <a href="http://www.datasul.com.br/talentos/index.php?goto=cursosid&amp;amp;cod=7">Datasul já disponibilizam cursos</a> para seu pessoal e possuem <a href="http://datasulbyyou.wordpress.com/tag/flex/">ferramentas</a> com a tecnologia como front-end, ou seja, o mercado está crescendo muito para profissionais que dominam principalmente a linguagem ActionScript.</p>
<p><strong>5 &#8211; Quando falamos da criação e do desenvolvimento de sites em Flash, quais são os erros mais comuns que podem prejudicar a usabilidade de um projeto? Como você procura trabalhar esta questão em seus projetos?</strong></p>
<p>A &#8220;pirotécnia&#8221; com certeza é um piores erros que um projeto Flash pode apresentar. A aplicação de efeitos sem sentido no site me deixa extremamente triste e é o que abre a discussão da utilização ou não da tecnologia. Um outro fator que alguns profissionais, talvez pela falta de experiência, ainda façam são as famosas páginas de introdução. Isso não é mais utilizado, mas algumas pessoas ainda insistem em fazê-las, as vezes por causa de pedidos de clientes, mas não se justifica&#8230;a informação é primordial e você não deve criar obstáculos para que seja consumida. Se tiver que criar alguma animação para inserir em projetos web, elas devem ser bem introduzidas, onde façam sentido, e com recursos de controle da mesma, como botões de play, pause, etc.</p>
<p>Nos projetos em que trabalho, sempre priorizo a informação. Procuro deixa-la o mais limpa  possível e as vezes nem parece que o site é em Flash. No nosso caso, como o produto é importante, sempre tento facilitar a visualização do mesmo, através de um bom recurso de navegação de imagens, o qual sempre estou evoluindo, e colocando informações sobre o mesmo, mesmo que seja um simples sistema de numeração para identificar o produto. Essas melhorias são sempre implementadas baseadas em web analitycs e pelo feedback que temos de nossos clientes através de envio de mensagens pela área de contato. Recebemos muitas sugestões, críticas e elogios por este canal, que nos auxilia no desenvolvimento e aprimoramento de nossas soluções.</p>
<p><strong>6 &#8211; O site da escritora J.K.Rowling (www.jkrowling.com), criadora do sucesso mundial “Harry Potter”, surge como um bom exemplo de site em Flash com acessibilidade. O lançamento recente de bibliotecas Javascript, como o SWFObject (http://code.google.com/p/swfobject/) e o SWFAddress (http://www.asual.com/swfaddress/), ajudou a melhorar os aspectos de acessibilidade de projetos concebidos em Flash. Diante disso, quais são os parâmetros recomendados para se incluir os preceitos de acessibilidade na produção de sites em Flash? O que você costuma aplicar em seus trabalhos?</strong></p>
<p>Uma das premissas da acessibilidade é que o conteúdo deve ser absorvido e intepretado por qualquer mecanismo de leitura, na internet, o mecanismo mais utilizado é o browser, mas acessiblidade não é só isso. Um site com acessiblidade em Flash é considerado por muitos como um grande desafio quando não impossível. É correto pensar assim, pois até um certo tempo atrás, a ferramenta não possuia mecanismos com essa preocupação.</p>
<p>Hoje é possível através de uma opção do Flash e <a href="http://www.adobe.com/go/flash_accessibility/">guidelines</a> estabelecidas pela Adobe, um mínimo de acessibilidade através da nomeação dos objetos e componentes. No caso de componentes, é uma tarefa razoavelmente fácil, mas em sites complexos torna-se realmente um desafio o emprego destas técnicas. As bibliotecas acima mencionadas realmente são um plus indispensável ao desenvolvedor Flash. O SWFObject é capaz de resolver alguns problemas que antes só eram resolvidos com força bruta, e sem um padrão. Com ela é possível disponiblizar conteúdo não-flash para navegadores ou dispositivos sem o famoso plugin ou suporte a javascript.</p>
<p>Nos nosso projetos, o conteúdo é totalmente separado do design, mas ainda não damos o suporte 100% a outra interface diferente do Flash, mas já existe uma iniciativa para total remodelagem do conceito de desenvolvimento dos nosso sites. Um framework (<a href="http://www.gaiaflashframework.com/">Gaia Framework</a>) que está ganhando espaço na comunidade, vem sendo analisado para que seja melhorada a nossa metodologia de desenvolvimento bem como a acessiblidade dos nossos sites, com a utilização do design pattern MVC.</p>
<p>A utilização do SWFAddress já foi analisada e homologada por nossa equipe e nas próximas versões de nossos projetos o mesmo já será implantado. Com essa biblioteca iremos melhorar ainda mais o nosso posicionamento em buscadores, pois nosso sitemap poderá conter links diretos para as áreas de nossos sites.</p>
<p><strong>7 &#8211; Falando ainda sobre estas bibliotecas, podemos dizer que elas contribuíram ainda para aperfeiçoar os métodos de otimização de sites em Flash para os mecanismos de busca. De que maneira você procura inserir os conceitos de SEO na produção de sites em Flash?</strong></p>
<p>A manutenção é constante nos sites, pois o algoritimo dos mecanismos de busca nunca para de mudar, evoluir. Procuro sempre inserir meta tags bem feitas e seguir alguns manuais que os próprios buscadores disponibilizam. Além disso algumas dicas como links de popularidade e uma boa divulgação online, através de blogs, redes sociais e sites satélites, contribuem para qualquer estratégia de SEO.</p>
<p>Em nosso arquivos Flash, procuro sempre usar textos puros, e uma arquitetura onde seja possível aos buscadores &#8220;lerem&#8221; este conteúdo em swf. O Google é capaz disto. Você pode colocar seus arquivos swfs em arquivos sitemap, que os mesmos serão indexados, mesmo que os mesmos não possuam marcação html. Títulos relevantes e legíveis são excelentes para que o buscador consiga &#8220;saber&#8221; do que o arquivo se trata. É um recurso novo do buscador, mas o qual eu utilizo.</p>
<p>As dicas de acessiblidade também se encaixam nesta questão. Quanto mais meta-informação seu site conter, melhor.</p>
<p><strong>8 &#8211; Na edição de julho de 2007, quando apresentamos um estudo de caso sobre o site “Pocket Films for Travelers (www.pocketfilmsfortravelers.com), Zeh Fernando (www.zeh.com.br) revelou que o Google Analytics era uma das melhores opções para análise de navegação em sites em Flash (http://code.google.com/p/gaforflash/). Como você acostuma mensurar os dados de navegação em projetos que envolvam o uso do Flash? Quais são os principais desafios quando falamos de métricas de sites em Flash?</strong></p>
<p>Utilizo o GA desde junho de 2007. Naquele ano, ainda não existia esse componente do Google para mensurar os sites em Flash, mas mesmo assim, através de técnicas que o proprio GA ensina em seu site de ajuda, consigo medir praticamente tudo que a ferramenta se propoê a fazer. Desde que você nomeie suas áreas e que você estabeleça os KPI´s, é muito simples mensurar um site desenvolvido em Flash.  Tenho todas as análises referentes a visitas ao nosso site  desde 2007, tais como unique visitors, seções mais acessadas, principais páginas de saídas, tempo de permanência no site, conversões através de funil e muito mais&#8230; tudo implementado através de uma hierarquia própria de navegação e os eventos que são capturados pelo GA.</p>
<p>Meus sites ainda estão na versão 2.0 da Actionscript e portanto ainda não utilizei o componente gaforflash que é para AS 3.0, mas acredito que hoje não fica devendo muito a esses avanços. Mesmo assim, esse foi mais um mito quebrado pelo próprio Google, ao disponibilizar tal componente, pois muitos diziam que não era possível mensurar os arquivos, e foi importante para a comunidade de desenvolvedores.</p>
<p>Acredito que os maiores desafios quando falamos de métricas web em  sites Flash é ainda relacionado com a dificuldade de implantação de técnicas de mensuração, que demanda análise de todo o código e dos eventos mais importantes. O consumo de streaming ainda também é uma incógnita.</p>
<p><strong>9 &#8211; Por favor, indicar dois sites que representem bons exemplos no uso combinado do Flash com os preceitos de acessibilidade, de usabilidade e de SEO, justificando sua escolha em três linhas.</strong></p>
<p>Site do Makeup Artist Filippa Smedhagen Sund: <a href="http://filippasmedhagensund.com/">http://filippasmedhagensund.com/</a></p>
<p>Excelente mecanismo de navegação entre as fotografias que proporciona uma experiência inovadora no ano em que foi concebido, carregamento de conteúdo em paralelo, combinado com a utilização da biblioteca SWFAddress para aindexação de conteúdo.</p>
<p>Site da Mercedes AMG Studio: <a href="http://www.mercedes-amg.com/">http://www.mercedes-amg.com/</a></p>
<p>Construído com o Gaia Framework, com ótima acessibilidade, transições entre áreas e um design simples e elegante.Utilza as bibliotecas SWFObject para aparesentar conteúdo alternativo e indexação aliada a SWFAddres.</p>
<p><strong>10 &#8211; Quais dicas de leitura você apontaria para o profissional que deseja aprofundar seus conhecimentos sobre estes assuntos (Flash com acessibilidade + usabilidade + SEO)?</strong></p>
<p>Existem muitos blogs que hoje podem ser consideradas as melhores fontes de conhecimento sobre Flash+SEO, tais como: UnderGoogle, SmashingMagazine, The FlashBlog, Google Analitycs Blog, Wa Consulting, mestreSeo, Deconcept, Marketing de Busca, SEOMaster Blog e até mesmo o site da Adobe Live Docs é uma boa fonte.</p>
<p>Recentemente a Adobe lançou o Centro de Tecnologia SEO para Flash no endereço <a href="http://www.adobe.com/devnet/seo/">http://www.adobe.com/devnet/seo/</a> o qual eu também recomendo a leitura.<br />
Na literatura, o assunto SEO ainda é novidade, e com Flash é muito raro mas existe um livro, em inglês que trata especificamente do assunto, o nome é &#8220;Search Engine Optimization for Flash: Best practices for using Flash on the web&#8221; , disponível na Amazom. Aconselho a quem estiver iniciando no assunto a conhecer o máximo sobre SEO, para depois, saber como, onde e quando aplicar tais conhecimentos em projetos Flash.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashcafe.com.br/2009/08/entrevista-revista-webdesign/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

