Curiosidades sobre criação de sites que importam na prática

Curiosidades sobre criação de sites e as decisões que cada uma explica Cada curiosidade explica uma decisão O FATO A DECISÃO QUE ELE EXPLICA O site de 1991 ainda abre hoje a web é retrocompatível — nada quebra sozinho por idade Nenhum site "está no Google" publicar não garante aparecer — indexar é decisão do buscador 404 é resposta, não página erro que responde "tudo certo" mantém lixo indexado O "www" sempre foi opcional as duas formas precisam funcionar, uma redirecionando Imagem é o que mais pesa comprimir imagem é a otimização de maior retorno Contraste atrai, cor forte não página cheia de cor vibrante não destaca coisa alguma Quase toda curiosidade sobre sites explica por que algo custa ou demora o que custa e demora
TL;DR — Resumo em 4 pontos:
  • O primeiro site do mundo, de 1991, continua no ar — e abre em qualquer navegador atual.
  • Nenhum site "está no Google". Ele está no índice — e entrar nele é decisão do buscador.
  • Correção: não é a cor vibrante que atrai o olhar, é o contraste.
  • A maior parte do custo de um site não é o código — é decidir o que vai nele.

O texto anterior não tinha curiosidade nenhuma

A versão de 2018 prometia curiosidades e não trazia uma sequer. Trazia, em compensação, um bloco de venda no meio do corpo ("Você sabia que é possível conseguir um site profissional facilmente? Isso mesmo! Viste, ligue ou mande mensagem"), três "artigos" citados sem link nem título — de fontes que não tratam de construção de sites —, e uma seção inteira chamada "Oferecemos o serviço de criação de sites em passo fundo": uma frase de venda para outra cidade, sobrando de outro projeto.

Havia ainda "Ancontre" na descrição da página, frases sem sentido ("Para que a utilize-se a tecnologia seja de forma eficiente, na criação de sites profissionais."), um parágrafo repetido quase palavra por palavra e quatro títulos de outros artigos colados no meio do texto como frases avulsas.

Este texto entrega o que o título promete: onze fatos sobre como a web funciona — todos verificáveis, nenhum trivial. E cada um vem com a parte que costuma faltar.

A regra deste texto

Curiosidade sem consequência é passatempo. A regra aqui é outra: cada fato listado precisa explicar uma decisão — por que algo custa o que custa, demora o que demora ou quebra do jeito que quebra.

Isso é mais útil do que parece. Boa parte das discussões entre quem contrata e quem constrói um site vem de expectativas formadas sem esse contexto: por que não dá para "só mudar isso rapidinho", por que o site sumiu do Google, por que a foto que ficou linda no computador deixa a página lenta no celular. Os onze pontos a seguir respondem a esse tipo de pergunta.

O primeiro site do mundo continua no ar

Ele foi publicado em 1991 por Tim Berners-Lee, no CERN, e explicava o que era a própria World Wide Web. Só texto e links: sem imagem, sem cor, sem layout. E continua acessível hoje, abrindo normalmente em qualquer navegador atual.

Por que isso importa: a web foi construída para não quebrar o que já existe. Um documento de mais de trinta anos continua funcionando porque as regras antigas nunca foram descartadas — decisão rara em tecnologia, onde é comum uma versão nova inutilizar a anterior.

A consequência prática é útil e contraintuitiva: páginas não param de funcionar por ficarem velhas. O que envelhece mal é outra coisa — o conteúdo desatualizado, os sistemas ao redor e os recursos que dependem de terceiros. O HTML em si sobrevive.

Nenhum site "está no Google"

Esta é a curiosidade que mais desfaz mal-entendido. Nenhum site está dentro do Google: ele está no índice, que é uma cópia organizada das páginas que o buscador decidiu guardar.

São três etapas distintas, e cada uma pode falhar sozinha: o buscador precisa descobrir que a página existe, precisa rastreá-la, e só então decide se vale indexá-la. Publicar cumpre nenhuma das três — apenas coloca o arquivo na internet.

Por que isso importa: explica a frustração mais comum depois de um site novo no ar. Nada garante aparecer; páginas sem conteúdo próprio, duplicadas ou vazias podem simplesmente não entrar no índice. E explica por que "colocar no Google" não é um botão que alguém esqueceu de apertar.

404 não é uma página — é uma resposta

Todo endereço acessado devolve um código de status junto com o conteúdo. O 200 significa "aqui está"; o 301, "isso mudou de lugar, permanentemente"; o 404, "esse endereço não existe aqui"; o 500, "deu erro do meu lado".

Ou seja: 404 não é aquela página bonita com um desenho e uma piada. Essa página é só a decoração da resposta. O que os navegadores e buscadores leem é o código.

