Dicas de Qualidade para webmasters

<title>: O elemento mais importante de uma página web de qualidade

O elemento <title> em HTML foi projetado para fornecer um pequeno pedaço de texto no documento nos seguintes casos:

• Barra de título da Janela;
  
• lista de favoritos;
  
• lista de resultado do serviço de busca.

Por isso devemos sempre dar um bom título ao nosso site, não sendo muito curto e nem muito longo.

Não use “Clique aqui” como texto de um link

Ao chamar o usuário para ação o link deve fornecer:

• Informações quando lida fora do contexto;


• Explicar o que o link oferece;


• Não falar sobre mecânica,


• Não é uma expressão verbal.

Exemplo:
Evitar a seguinte frase na sua página:

Para fazer o download do IRPF 2010 / Receita Fazenda, clique aqui

Ou

Para fazer download do IRPF 2010, vá para o sitio da Receita e obtenha o software necessário.

Ambas as sentenças divulga muito a mecânica de obtenção do software da Receita. Se quiser chamar o leito à ação, use algo como:

Obter IRPF 2010

Use o atributo alt para descrever a função de cada elemento visual

O atributo alt é definido em um conjunto de tags (img, área, input, applet, etc) para permitir que você forneça um equivalente contextual para o objeto.

Benefícios para o seu site com o uso do alt:

• Atualmente, os navegadores da web estão disponíveis em uma grande quantidade de plataformas com capacidades muito diferentes, alguns não podem exibir imagens ou apenas um conjunto restrito de tipos de imagens. Se o código tem o atributo alt definido na suas imagens, a maioria dos navegadores exibirá a descrição que você deu, em vez das imagens.


• Alguns de seus visitantes não podem ver as imagens, sejam eles cegos, daltônicos, com visão reduzida. O atributo alt é de grande ajuda para estas pessoas terem uma ideia do que está em sua página.

Obs.: Se a imagem apresenta uma série de informações importantes, tente resumi-la em uma pequena linha para o alt e adicionar o atributo longdesc para uma descrição mais detalhada.

Cuidado com o tamanho da fonte


Uma certa tendência para os designers, acreditando que o texto pequeno da página web dá uma aparência mais elegante e oferece mais espaço por “página” de conteúdo real, muitas vezes resulta na utilização de tamanhos de letra excessivamente pequeno.

Outro fator importante é esquecer <font> e utilizar o CSS, pois é a forma mais adequada para definir o tamanho do texto exibido além de ser mais flexível, mais fácil de manter e economiza largura da banda.

Não é uma boa prática especificar o font-size em pt, utilize xx-small, x-small, x-large ou em.

GIF x PNG

- GIF desenvolvida em 1980 e ainda é amplamente utilizado.

- PNG desenvolvida em 1995 e tornou-se uma recomendação do W3C em 1996.

Para a Web, PNG tem três grandes vantagens:

- Canais Alpha (transparência variável);

- Correção gamma-cross platform (controle de brilho da imagem) e cor;

- Entrelaçamento bidimensional (um método de visualização progressiva).

E aí? Gostou? Escreva seu comentário enviando mais dicas. :)