Web standard é o nome dado a uma recomendação do W3C, com a finalidade de padronizar os sites existentes hoje e assim trazer uma maior compatibilidade em diversos dispositivos.

Anteriormente um website teria que ser produzido pelo web designer imaginando ter que fazer uma versão para o Internet Explorer (até a versão 6), que até então incompatível com os padrões determinados pelo W3C, outra versão para outros navegadores que seguem os padrões e outras tecnologias como a já extinta tecnologia WAP que fazia com que um website para ser acessível necessitaria de pelo menos três versões diferentes, para suas diferentes padronizações.

A programação em XHTML – CSS resolveu este problemas de compatibilidade e é hoje uma tendencia mundial. Estimasse que dentro de alguns anos todos os site sigam esta padronização pelo simples fato da compatibilidade, uma página escrita em XHTML – CSS abre em qualquer dispositivo que tenha suporte a padrões web, leitores de tela, celulares, é possível navegar em seu website como se estivesse em seu escritório sentado em frente ao seu desktop.

O segredo de toda essa compatibilidade é extremamente simples, os padrões da recomendação do W3C, simplesmente colocam a utilização da linguagem de marcação HTML como ela foi designada para ser utilizada, na evolução de páginas da web, contínua e sempre buscando o melhor layout, os web designers teriam que produzir sempre algo novo e aproveitando se de qualquer elemento e de todas as suas funções para interfaces mais complexas e atraentes. Neste cenário, foram utilizadas diversas formas para que o cliente estivesse sempre satisfeito, mesmo que a utilização de comandos de marcação da linguagem HTML não estivessem sendo usados da forma correta, por exemplo para se construir um layout com três colunas, navegação, corpo da página e links patrocinados, era utilizado uma tabela geral dividida em três colunas, dentro de cada célula dessas três colunas eram colocadas outras tabelas para dividir as secções e assim se chegava a um layout aceitável, no entanto neste modo de construção todo o layout fica no mesmo arquivo do conteúdo transformando o código fonte de uma simples página num monstro, literalmente, claro além do que transforma cada mudança num sacrifício elevando valores para manutenção a níveis incabíveis a internet de hoje. Se você quiser mudar a cor de determinados títulos dependendo da quantidade de texto que você tem essa mudança poderia levar semanas.

Neste ponto a conclusão foi de que a padronização foi como um adolescente se tornar um jovem, mais saudável e muito menos impulsivo.

Separação conteúdo / design

O que muda imediatamente a performance de seu website, conforme foi dito anteriormente no exemplo das tabelas seu código fonte fica gigante leva muito mais tempo para ser processado carrega aos poucos e ainda trás diversos problemas com relação a indexação de seu websites em mecanismos de buscas, SEO.

Agora dentro do web standards seu website terá algumas divisões conforme segue a tabela abaixo:

Conteúdo – Informação do seu Website	Visual – Layout – Aparência	Funções – Interação como usuário
XHTML	CSS	Javascript – AJAX

Todos os arquivos externos como .css (visual) e .js (funções) ficarão armazenados no cache do navegador do usuário depois do primeiro carregamento da página, reduzindo drasticamente o tempo de carregamento.

O código fica centralizado em um lugar controlando apresentação e interatividade em todo o Web site.

Menor utilização de banda de sua hospedagem – se você opta por um website feito com tabelas e tabelas dentro de tabelas, provavelmente quando você começar a verificar seu uso de banda de sua hospedagem ira perceber duas coisas a primeira é que você mesmo só para ver e testar seu website já está utilizando banda acima do normal, quando poderia estar utilizando toda essa banda em facilidades ao seu cliente, como formulários inteligentes, navegação intuitiva, validação de campos e outra descobrir que existem muito mais conexões lentas a internet do que você julgava e de que se seu website demorar mais de 20s para abrir você terá uma perca de publico de aproximadamente 50% de visitantes novos.

Como hoje a informação é tratada de forma semântica pelos buscadores (Google, Yahoo, Bing) ter resultados melhores em buscas pelo conteúdo desejado, anexando cada vez mais e em melhores condições páginas feitas no XHTML – CSS – JS. Leia mais em SEO