Por que isso importa: existe um erro clássico, invisível para quem só olha a tela — a página de erro que responde 200, como se estivesse tudo certo. Para o buscador, isso significa que existe conteúdo válido ali, e o endereço quebrado permanece indexado, às vezes aos milhares. É o tipo de problema que só aparece quando alguém verifica o código, não a aparência.

O "www" sempre foi opcional

O "www" nunca foi obrigatório nem parte do endereço em si: é um subdomínio, como qualquer outro. Virou convenção nos anos 1990 para indicar qual servidor da organização respondia pela web, quando o mesmo domínio também servia e-mail e transferência de arquivos.

Por que isso importa: as duas formas do endereço precisam funcionar, e uma delas precisa redirecionar para a outra. Quando isso não é configurado, o site passa a existir em dois endereços diferentes aos olhos do buscador — o que divide o histórico — e o certificado pode cobrir só uma das versões, fazendo o cadeado sumir para parte dos visitantes, como está detalhado em o que o cadeado realmente diz.

A fonte que você escolheu pode não ser a que aparece

Um site não envia a fonte junto com o texto por padrão: ele pede ao navegador que use determinada família de letras. Se ela não estiver disponível no aparelho e o arquivo não carregar, o navegador usa a próxima da lista — e existe uma lista, chamada pilha de fontes.

Por que isso importa: em conexões lentas, o visitante pode ver o texto primeiro em uma fonte substituta e depois assistir à troca, o que provoca aquele pequeno salto no layout. Por isso projetos bem feitos escolhem substitutas com largura parecida — e por isso um site pode parecer "diferente" no aparelho de um cliente sem que nada esteja quebrado.

Imagem é quase sempre o que pesa

Quando um site está lento, o instinto é culpar a hospedagem ou o sistema. Na maioria das vezes, o peso está nas imagens: elas costumam responder pela maior parte do tamanho de uma página comum.

O erro mais frequente é enviar a foto exatamente como saiu da câmera ou do celular — com dimensão muitas vezes maior do que o espaço em que será exibida. O navegador baixa tudo e reduz na hora de mostrar; o visitante pagou o download inteiro para ver uma fração.

Por que isso importa: é a otimização de maior retorno e menor custo que existe em um site. Redimensionar para o tamanho real de exibição e usar formatos modernos costuma cortar o peso da página de forma drástica sem que ninguém perceba diferença na tela.

Quer um site que já nasce leve, rápido e sem esses problemas? A Agência Fort constrói cuidando das partes que ninguém vê — e que decidem se o site funciona. Fale pelo WhatsApp.

Correção: contraste atrai, cor forte não

O texto anterior recomendava "cores vibrantes que atraiam olhares". A recomendação está errada, e o motivo é interessante: o olho não é atraído por saturação — é atraído por diferença.

Um botão discreto em uma página calma chama muito mais atenção que um botão vibrante em uma página cheia de cores fortes. Quando tudo grita, nada se destaca. É por isso que sites bem projetados usam pouca cor de destaque: para que ela signifique alguma coisa quando aparecer.

Por que isso importa: há também a parte que a recomendação antiga ignorava por completo — contraste suficiente entre texto e fundo é o que permite ler. Texto claro sobre fundo claro é elegante na tela do designer e ilegível no celular de alguém sob o sol, ou para quem enxerga menos. É requisito de acessibilidade, não preferência estética.

O carregamento que importa é o percebido

Existe uma diferença entre o momento em que a página termina de carregar tudo e o momento em que ela parece pronta para quem está olhando. O segundo é o que decide se a pessoa fica.

Uma página pode levar vários segundos para concluir tudo em segundo plano e ainda assim parecer instantânea, porque o texto principal e a imagem de topo apareceram de imediato. E o contrário também acontece: uma página tecnicamente rápida que mostra a tela em branco enquanto espera um único recurso passa a sensação de lentidão.

Por que isso importa: explica por que "meu site tem nota boa na ferramenta mas parece lento" — e por que a otimização certa costuma ser priorizar o que aparece primeiro, e não reduzir o número total de arquivos.

O projeto começa pela tela pequena

A maior parte dos acessos vem do celular, mas a curiosidade não é essa — é que a ordem do projeto muda o resultado, mesmo quando o site final é o mesmo.

Projetar na tela grande e depois adaptar produz páginas em que sobra espaço para tudo, e a informação essencial acaba espremida no fim da versão pequena. Começar pela tela pequena obriga a decidir o que é essencial antes de qualquer outra coisa — porque não cabe tudo.

Por que isso importa: a versão de tela grande fica melhor quando nasce da pequena. Não é uma limitação técnica: é uma disciplina de priorização que aparece no resultado final das duas telas.

Sites não ficam prontos

A metáfora da obra é a fonte de metade das frustrações com sites: a ideia de que um dia ele fica pronto e depois só é usado.

