Personalizando nuestras páginas de error
———————————————————————————————————————— Artículo publicado originalmente el 22/09/2010 en El Blog de César Jodra ———————————————————————————————————————— Hace unos días os hable del origen del error 404 de nuestro navegador. Hoy vamos a ver como personalizar este mensaje de error en nuestras webs, creando un mensaje más amigable para el usuario, haciendo que su experiencia no sea tan traumática, y que nos permita canalizar la navegación de nuevo a nuestro sitio. En primer lugar, vamos a ver cuales son algunas de las situaciones más habituales en las que se produce un error 404. – Enlace mal escrito: Cuando el usuario escribe directamente la URL en la barra de direcciones del navegador, y comete un error al hacerlo. – Error en la extensión del archivo: Cuando el usuario hace lo mismo que en la anterior situación, pero lo que escribe mal no es la dirección del documento, sino la extensión de éste (.htm por .html, .asp por .php, etc.). – Enlace interno erroneo: Cuando desde una de las páginas de tu sitio web, presentas un enlace que está mal, por alguno de los motivos anteriormente mencionados, o porque la página a la que lleva ya no está en el servidor (borrado accidental, documento renombrado, etc.). Si se detecta esto, hay que corregir los enlaces erróneos. El propio Dreamweaver tiene una herramienta que detecta los «dead link» en el mapa del sitio. – Enlace entrante erroneo: Lo mismo que en la situación anterior, sólo que el enlace no proviene de una de tus páginas, sino de una web de un tercero. Si se detecta esto, hay que hablar con el propietario de la otra web y solicitarle que rectifique el enlace. Si no se consigue contactar con él, y detectamos un tráfico importante, convendría habilitar la página enlazada y redireccionarla directamente a la correcta, para no perder esas visitas. – Error por URL antigua: Cuando hemos actualizado nuestro dominio y hemos cambiado a otra dirección, pueden producirse cualquiera de los anteriores errores. Imaginemos que teníamos un dominio gratuito tipo pepito.wordpress.com, y que con el tiempo hemos adquirido un dominio tipo pepito.com. Habrá gente que se sepa nuestra antigua dirección y la teclee a mano, otros accederán a través de un enlace que haya en alguna web que apunte a la antigua dirección, algunos puede que accedan a un enlace interno que no haya sido actualizado, e incluso es posible que Google aún ofrezca resultados con la dirección antigua. Si esto sucede, es necesario crear una redirección an la URL antigua, para no perder ni una visita, mientras vamos corrigiendo los errores que detectemos (enlaces internos y externos). Esta redirección conviene hacerla a través de un redirect 301, para no perder page rank. Asimismo, conviene informarle a Google, a través de las Herramientas Google para Webmasters, del cambio de dominio de nuestra web, para que lo tome en cuenta en las búsquedas. Creando un 404 personalizado: Aunque los servidores y navegadores ya ofrecen una página de error cuando se produce alguna de las situaciones anteriores, estas páginas suelen estar escritas en inglés, no aportan ningún tipo de información adicional y rompen la estética del sitio, por lo que es altamente recomendable personalizarlos. Ya vimos en el artículo anterior varios ejemplos de páginas 404 personalizadas, pero realmente ninguna de ellas es un ejemplo a seguir, ya que se limitan simplemente a «hacer un guiño» simpático al usuario, con iconos o imágenes más o menos graciosas, pero no son demasiado operativas. El humor es un recurso interesante, pero en este caso no resulta práctico. Vamos a intentar que nuestras páginas 404 sean funcionales. Lo que vamos a intentar con nuestra página 404 es reconducir la navegación a otro sitio de nuestra web, si es que no podemos ofrecerle lo que busca. Imaginad que alguien escribe nuestra dirección mal y se encuantre con un 404 estandar. Seguramente el usuario abandonará la página sin más. Sin embargo, si encuentra un 404 con nuestro logo e información sobre la web, aparte de algunos enlaces que le dirijan a la home y a otras secciones, posiblemente continue navegando. Mantén una corcondancia de diseño. Si tu web es de color naranja, con tu logo arriba a la izquierda y un menú vertical a la derecha, tu página de error 404 debe ser igual, para que no de la sensación de que el usuario ha salido de tu sitio web violentamente, sino que todo está en orden, y se trata de algo previsto y que tiene solución. Una de las cosas que yo haría a la hora de crear mi página 404, es precisamente quitar el «404». El usuario no necesita conocer ningún código de error. Símplemente díle algo así como «Lá página que busca no se encuentra en esta dirección. Es posible que haya tecleado mal la dirección, o que ésta haya cambiado de ubicación. Puede también buscar desde aqui… etc». Al usuario le queda más claro lo que ha pasado, y lo que puede hacer. También evitaría utilizar la palabra «error». Es un término con connotaciones negativas que puede asustar a nuestro usuario, pensando que ha hecho algo mal. Intenta darle sugerencias de lo que ha buscado, o al menos cosas parecidas. Coméntale los errores que se pueden haber producido (enlace roto, error al escribir, etc). Si ha habido algún cambio de dirección URL indícaselo también. Además, incorpora es la página un buscador por si quiere buscar por sí mismo dentro de tu sitio web y continuar navegando. Aparte de ofrecerle sugerencias y un buscador, intenta que la página sea «inteligente», y corrija automáticamente algunos errores recurrentes. Si ha habito un cambio de URL, programa un script que cambie automáticamente pepito.wordpress.com/loquesea por www.pepito.com/loquesea, para que no se produzca el error. Igualmente, si tu servidor es sensible a las diferencias entre mayúsculas y minúsculas en las URL, automatiza que todas las direcciones escritas se conviertan a minúsculas, por ejemplo. Incluso puedes realizar automáticamente la búsqueda usando la url incorrecta como entrada de datos en el buscador para mostrar resultados que pueden incluir la
El origen del Error 404
———————————————————————————————————————— Artículo publicado originalmente el 14/09/2010 en El Blog de César Jodra ———————————————————————————————————————— El 404, fatídico número. Supongo que en alguna ocasión lo habréis padecido al navegar por Internet. Los navegadores devuelven unos códigos numerados cuando se produce algún error en la navegación. Concretamente el error 404 se produce cuando el documento al que intentamos acceder no existe (lo hemos tecleado mal, es un enlace antiguo que ha sido borrado, se trata un link muerto, etc.). Hasta ahi todo claro pero, ¿por qué «404» y no «1025» o «blue error»?. Para eso tenemos que remontarnos a los orígenes de Internet. Cuando a principio de los noventa estaba naciendo la red de redes en las instalaciones del CERN (Organización Europea para la Investigación Nuclear), Tim Berners-Lee y su equipo jugaban a crear lo que hoy en día sería la herramienta de comunicación más imponente, importante e inmediata del mundo; Internet.Aunque por aquel entonces, la cosa no era tan automática como ahora, claro está. La información se hallaba centralizada en una habitación del cuarto piso del edificio del CERN, concretamente en el despacho 404. Allí, dos o tres investigadores recibían las peticiones que otros usuarios de la red hacían solicitando algún fichero. Cuando lo encontraban, se lo mandaban a través de la misma red al usuario que lo había solicitado. Toda la búsqueda en esos tiempos era manual (¿dónde estabas Google?). Hoy en día, esta conexión es automática, pero en esencia se hace del mismo modo. Tu tecleas una dirección URL en el navegador, este lo traduce a su IP correspondiente. Utiliza el servicio de DNS y localiza la máquina donde están alojados los ficheros, los procesa y nos los presenta en pantalla. Sólo que esto ahora dura apenas unos segundos. Bueno, volviendo a los noventa. Cuando los chicos de la oficina de información del CERN no encontraban el dato que les habían solicitado, lo que devolvían a quien cursaba la petición era un mensaje por la red, para que éste supiera que no había información al respecto, y que no es que se hubieran olvidado de él. El mensaje decía: «Room 404: file not found» (Habitación 404: Archivo no encontrado). Hoy en día, haciendo una mixtura de tradición y humor, los servidores mantienen la nomenclatura usado por los pioneros de la red para informarnos de un archivo no encontrado. Como habéis visto en las imágenes que acompañan al artículo, las páginas de error 404 pueden personalizarse, para dotarlas de una apariencia más acorde con el diseño del usuario y no hacerles más traumática la experiencia. Además, pueden intentar utilizarse para recanalizar la navegación de nuevo a la web evitando que el usuario abandone nuestra página. En otro momento, más adelante, hablaremos de la personalización de estas páginas, práctica que todo diseñador de web debe conocer. Os dejo un enlace a algunas páginas de error 404 curiosas, y otras cuantas las podeís ver en este otro enlace. situs toto toto togel pam4d situs toto resmi toto togel situs togel togel online pam4d situs toto situs togel situs toto situs toto cerutu4d situs toto cerutu4d slot online daftar gimbal4d gimbal4d situs toto situs toto toto slot toto slot toto slot bandar togel situs toto situs toto situs toto rimbatoto bo togel bo togel bo togel situs toto situs togel bakautoto situs toto togel situs togel bakautoto togel resmi bakautoto bento4d bento4d situs toto jacktoto situs toto situs toto toto slot bo togel situs toto jacktoto slot gacor hari ini situs toto situs slot gacor jacktoto togel online bandar togel online bo togel bo togel situs togel rimbabola situs togel toto togel togel online situs togel situs toto togel online situs togel online cabe4d slot gacor hari ini situs toto toto togel situs toto situs toto situs toto jacktoto situs toto rimbabola situs togel online situs togel situs toto situs togel jacktoto situs toto situs toto bandar togel situs togel situs toto bakautoto bo togel bakautoto situs toto bo togel situs toto togel online bandar togel situs togel situs togel situs togel situs togel4d bakautoto situs toto situs toto situs toto situs bandar togel situs togel bandar togel resmi situs toto cerutu4d togel online situs toto togel situs toto situs toto toto togelbento4d bo togel bandar togel bandar togel situs togel bo togel situs togel situs togel situs togel bandar togel terpercaya situs toto situs toto situs togel situs toto 88 situs toto bo togel situs togel situs toto situs togel terpercaya situs toto slot rimbatoto bento4d situs toto bandar togel situs toto situs toto bandar toto situs togel situs togel situs togel 88 bandar togel situs togel situs togel 88 bandar togel situs toto situs toto rtp slot situs togel situs togel bo togel situs toto bo togel https://pafibengkuluutarakab.org/ https://pafiboalemokab.org/ https://pafibulelengkab.org/ https://pafibungokab.org/ https://pafibuolkab.org/ https://pafikablubuklinggau.org/ https://pafikabpenukal.org/ https://pafikabsumsel.org/ https://pafikabtanahselatan.org/ https://pafikabtanjungjabungselatan.org/ https://pafikabupatenacehbarat.org/ https://pafikabupatenacehjaya.org/ https://pafikabupatenacehutara.org/ https://pafikabupatenkaro.org/ https://pafikotapalangka.org/ https://pafikotaserong.org/ https://pafimusirawaskab.org/ https://pafipahuwato.org/ https://pafipangkajenekepulauan.org/ https://pafipcbatanghari.org/ https://pafipccirebonkab.org/ https://pafipckotajabar.org/ https://pafipcpaser.org/ https://pafipcpulaudeli.org/ https://pafipcsarolangun.org/ https://pafipemkobangli.org/ https://pafipemkopulaupramuka.org/ https://pafipemkoserangkota.org/ https://pafipemkotkerinci.org/ https://pafipemkotpalopo.org/ https://pafipemkotpasuruan.org/ bandar toto macau bo togel situs togel bandar toto macau monperatoto bo togel bandar togel online bo togel bo toto situs togel bandar togel bandar togel situs togel resmi bo togel toto macau situs togel situs togel toto slot bandar toto macau situs toto bandar togel situs toto bo togel bandar togel resmi bento4d situs toto rimbatoto situs togel bo togel bo togel pam4d togel online situs togel situs togel toto slot slot gacor situs toto situs togel rimbatoto situs toto situs togel situs toto situs togel online situs togel resmi situs togel situs toto 88 togel online situs toto macau situs toto bo togel togel terpercaya situs toto bandar togel bo togel situs togel situs toto bo toto bo toto situs toto situs toto bento4d bandar togel agen togel situs toto toto slot situs bandar togel situs togel situs togel situs toto situs toto bandar togel toto slot bandar togel terpercaya