Por isso não é mesmo uma boa ideia:

“ eu tenho um filho do primo de segundo grau da minha mulher que faz isso, ele ainda está no ensino médio, mais tenho certeza de que vai ficar bonitinho ”

E segundo o Wikipedia:

O XHTML consegue ser interpretado por qualquer dispositivo, independentemente da plataforma utilizada, pois as marcações possuem sentido semântico para as máquinas.

]]> http://biras.com.br/2010/01/web-standards/feed/ 0 http://biras.com.br/2010/01/seo/ http://biras.com.br/2010/01/seo/#comments Mon, 25 Jan 2010 06:03:17 +0000 biras http://www.biras.com.br/wordpress/?p=545 more...]]> SEO – Search Engine Optimization ou otimização para sistemas de buscas, você que tem interesse na sua marca na web com certeza já fez uma pesquisa pelo nome da sua empresa no Google, Yahoo, Bing, então a maneira como eles indexam informação e o estudo de maneiras de otimizar seu website para que você possa estar no topo deste ranking é chamado de SEO.

Este artigo pretende discutir não a parte técnica de como posicionar um site nos mecanismos de busca, pois isto depende de inúmeros fatores a serem analisados, mas sim a necessidade e a importância que um site otimizado tem para uma empresa.

Necessidade porque as empresas precisam ampliar mercados e atingir sempre novos objetivos e novos números.

Importância porque como você encontra produtos ou serviços, por exemplo no caso de precisar comprar comida para camelo onde você vai procurar isso, se respondeu no Google ou qualquer um dos concorrentes essa é basicamente a importância do SEO na sua empresa. Porque hoje a internet se torna para empresas a principal, ferramenta de marketing, promoções, eventos e geração de novos negócios leia mais em Mídias Sociais.

As empresas que já possuem um website buscam ampliar as oportunidades de negócios e uma das ações estratégicas de marketing na internet mais eficientes e com resultados interessantes é colocar o site entre os primeiros resultados dos mecanismos de busca.

O Google é disparado o líder mundial em buscas na internet, com aproximadamente 70% de utilização.

Se você for pensar quais as marcas líderes na internet brasileira com certeza irá lembrar de Submarino, Americanas e Mercado Livre, independente de ser um cliente ou não destas empresas.

O que faz você se lembrar destas Marcas?

Entre os inúmeros fatores que fizeram estas Marcas atingirem a liderança no mercado brasileiro, uma das principais ações que estes três sites fizeram é se posicionar de forma correta nos mecanismos de busca.

Ao pesquisar alguma palavra, o internauta SEMPRE irá encontrar respostas, mesmo que a resposta esteja do outro lado do mundo e é exatamente isto que o empresário precisa entender e se preocupar. Antes da internet, uma pessoa saia na rua procurando algum produto ou serviço e caso não o encontra-se na sua região, ele desistia ou buscava outra alternativa. Era o momento do mercado totalmente regionalizado, sem grandes ameaças e com a concorrência bem identificada.

Hoje isto não acontece mais. Se uma pessoa pesquisar algo na internet COM CERTEZA ela vai encontrar inúmeras respostas. Respostas estas que podem direcionar o internauta para empresas de outras cidades, de outros estados e até de outros países.

E isto é extremamente preocupante para empresas com atuação local ou regional. Porque estas empresas sofrem uma concorrência quase invisível, pois o concorrente normalmente não tem nenhuma ação local e passa despercebido pelos empresários que analisam a concorrência na sua região.

E como hoje milhões de buscas são feitas diariamente, isto demonstra a necessidade e a importância que uma empresa precisa dar ao posicionamento do site na internet.

Quando uma empresa contrata o desenvolvimento de um site em padrões web, ele já é planejado e programado para posicionar-se de forma correta nos mecanismos de busca, pois esta é uma das principais estratégias de marketing na internet.

