Cómo hacer una gran página de error 404 y 10 ejemplos

Una leyenda urbana dice que el primer servidor de Internet estaba situado en la habitación 404 del edificio del CERN. En consecuencia, este servidor también produjo el primer “Extraviado” error, que, como dice la leyenda, posteriormente se denominó error 404.

El problema es que aparentemente una sala 404 nunca existió en el CERN. Nunca he estado allí, así que no lo sabría. Pero hay una explicación mucho más lógica de por qué un “Extraviado” Es un error 404. El código de estado HTTP conoce cinco clases diferentes y hay hasta 100 mensajes de estado posibles en cada clase. La clase 4xx informa errores del cliente y dos dígitos más especifican el tipo de error. Hay 18 casos diferentes definidos en la clase 4xx y el error 404 representa un caso en el que la solicitud (por ejemplo, el archivo solicitado) fue “Extraviado”.

¿Por qué debería hacer una página 404?

Es probable que los visitantes de su sitio web vean su página 404. Esperemos que no muchos de ellos, pero ciertamente algunos. Ahora si es una página blanca genérica con letras negras grandes que les dice “404 Pagina no encontrada”, ¿Qué tan feliz crees que van a ser??

La cuestión es que el mensaje de error 404 predeterminado no es muy útil cuando alguien se encuentra con un enlace muerto. En cambio, una página 404 debería proporcionar algunos recursos, por lo que el surfista de pie no solo abandona el sitio web, sino que intenta otra ruta. A continuación se detallan las mejores prácticas para el diseño de páginas 404..

1. Diseño a juego

Eso es obvio. Una página 404 debe combinarse perfectamente con la apariencia del resto del sitio.

2. Un mensaje de error adecuado

Este también es lógico. Cualquier persona que encuentre un error debe notar esto de inmediato. Ahorre los detalles, pero déle al surfista un poco ...

3. Opciones

Agregue algunos recursos y enlaces para que su invitado pueda regresar a un área específica de su sitio web rápidamente.

10 grandes ejemplos

1. AboveTopSecret

Qué lo hace bueno?

Proporciona algunos enlaces en la parte superior, un cuadro de búsqueda para el sitio en la parte inferior y algunos fragmentos informativos entretenidos en el medio. Es único, creativo y útil..

2. Lluvia Daffinson

Qué lo hace bueno?

Contiene información sobre lo que puede haber salido mal y cómo solucionarlo o informarlo. Contiene una especie de mapa del sitio desde el cual el visitante puede elegir un nuevo objetivo, que también incluye enlaces externos, p. los motores de búsqueda.

3. CssLeak

Qué lo hace bueno?

Se combina perfectamente con el resto del diseño del sitio, contiene una barra lateral con enlaces, así como los 6 últimos sitios vistos en CssLeak. Aparte de eso, es original al proporcionar recetas de bebidas.

4. Sistemas de gestión de video

Qué lo hace bueno?

El tema de la página principal son las soluciones de videovigilancia digital. El encabezado de la página 404 es 198404 y la cita es, lo adivinó, de la novela 1984. de George Orwell. Una página 404 muy irónica para este tipo de empresa..

5. Bit de inspiración

Qué lo hace bueno?

Se combina muy bien con el diseño general del sitio y proporciona una selección de enlaces y bits alternativos.

6. Diseño web Greenville SC

Qué lo hace bueno?

Además de coincidir visualmente con el resto del sitio web, es muy original ya que proporciona un cuadro que puede encontrar una explicación para el error encontrado. Enfoque muy bueno y divertido.

7. bellota creativa

Qué lo hace bueno?

Este es simplemente hilarante.

8. GOG.com

Qué lo hace bueno?

Diseño muy bonito, barra de menú superior e inferior con enlaces útiles, recursos y una barra de búsqueda.

9. De la mente de Jamie Huskisson

Qué lo hace bueno?

Es divertido, proporciona la información necesaria, un cuadro de búsqueda y un enlace al archivo del blog. Muy valioso.

10. BlueDaniel

Qué lo hace bueno?

Es muy básico, no proporciona muchos recursos además de un enlace al sitio principal (Salir). Pero solo de ver esta captura de pantalla, ¿no crees que es ingenioso? Y es incluso mejor que eso porque es interactivo. Hay un tren entrando, deteniéndose y saliendo de la estación. Vale la pena explorar el resto del sitio porque es igual de bueno.

404 Laboratorio de investigación

Puede encontrar más información y recursos sobre 404 páginas en el 404 Research Lab. El sitio presenta un 404 de la semana, una colección de excelentes páginas de error 404 y mucho más..

¿Cuál es su consejo para 404 páginas? ¿Ha encontrado otra página de error 404 increíble y / o terriblemente útil que no figura en la lista anterior? ¿Algún consejo rápido sobre cómo hacer una página 404 con un mínimo esfuerzo? Por favor compártelo con nosotros!

Créditos fotográficos willem velthoven