23 marzo 2012

20 Ejemplos de Diseños Cool de Páginas de Error 404

Probablemente hayas visto que Blogger dispuso una nueva sección con varias opciones que pueden ayudar a mejorar el SEO de tu blog. Si no las has visto, dichas opciones hasta hoy, sólo las encuentras en la nueva interfaz, si vas a Configuración > Preferencias de búsqueda.

Una de estas nuevas opciones te permite agregar un mensaje personalizado para que aparezca en las páginas que no han podido ser encontradas porque no existen, ya sea por que la página fue eliminada, o porque está mal escrita la dirección web. Cuando alguien pone en el navegador la dirección de una página de tu blog erróneamente, o ingresa a través de un enlace con la dirección mal escrita, se genera el conocido error 404.

Hace un momento veía que en Ciudad Blogger, publicaron un tutorial para personalizar dicha página, del modo similar que podemos hacer con una página estática del blog, eliminando los elementos que se tienen en el blog, como columnas, header, menú, etc., hasta lograr una apariencia totalmente diferente.

Pensé que sería bueno que vieras algunos ejemplos de diseños cool para inspirarte a crear la propia. He aquí 20 ejemplos de diseños muy originales de páginas de error 404, algunos ilustrados, otros con animaciones, y otros más sencillos o minimalistas. Echa un vistazo a cada página para que las veas en vivo y a todo color y a veces en acción ;)


Ejemplos de páginas de error 404 Ilustradas



1. henrikhedegaard.com




2. Chrisjennings.com

Eroor 404



3. d20srd.org

Error 404



4. Acromediainc.com

Ejemplo 5 Error 404




5. Twurn.com

Error 404


6. leapanywhere.com

Error 404


7. shelfworthy.com

Error 404

8. agens.no

Error 404

9.springload.co.nz

Error 404

10. creationthing.com

Error 404 pagina



Ejemplos de páginas "Error 404" con animación



11. tinsanity.net

error 404


12. Lookitsme

Error 404


13. robo.to

error 404

14. project-euh.com

Error 404
15.abduzeedo.com





Ejemplos de páginas de "Error 404"  ilustradas o no, más sencillas o minimalistas


16. sfbay.craigslist.org

Error 404


17. .odopod.com

Error 404


18. rareview.com


19. getdropbox.com

20. kidmondo.com



Además de causar un impacto visual positivo con una página de error 404 personalizada, al no mostrar los elementos de tu blog (cabecera, columnas, menu, etc.)  no olvides poner un enlace a la página de inico del blog, por ejemplo, para que el usuario pueda ingresar a tu blog fácilmente ;)

Fuentes:
1stwebdesigner.com
dzineblog.com

Recomendado:
La verdadera historia del Error 404

Artículos recomendados:

Gracias por compartir tu comentario y hacernos saber tu opinión.