O não entendimento desta premissa faz com que as empresas construam sites com diversos problemas de estrutura e programação, impedindo-os de se colocarem no topo dos resultados das pesquisas feitas nos mecanismos de busca.

Um exemplo claro do problema acima:

No Brasil ainda se privilegia muito o uso de flash em todo o site. Não sou contra o flash, pelo contrário, mas utilizá-lo em todo o site, inclusive em locais onde deveria ser texto é um erro grosseiro de planejamento, ou da falta dele.

A empresa contrata um desenvolvedor e não questiona a tecnologia, metodogia que será utilizada na programação do site. Pronto. Ele poderá ter um site bonito, bem construído, mas com sérios problemas de posicionamento, pois não foram observadas pequenas regras nesta construção.

Existem milhares de sites que possuem estes dois problemas juntos. E ai, não existe milagre que resolva este problema. Só a construção de um novo site baseado nas informações fornecidas.

Portanto, é importante, que no momento da definição do “fornecedor” que irá construir um novo site ou reformular o atual, o empresário pesquise profissionais que possam compreender a sua necessidade e contribua desenvolvendo um planejamento que possibilite a esta empresa ter um bom posicionamento nos resultados das pesquisas feitas nos mecanismos de busca.

Em suma a importância do SEO para sua empresa é você estar lá ou não na hora da pesquisa por um produto ou serviços comercializado por você.

Fonte: Design Blog

• ter o despertador avisar a hora de ir dormir, e não a hora de acordar;
• ter uma diéta a base de café, Coca-Cola e RedBull;
• ter fones de ouvidos quase implantados na sua cabeça;
• tomar café da manhã, almoço e janta ao mesmo tempo;
• ter os amigos dizerem “Que bonito isso!” mas não entenderem o conceito;
• refazer um job pois ninguém entendeu o conceito;
• ter mais fotos de coisas do que de sua família;
• saber usar o Photoshop, Illustrator, InDesign e Dreamweaver mas não entender como rodar o Excel;
• comprar revistas de R$ 50 mas não ter tempo de ler;
• não conseguir olhar para qualquer coisa gráfica sem tentar melhorá-la na sua cabeça;
• não conseguir andar pelo shopping sem criticar embalagens de produtos;
• ouvir sua vó lhe apresentar orgulhosamente como “artista” para amigos;
• sua mãe achar que você trabalha com computadores;
• ser confundido como “técnico em informática” pois “você passa muito tempo na frente daquele tal computador”;
• cobrar o cliente constantemente o briefing e materiais para não estourar o cronograma;
• cliente demorar para enviar o briefing e materiais e depois reclamar que você está estourando o cronograma;
• terminar o projeto após 3 meses e 20 rodadas de aprovação para o cliente dizer “não sei…acho que não ficou muito legal”;
• passar metade do projeto convencendo o cliente que você sabe o que está fazendo;
• passar a outra metade do projeto explicando ao cliente que você está cobrando pelo seu conhecimento;
• ter alguém dizer “Meu sobrinho também faz dizáin“. E quando questionado sobre em qual período ele se encontra, escutar um “Tá terminando o Ensino Médio”;
• acordar se sentido um “garoto de programa” pensando em duas coisas: 1) você precisa parar com isso. 2) você precisa cobrar mais caro por isso;
• passar metade da vida falando pra todo mundo que “logomarca” não existe;
• desistir de ensinar a todo mundo que “logomarca” não existe;
• estranhar aquela luz amarela no céu quando você finalmente sai de casa durante o dia;
• ter que explicar a um cliente que uma gráfica não imprime uma imagem JPG com resolução de 72dpi e em RGB para fazer um outdoor;
• ter que explicar ao cliente o que é JPG, dpi, RGB e “cêmique“;
• ter que explicar que Pantone não é aquele pão com frutas cristalizadas que vendem no natal;
• acordar dia após dia, sabendo que essas coisas nunca vão mudar e mesmo assim pensar: “Eu não me vejo fazendo nada melhor na vida. Amo tudo isso”

Texto: Canha

Fonte: Design Blog