viernes, 23 de marzo de 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

No hay comentarios:

Publicar un comentario