Como criar páginas de erro 404 personalizadas

Quando um arquivo ou uma página não é encontrada em seu site, é exibida uma tela de erro 404 nada amigável, que não ajuda o usuário em nada. Vamos aprender a criar uma página de erro personalizada em hospedagem Windows e Linux para estes casos, assim, o seu usuário provavelmente ficará no seu site a procura de conteúdo

Hospedagem Linux

Crie um arquivo no bloco de notas com o seguinte conteúdo, salve com o nome .htaccess (salvar como tipo = todos os arquivos) e deixe na pasta raiz da sua hospedagem (a mesma pasta que fica o index):

ErrorDocument 404 /sua_pagina_de_erro_personalizada.html

Substitua “sua_pagina_de_erro_personalizada.html” pelo caminho da pagina de erro que você criou.

Hospedagem Windows

Crie um arquivo no bloco de notas com o seguinte conteúdo, salve com o nome web.config (salvar como tipo = todos os arquivos) e deixe na pasta raiz da sua hospedagem (a mesma pasta que fica o index.html):

<configuration>
  <system.webServer>
    <httpErrors errorMode="Custom">
      <remove statusCode="404″ subStatusCode="-1″ />
      <error statusCode="404″ prefixLanguageFilePath="" path="/sua_pagina_de_erro_personalizada.html" responseMode="ExecuteURL" />
    </httpErrors>
  </system.webServer>
</configuration>

Substitua “sua_pagina_de_erro_personalizada.html” pelo caminho da pagina de erro que você criou.

Só umas dicas interessantes, sempre vejam se o caminho da página que vc fez está correto nos arquivos de configuração, e se vc fez o upload de todos os arquivos (só é possivel testar a página de erro personalizada no servidor). Outra dica fundamental, coloquem todos os links absolutos desta página personalizada, pois algumas imagens que vc utilizar nesta página podem não aparecer com links relativos.

ex:
link relativo: contato.html

link absoluto: http://www.seusite.com.br/contato.html
Espero que tenham gostado, qualquer dúvida perguntem
Lucas Peperaio

Lucas Peperaio

Estudante de Ciência da Computação, trabalho com desenvolvimento web há 5 anos e com hardware há 8. Nas horas vagas, sou entusiasta de Overclock, Casemod e Benchmarks, além é claro dos Games. Apaixonado por informática e pela vida, procuro compartilhar meus conhecimentos e assim, ajudar as pessoas. Siga-me no youtube, posto semanalmente muito material sobre Hardware, tecnologia e games em geral: Clique aqui

Receba gratuitamente em seu E-mail
Novos artigos do meu Blog!


Após o Cadastro você receberá um Email Automático. Clique no link enviado para Ativar e receber as novidades.

Categorias do site





6 Comentários Deixe o seu

  1. Bruno

    Bom post Lucas…..Tava procurando como faz isso no Windows… Essas configurações é mais fácil quando é no Linux neh?

  2. ricardo

    olá boa tarde tenho uma hospedagem no 000webhost porem criei a pagina .htaccess e dentro coloquei o seguinte código ErrorDocument 404 /erro404.html e enviei as duas paginas (( .htacess e a erro404.html )) mais não esta funfando oque devo fazer ja procurei na net e só a sua tutorial foi mais clara

    desde já agradeço

    • Lucas Peperaio

      A razão por não funcionar, é por bloqueio da hospedagem 000webhost. Caso você tenha um plano pago com eles, entre em contato com o suporte para ativar esta função, ou faça pelo painel cPanel. Caso o plano seja grátis, não a nada o que fazer, infelizmnte.

  3. Osmar

    eu uso o 000webhost (free) e no meu caso funcionou… Vlw pela dica

  4. Alexandre Perez

    Boa tarde Lucas. Seu post me ajudou muito! Deu certo em meu site veja… http://www.roscobrasil.com.br/qualquercoisa

    Porém se for digitado com mais uma barra é o site fica desconfigurado veja… http://www.roscobrasil.com.br/qualquercoisa/qualquecoisa

    O CSS não foi importado, não sei o que pode ser, pode me ajudar?

    Abraços!

  5. Tom Martins

    Olá, fiz os procedimentos e não deu certo, na verdade ainda da um erro 500. Pode ajudar, ou não esta mais respondendo a este post?