Iaku.org | Blog sobre Design | Artes Gráficas | Desenvolvimento Web

Como é que os designers e desenvolvedores web produziam sites antes do estabelecimento dos Web Standards?

A resposta é simples, basta olhar o site da Feira do Empreendedor 2008 do Sebrae-MG.

Eu sei que este post está um pouco atrasado, já que a feira aconteceu no mês passado. Porém, só agora tive tempo para escrever minhas impressões sobre o evento.
O site da feira do empreendedor utiliza tecnologias obsoletas em seu desenvolvimento, foge dos padrões web, não é acessível e passa longe do código semântico. Além disso, a organização subestimou o número de participantes.

O resultado não poderia ser diferente: várias reclamações, muitas pessoas bravas, servidores congestionados etc.

Fico imaginando como os responsáveis pelo site da feira do empreendedor analisaram a queda dos servidores e a impossibilidade de realizar inscrições online.

Acho que eles imaginaram algo assim: “A feira do empreendedor está bombando, estamos com tanto acesso que nosso servidor caiu. O evento é realmente um sucesso.”
Será que os organizadores da feira também caíram nessa mentirinha? Creio que sim.

Aliás, esse não foi o único erro que eles cometeram. Eles ainda compraram mais gato por lebre. Os responsáveis pelo desenvolvimento do site provavelmente usaram o hype da mídia social para levar na conversa os encarregados do Sebrae.

Imaginem:

“Agência: Vamos fazer algo diferenciado, um trabalho de mídia social.
Sebrae: Mídia social?
Agência: É, são aqueles ícones legais que aparecem junto ao conteúdo do site. São serviços como o Orkut, Twitter, MySpace, Flickr, YouTube etc, que permitem uma interação muito bacana com os usuários. Isso faz o maior sucesso, é a Web 2.0.”

O engraçado disso tudo, é que os responsáveis do Sebrae não pararam para pensar se  mídia social tinha a ver com o perfil do público da feira e, se tivesse, como isso teria que ser implementado para estabelecer conversações com os participantes. Além disso, os desenvolvedores do site inseriram formulários nas páginas do evento permitindo que o usuário deixasse um comentário. O resultado disso misturado com uma má organização foi o seguinte:

Comentários - Feira do empreendedor Sebrae MG

Está bem, vamos considerar que a idéia de utilizar “mídias sociais” não foi da agência. O cliente solicitou algo e a agência apenas executou da melhor maneira que podia. Mas, um trabalho mal executado muitas vezes ganha proporções maiores do que um case de sucesso. Isso pode gerar transtornos para quem realmente possui expertise na área.

Não bastasse a desorganização digital, algumas coisas curiosas aconteceram na feira. Segundo o Sebrae, 40 mil pessoas se inscreveram para o evento, que foi realizado no ExpoMinas. Quando cheguei ao local fui ao balcão fazer a minha inscrição para as palestras e workshops, já que não obtive sucesso através da internet. No ExpoMinas também não tive sorte. A simpática atendente disse que eu poderia esperar lá, e caso houvesse alguma desistência, eu poderia participar. Resolvi tentar a sorte mais uma vez. Esperei. Como já estava na hora do almoço fui ao “restaurante” do evento para comer algo. Após vários minutos na fila pedi uma Coca e uma pizza. A também simpática atendente, após gastar um bom tempo para fazer algumas contas, me entregou uma folha formato A4 com várias fichas para eu destacar. As fichinhas destacáveis variavam entre R$ 0,50 e R$ 1,50, sendo necessárias muitas fichas para soldar minha requintada refeição. Realmente tive um flashback da minha infância e recordei das memoráveis festinhas juninas de quando eu estava no primário.

A parte da Feira que pude melhor aproveitar foram os stands, de empresas, associações e do próprio Sebrae. Foi das poucas atividades em que a troca de informações e de contatos ocorreu “conforme o planejado”, sem que a falta de organização prejudicasse as atividades.

Minhas impressões sobre as palestras? Não consegui ver muitas. Quem sabe na próxima edição.

Há alguns meses comprei o livro Web Analytics – AN HOUR A DAY. O livro me surpreendeu bastante, principalmente pela clareza com que o autor expõe suas idéias.

Avinash Kaushik insere o Web Analytics em um saber amplo e traça esse conjunto de uma multiplicidade de disciplinas – pesquisa de mercado, business intelligence, usabilidade, acessibilidade, SEO, PPC etc – até chegar a um objetivo considerado a totalidade dos esforços: como entender a essência do negócio para extrair vantagens competitivas sustentáveis.

Posso estar enganado, mas tenho a sensação de que no Brasil os profissionais tendem a enxergar essas disciplinas de maneira isolada ou insistem em ficar presos a meia dúzia de receitas a serem implementadas, sem entenderem o real objetivo do cliente.

SEO é um bom exemplo disso. As pessoas discutem bastante sobre técnicas, melhores práticas, reescrevem posts de blogs famosos, etc. Mas quase não vejo sites que inserem essas técnicas em um contexto amplo que busque inteligência competitiva. Quem foi ao SMX e teve a oportunidade de ouvir o keynote da Melanie Mitchell talvez entenda melhor o que estou dizendo.

