Criando sua página de erro personalizada

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 nomeweb.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=">

<error statusCode="404″ prefixLanguageFilePath=">

</httpErrors>

</system.webServer>

</configuration>

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

Agora, seguem algumas dicas interessantes:

Sempre vejam se o caminho da página que você fez está correto nos arquivos de configuração, e se você fez o upload de todos os arquivos (só é possível 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 você 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.