Na WEB desde 11/04/97

mais um site associado à:

Atualizada em: 07/07/03
© 1997-2008 by Francisco Panizo Beceiro

São 25 ações que você tem que conhecer.
São ações que permitirão que seu contador de visitas não pare de crescer semana após semana.
Só lembre-se de algo mais importante do que seguir estas regras é seguir uma outra mais importante que todas as outras juntas:

O seu site é tão bom quanto o seu conteúdo!

Embora existam pessoas que se deleitem com o simples apresentar de todos os recursos audio-visuais mais modernos, dos plug-ins mais novos, daquele novo comando de DHTML, ou Java, ou JavaScript, a imensa maioria das pessoas, que navega pela WEB, está atrás de informações consistentes e atualizadas.

Se o conteúdo que existe em seu site não for de boa qualidade, de nada adiantará seguir as ações que apresento a seguir. Portanto, se for o caso, volte um passo atrás, redefina o conteúdo de seu site para que seja de interesse para uma grande comunidade, e só então leia o material que segue.

O QUE DEVE SER FEITO

São sete as ações que podem, e devem, ser tomadas para garantir que seu site seja um dos melhores da WEB. Seguindo-as sempre que possível, e garantindo que o conteúdo tenha a substância necessária para manter seus visitantes sempre retornando, e indicando seu site para todos os seus amigos, seu site com certeza ganhará muitas visitas, sempre!

1. Crie uma tela de abertura (splash) para sua home page
   1. essa tela deve ter pouco texto;
   2. essa tela deve ter um visual caprichado (mais que as demais páginas do site);
   3. faça-a com uma imagem apenas, se possível, garantindo que ela não ultrapasse o tamanho de 50KB;
2. Faça suas páginas de comprimento de 1 (ou no máximo 2) tela vertical
   1. aplique essa regra pelo menos nas páginas principais, aquelas que servem de índice para as grandes seções de seu site;
3. Nas páginas de detalhes pode-se utilizar um comprimento superior à 5 telas
   1. entretanto o ideal é subdividir essas páginas para que nenhuma delas ultrapasse esse tamanho;
   2. crie uma mini-barra de navegação dentro das subdivisões da página maior, isso ajuda aos visitantes a navegar mais facilmente entre as partes;
4. Garanta que suas páginas carreguem em menos de 30 segundos
   1. pelo menos que mostrem suficiente texto e alguma imagem em menos de 15 segundos;
   2. enquanto o visitante vai lendo esse texto inicial, o restante de sua página vai sendo carregada;
5. Use uma Barra de Navegação na maioria de suas páginas
   1. crie uma Barra de Navegação para cada seção do site;
   2. em todas as Barras de Navegação mantenha um link para retornar à página principal da seção;
   3. se possível mantenha também um link para o retorno à Home Page;
   4. as Barras de Navegação devem ser criadas apenas com texto
      (fonte Arial ou Verdana - tamanho 1 ou 2);
   5. se criar sua Barra de Navegação com imagens (tipo botão) garanta que essas imagens sejam as menores possíveis (jamais devem ter um tamanho superior à 2 KB);
6. Use imagens de fundo quando importantes para integrar e/ou dar um toque exclusivo ao Site
   1. crie a imagem de tal sorte a que ela tenha o menor tamanho possível (em geral isso pode ser alcançado através da redução do contraste e do aumento da luminosidade da imagem, em paralelo a redução do número de cores)
   2. cuidado com as cores utilizadas para que elas não afetem o contraste, e assim prejudiquem a visualização das figuras e do texto do primeiro plano;
7. Use cores mais fortes, contrastantes, para o texto principal
   1. pode-se usar cores distintas para destacar algum trecho especial; mas use se possível o NEGRITO para dar tal destaque;
   2. as cores do texto devem contrastar bem com a do fundo, para evitar a fadiga na leitura das páginas no monitor;

O QUE NÃO DEVE SER FEITO

São treze as ações que não devem ser jamais levadas a cabo, pois elas com certeza só servem para te fazer perder visitas, e deixar seu site às moscas!

1. Links quebrados
   1. os links são a ferramenta básica da Web; ela dá simplesmente nome à linguagem de programação usada na WEB: o HTML (Hyper Text Markup Language);
   2. quando alguém não consegue ir a lugar algum, clicando um link em sua página, se sente frustado, e tende a passar de imediato para um outro site qualquer;
2. Páginas com comprimento maior que 5 telas de rolagem vertical
   1. se não for possível subdividir a página em sub-páginas então tente reduzir ao mínimo o texto;
   2. nunca deixe tal tipo de página como uma das principais de seu site;