Mitchell e Avinash exploram o mundo SEO de uma maneira rica que vai além das simples aplicações de técnicas. Eles desenvolvem metodologias que inserem o SEO no core das empresas. É um tipo de pensamento mais maduro em relação a essa disciplina que é tão dinâmica, e, se utilizada de maneira correta, traz maravilhosas vantagens competitivas para as empresas.

Para finalizar, vale a pena destacar a simplicidade com que Avinash expõe seus profundos pontos de vista sobre Web Analytics. O cara é bastante acessível e quando entrei em contato com ele recebi um super troféu – ele me enviou um exemplar do livro autografado. Esse contato acabou me rendendo um trabalho que falarei mais tarde em um novo post.

Live HTTP Headers

serve para obter informações em tempo real de como o protocolo HTTP está trabalhando, suas requisições, o tipo de servidor remoto que o site está utilizando, quais os cookies estão sendo enviados pelo site, etc.

FireShot

é uma extensão que gosto bastante: ela permite que você insira rapidamente comentários e anotações em tudo o que é exibido no seu browser. É possível gerar um arquivo de saída em JPEG, PNG e BMP. É bastante útil quando, por exemplo você precisa fazer a análise de algum site para o cliente.

Screengrab!

permite salvar sites inteiros como imagem. É possível salvar apenas uma seleção.

Firebug

é um dos principais add-ons para quem trabalha com desenvolvimento web. Com ele é possível editar, depurar e monitorar, em tempo real, o CSS, HTML e o JavaScript de qualquer website.

YSlow

é uma extensão que foi desenvolvida pelo Yahoo para ser utilizada juntamente com o firebug. Ela analisa seu site e exibe uma grade com informações do desempenho do mesmo, indicando em uma lista de 13 elementos quais podem ser aprimorados. Ela é baseada em algumas regras que são descritas mais detalhadamente no site do Yahoo de ajuda aos desenvolvedores.

Web Developer

é um add-on que oferece vários recursos para desenvolvedores testarem seu site. É possível desabilitar Java, imagens, CSS Styles, cores do site, etc. Utilizei essa ferramenta para fazer um teste de acessibilidade no site do meu banco e o resultado foi bastante ruim.

Fangs

falando em acessibilidade, o fangs é um add-on que cria uma representação textual de um site, simulando como ele seria lido por um leitor de tela atual.

IETab

Essa extensão serve para embedar o Internet Explorer em uma aba do Firefox.

MeasureIt

Permite traçar uma régua no site para medir as dimensões de qualquer elemento.

Colorzilla

é basicamente uma ferramenta de eyedropper que permite capturar cores de um determinado site e colar em outro programa. A versão Colorzilla 2 beta permite coisas muito interessantes, como por exemplo criar uma paleta de cores a partir da análise do DOM element, localizar elementos no site a partir de uma cor dada, pesquisar cores específicas nas regras CSS, etc.

Esta semana, aconteceu uma discussão na lista webstandards-br em relação ao uso de técnicas de image replacement (sim, é uma discussão bastante antiga). Algumas pessoas reclamaram que tiveram sites penalizados no Google por usarem a técnica.

Na central Google de ajuda do webmaster está definida a seguinte regra:

Texto e links ocultos

Ocultar texto e links pode fazer parecer que seu site não tem credibilidade, já que apresenta informações distintas para as ferramentas de pesquisa e para os visitantes. O texto (por exemplo, palavras-chave em excesso) pode ser ocultado de diversas formas, incluindo:

• Uso de texto com fonte branca em fundo branco.
• Inclusão de texto atrás de imagens.
• Uso de CSS para ocultar texto
• Configuração do tamanho da fonte para zero

Se percebermos que o seu site tem texto e links ocultos com propósito enganoso, ele pode ser removido do índice do Google e não vai mais aparecer nas páginas de resultados de pesquisa.

Por outro lado, Matt Cutts, engenheiro de software que trabalha no Google, publicou um post em 2005 no site threadwatch.org fazendo alguns alertas em relação ao uso do CSS para esconder texto:

If you’re straight-out using CSS to hide text, don’t be surprised if that is called spam. I’m not saying that mouseovers or DHTML text or have a logo but also have text is spam; I answered that last one at a conference when I said “imagine how it would look to a visitor, a competitor, or someone checking out a spam report. If you show your company’s name and it’s Expo Markers instead of an Expo Markers logo, you should be fine. If the text you decide to show is ‘Expo Markers cheap online discount buy online Expo Markers sale …’ then I would be more cautious, because that can look bad.

Como sempre, quando a pergunta se relaciona ao algoritmo do Google a resposta dos engenheiros é um pouco dúbia. Teoricamente se você usa image replacement com responsabilidade não precisa se preocupar. Em princípio, o problema é utilizar textos muito longos ou tentar usar a técnica para obter vantagens com o web crawler do Google.