Skip to content

Como nomear arquivos HTML

11 de maio de 2021

Os nomes de arquivo são parte do seu URL – e, portanto, uma parte importante do seu HTML. Você pode nomear seu arquivo quase qualquer coisa que você escolher, mas você deve seguir algumas regras gerais para garantir que ele seja exibido corretamente.

Não use caracteres especiais

Para obter melhores resultados, use apenas letras, números, hifens, sublinhados e pontos. Qualquer outro caractere em um nome de arquivo pode impedi-lo de carregar corretamente ou de todo.

Não use espaços

A maioria dos sistemas operacionais pode lidar com nomes de arquivos com espaços, mas as páginas da web não. O espaço normalmente é exibido com um sublinhado, portanto, muitas pessoas presumem que devem digitar o caractere de sublinhado na barra de endereço. Além disso, muitos navegadores exigem que um espaço seja codificado como um sinal de mais ou como% 20.

Comece o nome do arquivo com uma letra

Embora isso não seja absolutamente necessário, algumas linguagens de programação dão aos números um aviso especial e podem não tratar um arquivo que comece com um número como você deseja. A página pode não ser exibida corretamente ou nem mesmo carregar.

Use todas as letras minúsculas

Este também não é um requisito absoluto, mas é uma boa prática. Ao contrário dos sistemas operacionais de computador pessoal, a maioria dos sistemas operacionais de servidor da Web diferencia maiúsculas de minúsculas. Isso significa que sua máquina Windows pode ver Filename.htm o mesmo que filename.htm mas seu servidor web veria isso como dois arquivos diferentes. Esse é um motivo comum pelo qual as imagens não são exibidas em sites criados por designers novatos.

Mantenha seus nomes de arquivo curtos

Embora um URL possa ter até 2.000 caracteres ou mais, é melhor manter os nomes de arquivo curtos e úteis. Nomes de arquivos com no máximo quatro ou cinco palavras ou 30 a 50 caracteres são ideais. Os nomes de arquivo que indicam seu conteúdo ou finalidade também podem ser úteis, especialmente ao lidar com um grande site com muitas páginas.

Lembre-se da extensão do arquivo

A maioria dos editores de HTML adiciona extensões automaticamente, mas se você escrever seu HTML em um editor de texto como o Bloco de notas, deverá incluí-lo você mesmo. Você tem duas opções para arquivos HTML simples: .html e .htm. Não há diferença funcional entre .htm e .html. Escolha o que você preferir e use-o em todo o seu site.

Boas práticas de nomeação de arquivos HTML

Ao nomear arquivos HTML, lembre-se destas diretrizes:

  • As pessoas lêem os URLs e links em busca de pistas sobre o que a página trata. Um nome de arquivo claro e compreensível dá aos visitantes confiança em seu site.
  • Usar palavras separadas por hífens pode ajudar no SEO porque os mecanismos de pesquisa lêem os URLs.
  • CamelCase (mistura de letras maiúsculas e minúsculas), embora popular entre os especialistas em branding, pode ser difícil de ler. Além disso, você corre o risco de um sistema de arquivos com distinção entre maiúsculas e minúsculas não reconhecer que filename.htm e fileName.htm são os mesmos arquivos.
  • Nomear arquivos com base em datas ou outros detalhes arbitrários torna a edição difícil posteriormente. Por exemplo, se você está procurando um arquivo sobre elefantes, elefantes.htm é uma escolha óbvia, enquanto aa072700a.htm poderia ser sobre qualquer coisa.

Geralmente, bons nomes de arquivo para páginas da web são fáceis de ler e entender para você e seus visitantes. Eles são fáceis de lembrar e fazem sentido na hierarquia do site. Seguir essas diretrizes ajudará seu site a realizar o trabalho de comunicar uma mensagem e o ajudará a fazer o seu trabalho de manutenção do site.