3. Tela de largura superior a janela do browser
   1. evite que suas tabelas cresçam muito lateralmente, mantendo-as com uma largura (width) sempre inferior à janela normal de um browser (vide estatísticas);
   2. o movimento vertical é melhor aceito que o horizontal, além disso uma barra de rolagem na horizontal desperdiça parte da janela que o usuário tem para ler sua página;
   3. sempre que possível defina suas tabelas com a largura definida em porcentagem (width=100%), não em pixels - assim mesmo um usuário que utilizar uma resolução menor ainda assim conseguirá visualizar toda a largura da tabela numa única tela;
   4. além de tudo isso, na hora de imprimir a tabela sairá cortada, sendo simplesmente desprezado o material que não couber no papel;
4. Páginas feitas para resolução igual ou superior à 1024 x 768 pixels
   1. as estatísticas mostram que menos de 7% dos usuários utilizam-se de resoluções dessa ordem;
   2. as mesmas estatísticas provam que quase 80% dos usuários utilizam a resolução de 800 x 600 pixels;
   3. juntando as resoluções de 800x600 e 640x480 pixels mais de 92% dos Internautas são abrangidos;
5. Mais de 10 imagens na mesma página
   1. principalmente se as imagens tiverem tamanho superior à 20 KBytes;
   2. o tempo para baixar tanto material acarretaria uma demora inaceitável para os usuários;
6. Usar 4 ou mais fontes diferentes na mesma página
   1. isto causa um cansaço visual grande, atrapalhando o foco na informação existente;
7. Usar 4 ou mais cores diferentes na mesma página
   1. isto causa um cansaço visual grande, atrapalhando o foco na informação existente;
8. Usar mais de 2 BANNERS por página
   1. o seu visitante com certeza não está olhando sua página para apreciar os belos banners que você entulhou na suas páginas;
9. Usar imagens com tamanho superior a 75 KB
   1. o tempo para baixar tal quantidade de informação é muito elevado nas conexões discadas;
   2. se você realmente tiver que usar essa imagem, então avise o usuário de que tal imagem é muito grande, e portanto levará um tempo maior para se formar no browser do usuário;
   3. outra opção seria usar um "thumbnail" (pequena imagem) da própria imagem, assim o usuário saberia se vale a pena clicar nesse link;
10. Usar uma grande tabela na sua página, ocupando toda a página
    1. tempos superiores a 15 segundos, sem que nada apareça na tela do usuário, acabam levando ao abandono de seu site;
    2. se for o caso, quebre sua tabela ou 2 ou mais partes, isso garante que o usuário terá rapidamente algo para ver, enquanto o restante da página ainda está sendo carregada no browser;
11. Use frames sem cuidado gráfico com o layout
    1. a pior coisa a fazer é usar frames sem cuidar do visual da página;
    2. a maioria dos internautas odeia frames;
    3. se for imprescindível lançar mão de frames, cuide para que as divisões entre os diversos frames fique invisível lançando mão de comandos que removem essas divisões (como?);
    4. se possível crie um grande gráfico com a aparência de uma moldura, que se estenda por partes de todos os frames, assim escondendo essas divisões entre os frames;
12. Use cores de fundo (ou imagens de fundo) que briguem com o primeiro plano
    1. cores de fundo, que não dêm contraste com as imagens e o texto do primeiro plano, causam um grande cansaço visual, que prejudica sensivelmente a vontade de continuar visitando seu site;
13. Use a cor branca para o texto
    1. não use a cor branca para definir o texto, nem mesmo se a cor do fundo da sua página for escura, ou mesmo preta;
    2. a cor branca para texto impedirá que seus visitantes possam imprimir suas páginas;
    3. use, sempre que for o caso uma cor escura e forte, para dar o devido contraste para o texto;
    4. a cor amarelo escuro (algo como o parâmetro color="#FFCE00") é suficientemente contrastante, e permite uma razoavel qualidade de leitura no papel impresso;

COMO MANTER UM VISITANTE FIEL PARA SEMPRE

São cinco as principais ações que você deve tomar para que seu site tenha sempre os visitantes retornando, fiéis, como se fosse uma pequena comunidade. É o que acontecerá se seguires estas ações!

1. Atualize o VISUAL de seu Site
   1. faça-o pelo menos 2 vezes ao ano;
   2. isto mostra seu empenho em cuidar, manter e incrementar seu site;
   3. faça isso pelo menos na Home Page, e nas principais páginas do site;
2. Atualize o CONTEÚDO de seu Site
   1. faça-o no máximo a cada 3 meses;
   2. pelo menos acrescente novas informações em páginas importantes;
   3. e/ou acrescente novas páginas às seções mais visitadas;
