Como customizar páginas de erro 404 e 500 no seu site

Neste tutorial você vai aprender como customizar as páginas de erro do seu site, como por exemplo o erro 404 (Página não encontrada), erro 500 (Internal Server Error), e outras mensagens desse tipo.

1 – Acesse o painel da hospedagem

O primeiro passo é acessar o painel de controle clicando no link (cPanel) aqui (ver timecode 0:30).

Agora dentro do Cpanel, role a página para baixo até localizar e clique na opção “Páginas de erro”.

Aqui você pode identificar as opções de erro customizáveis. Os mais comuns são os erros 404 e o erro 500.

2 – Customizando a página de erro 404 da hospedagem

Neste exemplo vamos customizar o erro 404. Clique nele.

Neste espaço (ver timecode 1:18) você deverá introduzir as tags html da sua página. Você pode editar diretamente nesse espaço, ou colar um html de fora.

Vamos criar um exemplo:

O primeiro passo é ver o seu site com a mensagem padrão do servidor, ou seja, sem o erro customizado. Qualquer página acessada que não seja localizada fará com que apareça a mensagem padrão “not found”.

Experimente introduzir o seguinte texto modelo: “Ooops.. Site não encontrado!”

Na sequência role a página para baixo e clique em “salvar”. Agora a página já está salva.

3 – Editando os arquivos 404.html e 500.html manualmente

A página foi salva com o nome 404.shtml

Esse arquivo ficará sempre dentro da public html do seu FTP da hospedagem de sites.

Se você quiser customizar, introduzir algo mais avançado e não fazer uso desse editor, basta localizar esse aqui arquivo “404.shtml” e editá-lo.

Vamos agora fazer um teste para a nossa página customizada. Recarregue a página antes não encontrada. Você verá que agora aparece o texto modelo.

 

 

 

Este artigo foi útil?

Obrigado pela resposta!
Picture of Gustavo Gallas

Gustavo Gallas

Analista de sistemas, formado pela PUC-Rio. Programador, gestor de redes e diretor da empresa Homehost. Pai do Bóris, seu pet de estimação. Gosta de rock'n'roll, cerveja artesanal e de escrever sobre assuntos técnicos.

Contato: gustavo.blog@homehost.com.br

Ganhe 30% OFF

Indique seu nome e e-mail,e ganhe um cupom de desconto de 30% para sempre na Homehost!