Páginas de Erro Personalizadas no Nginx: Melhore a Experiência do Usuário
Crie e configure páginas HTML personalizadas para erros do Nginx (como 404 ou 500) para fornecer informações úteis e uma experiência de usuário mais profissional.
Por que personalizar páginas de erro?
As páginas de erro padrão do Nginx são funcionais, mas não transmitem uma imagem profissional. Ao personalizar essas páginas, você pode:
- Manter o branding: Mantenha o design e a identidade visual do seu site.
- Guiar o usuário: Ofereça links úteis para a página inicial ou suporte, evitando que o usuário simplesmente feche a aba.
- Melhorar a UX: Reduza a frustração ao encontrar um erro.
Passo 1: Crie o arquivo HTML
Primeiro, crie um diretório para armazenar suas páginas de erro e crie o arquivo HTML:
sudo mkdir -p /var/www/html/errors
sudo nano /var/www/html/errors/404.html
Adicione seu conteúdo HTML personalizado:
<!DOCTYPE html>
<html>
<body>
<h1>Página não encontrada</h1>
<p>Desculpe, não conseguimos encontrar o que você procura.</p>
<a href="/">Voltar para a página inicial</a>
</body>
</html>
Passo 2: Configure o Nginx
Agora, edite o arquivo de configuração do seu servidor (geralmente em /etc/nginx/sites-available/default ou no seu arquivo de configuração específico):
server {
# ... outras configurações ...
error_page 404 /errors/404.html;
location /errors/ {
alias /var/www/html/errors/;
}
}
Passo 3: Teste e Reinicie
Verifique se há erros de sintaxe e reinicie o Nginx:
sudo nginx -t
sudo systemctl restart nginx
Agora, sempre que um erro 404 ocorrer, o Nginx servirá sua página personalizada em vez da padrão.