3. Coloque a data de atualização nas páginas
   1. coloque no rodapé (melhor ainda no cabeçalho) das páginas essa informação
   2. nunca minta sobre isso - a mentira tem pernas curtas, e se descobrirem ....;
   3. isto só não será necessário nas páginas cujo conteúdo não se altere
      (tipo História do Brasil, ou Receitas de Bolo: a indicação da última atualização não trará nenhum benefício, nem para você, nem para seus visitantes);
4. Crie uma comunidade de amigos entre você e seus mais fiéis visitantes
   1. use um FORMulário para cadastrar os visitantes que voluntariamente desejarem participar;
   2. deixe claro que seus e-mails jamais serão utilizados por terceiros;
   3. crie um e-zine - um jornalzinho eletrônico distribuído por e-mail para os associados;
   4. lembre de sempre acrescentar informações úteis, que complementem as do site, para dar aos amigos motivos para continuar recebendo e lendo seus e-zines e, principalmente, continuar visitando seu Site;
   5. envie seus e-zines no mínimo a cada mês, mas no máximo a cada semana;
5. Crie um Livro de Visitas
   1. no Livro de Visitas seus visitantes poderão deixar - livremente - suas impressões, além de sugestões e críticas, sobre o Site;
   2. mas tenha a certeza de que você sempre terá o controle do Livro de Visitas, para poder limpar as "brincadeiras" dos " engraçadinhos de plantão";

Estatísticas de Visitas:

As tabelas abaixo foram obtidas nas visitações ao site http://www.superdicas.com  - no período de 25/03/99 até 31/07/99

Resolução de Tela Visitas Porcentagem 800 * 600 70.246 79,5 640 * 480 11.185 12,6 1024 * 768 5.931 6,70 800 * 553 671 0,76 1152 * 864 172 0,19 720 * 480 112 0,12 1280 * 1024 101 0,11 A tabela acima mostra que a resolução mais utilizada é de 800x600. Seguida, bem longe, pela tradicional de 640x480. Mesmo somadas as resoluções (para PC) iguais e superiores a 1024x768 não alcançam 7% do total.

Guerra dos Browsers Microsoft Netscape Versões 5.x 17.237 0 Versões 4.x 37.646 34.043 Versões 3.x 3.821 2.301 Total dos Browsers 58.704 36.344 Porcentagem 61,8 38,2 A tabela acima mostra que o browser mais utilizado atualmente é o Internet Explorer, numa proporção de quase 2 x 1. Considerando-se as famílias das versões, pode-se esquecer as versões 3.x, quase 94% do total pertence às versões 4.x e 5.x

Tornando a Divisão entre Frames Invisível:

O uso de frames pode ajudar a navegação em alguns sites mais complexos. Além disso pode servir para vários propósitos, sendo um deles o de esconder dos visitantes os endereços reais das páginas que estão sendo visitadas. Entretanto um pecado mortal é deixar o código como ele é definido nos livros básicos:

Exemplo de uma página que define um conjunto normal de frames para um site:

<html>
<head>
<title>SUPER DICAS - Todas as Dicas Que Você Sempre Quis!</title>
<meta NAME="Author" CONTENT="Francisco Panizo Beceiro">
<meta NAME="Description" CONTENT="SUPER DICAS + PORTAL DAS DICAS + HELP DESK">
</head>
<frameset rows="21,*">
<frame SRC="barra.htm" target="principal">
<frame NAME="principal" SRC="helpdesk.htm">
</frameset>
</html>

Exemplo de uma página que define um conjunto especial de frames invisíveis para um site:

<html>

<head>
<title>SUPER DICAS - Todas as Dicas Que Você Sempre Quis!</title>
<meta NAME="Author" CONTENT="Francisco Panizo Beceiro">
<meta NAME="Description" CONTENT="SUPER DICAS + PORTAL DAS DICAS + HELP DESK">
</head>
<frameset FRAMEBORDER="0" framespacing="0" border="0" rows="21,*">
<frame SRC="barra.htm" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"
       scrolling="No" frameborder="No" noresize framespacing="0" target="principal">
<frame NAME="principal" SRC="helpdesk.htm">
</frameset>
</html>

PS: como é possível perceber no código, em negrito e vermelho acima, alguns parâmetros parecem duplicados; na verdade estão mesmo duplicados; a razão são as diferentes implementações do código HTML aceitas pelos dois líderes do mercado de browsers: o NetScape Communicator e o Internet Explorer - como os comandos que um browser não entende não acarreta problemas para o visitante, é usual colocar todos os parâmetros acima.

[Índice] [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11]