Cómo personalizar una página web con un error 404

Las páginas de error sirven para informar a los usuarios de que una Web tiene algún problema. Esos “problemas” tienen un código fijado que se corresponde con un número. Por ejemplo, cuando un visitante accede a un sitio en el que la URL introducida no existe, el navegador arroja como resultado “error 404”, que se corresponde a una “página no existente”, aunque se puede mostrar de formas diferentes:

  • Error 404 no encontrado
  • 404 HTTP 404
  • 404 página no encontrada
  • HTTP 404 no encontrado
  • La URL solicitada no se encontró en este servidor
  • 404 – Archivo o directorio no encontrado

Por qué se puede recibir ese error

Varias son las razones por las que obtenemos un código HTTP 404:

  • La página se ha eliminado del sitio Web
  • La página se movió a otra URL y la redirección se realizó de forma incorrecta
  • Se ha tecleado una URL incorrecta
  • Aunque es poco probable, en ocasiones el servidor no funciona correctamente
  • El dominio introducido ya no existe

Corregir el error

Es bastante habitual que los sitios Web no verifiquen sus enlaces externos con cierta frecuencia, lo que lleva a que los usuarios accedan a sitios inactivos. Por eso, es fundamental que los administradores realicen un mantenimiento regular de la Web. Cuantas más páginas tengamos con error 404 en nuestro sitio menos tiempo permanecerán nuestros usuarios, más experimentarán ese error y más fuerza ganará nuestra competencia. Además, los motores de búsqueda se darán cuenta de ello y nuestra relevancia será menor, relegándonos a posiciones más bajas.

Personalizar página con Error 404

Crear una página 404 personalizada con imágenes y elementos útiles, puede ser beneficioso para:

  • Reducir la tasa de rebote y mantener a los usuarios en nuestro sitio Web
  • Si están en una compra que no abandonen el carrito
  • Mantener una imagen de marca consistente de nuestra Web
  • Ser ingenioso y creativo puede atraer público a nuestro sitio incluso con un error

Apache nos ofrece de forma automática la posibilidad de personalizar páginas básicas con errores. También podemos llamarlas desde el archivo .htaccess, (ubicado en la carpeta principal, aunque podemos ponerlo en una específica), que tengamos creado de forma más personalizada para cualquier código de estado HTTP que comience por 4 o 5 (400/500). Esas páginas son creadas normalmente en HTML y pueden incluir textos, enlaces, imágenes, utilizando CSS para personalizarlas.

Otros sistemas como WordPress, Prestashop, Joomla o Drupal, disponen de su propia página de error HTTP 404 y pueden personalizarse mediante diferentes extensiones o plugins. Si no dispusiéramos de la creación automática de estas páginas podríamos hacerlo de la siguiente manera:

  • Crearemos una página con el nombre 404.html o 404.php en el directorio raíz
  • Abriremos nuestro archivo .htaccess e incluiremos la siguiente línea de código: ErrorDocument 404 /404.html
  • Por último, realizaremos la comprobación simplemente intentando acceder mediante el navegador a una página que no exista dentro de nuestro dominio. Si aparece la página de error que hemos creado, la configuración estará correcta.

Por qué personalizar una página con Error 404

Mostrar una página original y creativa a nuestros visitantes cuando hay un error puede resultar agradable y conciliador para el usuario, minimizando la frustración de no encontrar lo que buscaba o, simplemente, el haber tecleado de forma incorrecta la dirección dentro de nuestro sitio. No es lo mismo lo frío y “alarmante” que puede ser el mostrar esto:

Que ver algo como esto otro:

Conclusión

Es casi inevitable que en nuestro sitio aparezcan errores 404, ya sea porque el usuario intente acceder a una URL mal tecleada o porque hayamos eliminado alguna página dentro de nuestra Web. Como hemos dicho, personalizar una página con error 404 puede resultar más agradable y original para el usuario, pero monitorizar proactivamente el rendimiento de ella es vital para mantenerse por delante de la competencia y tener interesados a nuestros usuarios.