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 linkAo 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. :)
