Codigos de error en webs – crea tus propias paginas de error

Cómo configurar las páginas de error en tu sitio web con un simple archivo .htaccess. Controla los errores 404 Not Found así como los errores 400 Bad Request, 401 Unauthorized, 403 Forbidden, 500 Internal Server Error y 503 Service Unavailable.

  • Para empezar controlando tus propios mensajes de error de tu sitio web necesitas crear un archivo de texto y llamarlo .htaccess y salvarlo.
  • Ábrelo y escribe la siguiente línea:
    ErrorDocument 404 default
  • Salva y sube el archivo .htaccess a tu directorio htdocs.

Nota: Dependiendo de tu dispositivo y/o sistema operativo puede que no consigas visualizar y/o crear nombres de archivo comenzando con un punto porque están ocultos por defecto. Puedes ajustar tu dispositivo y/o sistema operativo para hacer que muestre archivos ocultos. Pero esto queda fuera del tema de este artículo.

  • Si tu dispositivo y/o sistema operativo no te permite crear nombres de archivo precedidos de un punto, entonces nómbralo HTACCESS y sálvalo.
  • De la misma manera, ábrelo y escribe la siguiente línea:
    ErrorDocument 404 default
  • Salva y sube el archivo HTACCESS a tu directorio htdocs.
  • Finalmente renombra el archivo en el servidor web de HTACCESS a .htaccess.

Ahora, si alguien escribe un documento inexistente, digamos example.com/iinnddeexx.html, el/ella verá la genérica respuesta de servidor 404 Not Found (no encontrado). Algunas de las causas para esta respuesta son:

  1. el visitante escribió mal la URL del recurso
  2. el visitante siguió un enlace mal formado
  3. el recurso solicitado no se encontró, puede haber sido movido o eliminado

Recomendamos crear un archivo .htaccess con la regla 404 predefinida tan pronto como puedas. La ventaja de utilizarla es que la carga en los servidores es minimizada. La desventaja es que el mensaje de error predefinido no es muy útil para el visitante medio.

Un buen compromiso es crear una página de error 404 con sentido y ligera.

Una página de error 404 con sentido

Cuando un visitante escribe mal una URL a una foto o página, o clica en un enlace mal formado, o intenta acceder a un archivo desaparecido, el visitante verá una página de error 404. Esta es una buena oportunidad para el webmaster de decirle a los visitantes que no pueden alcanzar el contenido solicitado. Pero también puedes incluir una caja de búsquedas, o un formulario de contacto para reportar archivos desaparecidos o enlaces rotos, o un link a la página de inicio, o enlaces a otras páginas y redes sociales como Pinterest o Twitter.

Una página de error 404 ligera

Es importante crear la página de error 404 más pequeña que puedas. Intenta que tu página de error sea ligeramente mayor que 512 Bytes sólo porque hay un viejo navegador que mostrará su error predefinido en vez de tu página de error. Recomendamos que utilices un solo archivo HTML con CSS interno y sin imágenes.

El primer paso es crear un archivo 404.html. Pega el siguiente código:


<html>
<head>
</head>
<body>
Error 404. Lo sentimos, el recurso solicitado no se encontró.
</body>
</html>

Ahora guárdalo. Siguiente, súbelo a tu directorio htdocs.

El siguiente paso requiere cambiar el archivo .htaccess para que el servidor cargue la página de error personalizada 404.html. Copia el siguiente código en tu archivo .htaccess

ErrorDocument 404 /404.html

Salva y sube el archivo .htaccess a tu directorio htdocs.

Ahora intenta cargar un recurso ausente en tu sitio, por ejemplo, example.com/abcdefg.hij y visualizarás tu página de error 404 personalizada.

Puedes incluir más reglas para otros estados de error, por ejemplo:
ErrorDocument 400 default
ErrorDocument 401 default
ErrorDocument 403 default
ErrorDocument 404 default
ErrorDocument 500 default
ErrorDocument 503 default

Y si creas más paginas de error puedes incluir tus páginas a las reglas para otros estados de error, por ejemplo:
ErrorDocument 400 /400.html
ErrorDocument 401 /401.html
ErrorDocument 403 /403.html
ErrorDocument 404 /404.html
ErrorDocument 500 /500.html
ErrorDocument 503 /503.html

Si tienes problemas creando el archivo .htaccess o subiéndolo, recomendamos:
– acceder al panel de control
– clicar en Online File Manager
– navegar al directorio htdocs
– crear un nuevo archyvo y nombrarlo .htaccess
– incluir el código previo y salvarlo

Referencias:

htaccess how to
htaccess rewrite guide