Os padrões da Web devem ser uma força motriz por trás do trabalho de qualquer designer ou desenvolvedor. Eles fornecem uma escala para medir a qualidade, estrutura, sintaxe e metodologia do trabalho de design.

Para explicar os benefícios dos padrões da web, Eu comparei no meu próprio blog a paisagem da web hoje com a de 10 a 15 anos atrás.

Questões relacionadas à compatibilidade entre navegadores e a necessidade de testes extensivos antes do lançamento ainda permanecem, mas a padronização de DOM, (X) HTML, CSS e várias outras tecnologias tornou o mundo digital muito mais previsível.

Ao codificar um site compatível com os padrões, podemos estar razoavelmente certos de que ele renderizará o mesmo no Firefox, Safari, Chrome, Opera e até mesmo no Internet Explorer (da versão 7 até, é claro). Inconsistências surgem, mas qualquer um que tenha ficado de pé em ambos os lados da década passada de design e desenvolvimento da Web certamente reconheceria o valor dos padrões.

Como comunidade, adotamos padrões e incentivamos os outros a fazer o mesmo. Escrevemos código semântico, o validamos e ocasionalmente chegamos a discutir em profundidade como devemos (ou não) formatar nosso CSS e HTML.

Mas a verdade feia é que o cliente médio Joe simplesmente não se importa. Joe não está procurando por um site compatível, mas por um site eficaz.

Há exceções, é claro. Você pode ser “afortunado” o bastante para escolher um cliente “sabe-tudo” que exige conformidade com os padrões porque ouviu um amigo de um assistente de um colega CEO dizer que é importante.

Para a maior parte, no entanto, Joe não pretende contratar um designer com base em sua capacidade de atender a todos os padrões recomendados pelo W3C. Ele provavelmente nem sabe o que é o W3C.

Em vez disso, Joe está procurando por um designer que possa construir um site que o ajude a atingir seu objetivo. Se o objetivo é vender mais produtos, compartilhar informações sobre sua empresa ou juntar pessoas com um interesse comum, ele certamente estará mais preocupado em alcançá-las do que em ter um site que possa ser verificado como compatível com os padrões.

Então, abandonamos completamente os padrões para dar a Joe o que ele quer? De modo nenhum. Os padrões, como já discutimos, são críticos e devem figurar em grande parte no trabalho que fazemos para os clientes, mesmo que eles não sejam um ponto de venda em si mesmos.

Tenho visto vários portfólios em que os projetistas afirmam orgulhosamente que seus sites foram construídos em HTML, CSS e assim por diante. Embora isso seja certamente uma coisa boa, temos que nos perguntar o que isso significa para Joe. Na maioria das vezes, Joe presumirá que você quer dizer apenas que seus projetos são de alta qualidade, ou talvez que você esteja preparado para as últimas tendências tecnológicas (como a muitas vezes incompreendido Web 2.0 ).

Padrões são muito mais que isso. Mas não podemos deixar Joe ligar os pontos quando ele não entende completamente os padrões em primeiro lugar. Em vez de enfatizar os padrões em si, devemos nos concentrar em explicar seus benefícios.

Acessibilidade

Acessibilidade é criar sites que podem ser usados ​​e navegados por usuários com deficiências. A implementação mais comumente citada é tornar o conteúdo reconhecível para software de leitura de tela e hardware de texto para Braille.

Isso pode representar um grande benefício para os clientes. A maioria dos clientes provavelmente não entende que essas tecnologias assistivas basicamente analisam o documento HTML e retornam o conteúdo em um formato que possa ser compreendido pelo usuário. O código compatível com os padrões ajuda a criar a estrutura do documento necessária para que esses dispositivos funcionem corretamente, tornando o site mais acessível.

sinal de ajuda com Braille

A separação do conteúdo (HTML) da apresentação (CSS) também torna as páginas mais acessíveis quando determinados elementos estilísticos estão indisponíveis (seja porque o servidor não conseguiu entregá-los ou as configurações personalizadas do usuário os substituem).

Sem as informações de estilo, um site bem construído simplesmente reverte para os padrões do navegador, o que significa que o conteúdo ainda é acessível, mesmo que os elementos estilísticos não sejam. Sites que não cumprem com os padrões geralmente não retornam dessa maneira.

Futuro-Proofing

Enquanto a paisagem da web está mudando constantemente, os clientes geralmente não querem ter que pagar por um site completamente novo depois de alguns anos por causa do código desatualizado.

Embora os grandes fabricantes de navegadores façam o melhor para tornar seus mecanismos de renderização compatíveis com versões anteriores (e o próprio HTML5 tem esse conceito incorporado), os benefícios futuros dos padrões da Web podem atrair os clientes.

Só porque um site não compatível parece bem nas versões atuais dos navegadores, isso não significa que será nos próximos, especialmente porque os navegadores continuam a deixar de lado algumas peculiaridades em favor de uma padronização mais ampla. Como tal, um argumento simples que você poderia fazer é que os sites compatíveis estão mais bem equipados para resistir ao teste do tempo, porque eles são construídos de acordo com o plano que orienta o desenvolvimento da web.