Não funciona assim. Navegadores mudam, sistemas operacionais se atualizam, serviços integrados alteram regras, certificados vencem, plugins param de ser mantidos e o conteúdo envelhece. Um site sem manutenção não permanece igual — ele se deteriora sozinho, sem que ninguém tenha mexido em nada.

Por que isso importa: é o que justifica a linha de manutenção no orçamento, que costuma ser a primeira a ser cortada e a mais cara quando falta. A conta é conhecida: manter é uma fração do custo de reconstruir do zero três anos depois, que é o desfecho comum de sites abandonados.

A maior parte do custo não é o código

A última curiosidade é a que mais surpreende quem contrata: a parte mais demorada de fazer um site raramente é construí-lo.

Montar as páginas é trabalho conhecido e estimável. O que consome tempo é decidir o que vai nelas: o que a empresa vende, em que ordem explicar, quais provas mostrar, que palavras usar, o que cortar. São decisões de negócio, não de programação — e dependem de informação que só existe dentro da empresa.

Por que isso importa: explica por que projetos travam esperando textos e fotos, não esperando desenvolvimento. E explica por que um site fica caro quando a definição é adiada: cada mudança de rumo depois da construção custa mais do que teria custado antes. O caminho para encurtar isso está em como criar o conteúdo ideal para o meu site.

Perguntas frequentes

Qual foi o primeiro site do mundo?

Foi publicado em 1991 por Tim Berners-Lee, no CERN, e explicava o que era a própria World Wide Web. Tinha apenas texto e links, sem imagem, cor ou layout. O detalhe mais interessante é que ele continua no ar e abre normalmente em qualquer navegador atual — a web foi construída para não quebrar o que já existe.

Publicar um site garante que ele apareça no Google?

Não. Nenhum site "está no Google": ele está no índice, que é uma cópia organizada das páginas que o buscador decidiu guardar. Publicar apenas coloca a página na internet. Ser rastreada e ser indexada são decisões do buscador, e páginas sem conteúdo próprio podem simplesmente não entrar no índice.

O que é o erro 404?

Não é uma página: é um código de resposta do servidor, que significa "esse endereço não existe aqui". A página bonita que você vê é só a decoração dessa resposta. O problema comum é uma página de erro que responde como se estivesse tudo certo — nesse caso o buscador entende que existe conteúdo válido e mantém o endereço indexado.

Preciso do "www" no endereço do site?

Não. O "www" é um subdomínio e sempre foi opcional — virou convenção nos anos 1990 para indicar qual servidor respondia pela web. O que importa hoje é que as duas formas funcionem e uma redirecione para a outra; quando isso não acontece, o site fica dividido em dois endereços e o cadeado pode falhar em um deles.

Por que meu site está lento?

Na maioria dos casos, por causa das imagens: elas costumam responder pela maior parte do peso de uma página. Enviar a foto do jeito que saiu da câmera, com muito mais tamanho do que a tela vai exibir, é o erro mais comum e o de correção mais barata. Depois vêm scripts de terceiros e o tempo de resposta do servidor.

Cores vibrantes atraem mais visitantes?

Não é a saturação que faz alguém olhar: é o contraste em relação ao que está em volta. Um botão discreto numa página calma chama mais atenção que um botão vibrante numa página cheia de cores fortes. Além disso, contraste suficiente entre texto e fundo é o que garante que a página possa ser lida — inclusive no sol.

Por que o site precisa ser projetado primeiro para celular?

Porque é de onde vem a maior parte dos acessos, e porque a ordem importa. Projetar na tela grande e depois espremer produz páginas em que a informação essencial fica no fim; começar pela tela pequena obriga a decidir o que é essencial antes. O resultado costuma ser melhor nas duas telas.

Um site fica pronto?

Não no sentido em que uma obra fica. Navegadores mudam, sistemas se atualizam, serviços integrados alteram regras e o conteúdo envelhece. Um site sem manutenção não permanece igual: ele se deteriora sozinho. Por isso a linha de manutenção não é opcional no orçamento — ela é o que evita a próxima reconstrução do zero.

Por que criar um site custa o que custa?

Porque a maior parte do trabalho não é o código: é decidir o que vai na página. Definir o que a empresa vende, em que ordem explicar, quais provas mostrar e o que cortar consome mais tempo do que montar. É também por isso que projetos travam esperando conteúdo, e não esperando programação.

Um site construído por quem cuida do que não aparece

A Agência Fort trata das partes invisíveis — código de resposta, peso de imagem, redirecionamento, manutenção — que decidem se o site funciona. Conheça a criação de sites.

Começar Agora Falar com Especialista

Continue lendo sobre criação de sites

CMS, hospedagem e domínio

Site e blog: qual a diferença

O que o cadeado do SSL realmente diz

Como criar o conteúdo ideal para o meu site