Performance melhorada

Mesmo o cliente mais desinformado reconheceria o quanto um site lento seria prejudicial para os negócios. Os padrões da Web também podem ajudar bastante com isso.

A diretriz para separar conteúdo e apresentação não foi estabelecida pelos puristas por esnobismo semântico. É realmente a melhor maneira de criar um site. Incorporar a marcação de estilo em cada página criaria muito inchaço e aumentaria o tamanho das páginas (e a quantidade de informações que os usuários teriam que baixar).

Ao mover o código de estilo para um arquivo CSS que pode ser armazenado em cache e eliminando as tabelas de layout e outras marcações inúteis, você tornará o site mais responsivo e fácil de usar. Joe certamente apreciaria isso.

O desempenho aprimorado também reduz o consumo de largura de banda e os custos relacionados (embora a maioria dos pacotes de hospedagem tenha mais largura de banda do que um site precisaria).

Manutenção mais simples

Dos muitos benefícios que advêm de ter um site compatível com os padrões, talvez o mais atraente seja que ele geralmente requer menos manutenção do que um site não compatível - ou, pelo menos, a manutenção pode ser feita com muito mais rapidez e baixo custo. Alguns ajustes em uma folha de estilo ativarão as alterações em todo o website.

Compare isso com um site que mistura estilo e conteúdo. Fazer uma alteração simples pode exigir a busca por vários arquivos de modelo ou, pior, um conjunto de documentos HTML estáticos. Eu me lembro de ter que fazer isso sozinho, pré-iluminação, vadeando através de uma série de feios font tags espalhadas pelas páginas. Qualquer mudança tipográfica levaria horas, e eu invariavelmente perdi um ou dois em algum lugar.

Manutenção fácil

Os padrões ajudam os clientes a evitar essas dores de cabeça e, em vez disso, se beneficiam de uma manutenção muito mais simples, barata e eficiente.

Como é semântico e segue estruturas de documentos estabelecidas, um site compatível também é mais fácil para outros designers e desenvolvedores lerem e entenderem. Portanto, se o cliente precisar de outra pessoa para manter o site, essa pessoa não precisará gastar horas tentando entender o código.

SEO

Enquanto houver nenhum consenso real Sobre o efeito dos padrões da Web na otimização de mecanismos de pesquisa, uma coisa é clara: os padrões não prejudicam. Na verdade, eles provavelmente trazem uma série de benefícios para o ranking de busca de um site. Basta olhar para as dicas que Aaron Walter sugere em seu “ Guia de Localização / SEO Cheat Sheet: Guia para Web Standards SEO , Todos os quais estão em conformidade com os padrões da web. Aqui estão alguns dos requisitos que ele sugere:

  • Sua marcação não deve conter erros que tornem a página difícil para um mecanismo de pesquisa indexar. Valide sua marcação com o Ferramenta de validação do W3C .
  • Escreva um mark-up semanticamente significativo. Isso significa usar tags como elas devem ser usadas e de uma maneira que reflita o conteúdo, e não de acordo com seu estilo padrão. Usar Extrator de semântica do W3C para verificar seu trabalho e visualizar seu site sem CSS para garantir que a hierarquia de informações suporte sua mensagem.
  • Escreva inteligível title tags, começando com o nome da página, depois o nome do site e, em seguida, uma frase curta e rica em palavras-chave que descreve o site.
  • Use tags de título com palavras-chave relevantes para identificar as principais seções de suas páginas. Coloque as etiquetas de cabeçalhos em ordem de importância, começando com h1 (para o nome do site ou da organização).

É lógico que a conformidade com os padrões ajudaria o SEO de um site pelas mesmas razões que o tornariam à prova do futuro. À medida que os algoritmos de pesquisa melhoram, os sites compatíveis permanecerão naturalmente os mais legíveis e rastreáveis, fazendo com que eles se classifiquem bem.

Certifique-se de que os clientes entendam que o SEO não deve ser feito à custa dos padrões. Tudo o que quebra os padrões é pouco mais que uma solução rápida para resultados fugazes, não uma solução inovadora para manter a visibilidade.

Conclusão

Embora Joe não se importe com o cumprimento das normas por si só, ele será receptivo aos muitos benefícios concretos que traria para o seu negócio. Mas você é quem tem que explicar esses benefícios para ele.

Você precisa explicar como aderir aos padrões da Web tornará seu site mais rápido, mais acessível, mais fácil de manter, mais à prova do futuro e, com toda a probabilidade, mais localizável. Se você puder ajudá-lo a compreender tudo isso, ele pode se tornar ainda mais entusiasmado com os padrões do que você é!


Escrito exclusivamente para Webdesigner Depot por Matt Ward. Matt é um designer e escritor respeitado que é freelancer sob o apelido Echo Enduring Media . Ele também atualmente atua como diretor de criação na Highland Marketing . Você deve seguir Matt em Twitter .

Como você aborda os padrões da web? Como você explica seus benefícios para os clientes? Compartilhe sua visão abaixo.