————————————————————————————————————————
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 página que buscaba el usuario.
Si no es posible ofrecer al usuario lo que estaba buscando, hay que ofrecerle alternativas para que no se vaya. En primer lugar, es necesario incluir un enlace a la home del sitio, a través del logotipo y otros enlaces. Además, puedes ofrecerle una selección de enlaces a los items más populares o más recientes, para despertar su interés. También debes incluir el menú de navegación de tu web, con las diferentes secciones y apartados, no sólo para que el diseño sea concordante con el resto del sitio (que también), sino para ofrecerle más opciones de navegación.
Eso sí, intenta que tu página de error 404 sea sencilla y clara, para no despistar mucho al usuario. Ten en cuenta que es una landing page complicada. El usuario que acaba de llegar está confuso porque se ha producido un error y no sabe lo que ha pasado, sólo que no encuentra lo que ha buscado. No queremos despistarle más con miles de opciones, sino solucionarle el problema y canalizarle a otra página más agradable.
Siempre revisa tus errores 404, para ver lo que está ocurriendo y tratar de solucionarlo. Mira en las analíticas o a través de las alertas, con qué frecuencia se producen estos errores, y por que motivo, para intentar corregirlos lo antes posible.
Como crear un 404 personalizado en tu servidor:
La página de error 404 no es más que una página normal y corriente que disñas con Dreaweaver (o con lo que sea que hagas tus páginas), y que subes a tu servidor, indicándole al mismo que esa página es la que debe mostrar cuando se produzca un error 404, en lugar de la versión estandar.
Pregunta al soporte de tu hosting cuales son los pasos a dar. En la gran mayoría de los casos basta con que renombres la página que has creado como 404.htm y la subas al raiz. En otros caso, tendrás que configurar el htaccess para indicarle cual es mediante la directiva ErrorDocument. Cada servidor puede tener sus particularidades, así que lo mejor es que hables con la gente de soporte y ellos te indiquen, o leas las FAQ del servicio de hosting.
Espero que con estos consejillos, a partir de ahora tus páginas de error 404 luzcan estupendas…
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 togel<
toto togel
situs toto
cabe4d
situs togel
bandar togel
situs toto
PAM4D
PAM4D
PAM4D
gimbal4d
situs toto
cabe4d
bandar togel
bo togel
agen togel
situs toto
bandar toto macau
situs toto
situs toto
cabe4d
togel online
situs toto
agen deposit pulsa
pam4d
situs toto
bandar togel
situs togel
pam4d
situs togel
situs togel
situs togel
situs toto
situs toto
situs togel
situs togel
situs togel resmi
toto macau 4d
togel terpercaya
toto slot
toto slot
https://caselledental.com/
situs togel
situs togel
situs toto
jacktoto
cerutu4d
situs toto togel
situs toto
situs toto
cerutu4d
cerutu4d
bo togel
bo togel
toto togel
bandar togel terpercaya
cerutu 4d
bandar togel
situs togel
bandar togel
situs togel
cerutu 4d
situs toto
situs togel
situs togel
situs toto
situs togel
situs toto slot
situs togel terpercaya
cerutu 4d
toto togel
bo toto
togel resmi
togel terpercaya
bo toto
link togel resmi
situs togel
togel online
bo togel
cabe4d
situs togel
situs togel
situs togel
situs toto
jacktoto
jacktoto
bo togel
toto slot
bandar togel
bo toto
situs togel
situs toto
situs toto
toto login
situs toto
situs togel
bandar togel
bandar togel
situs toto
situs toto
togel online
situs toto
agen togel
bo togel
togel online
togel deposit dana
situs togel
situs toto
situs toto
jacktoto
bo toto togel
situs toto
bandar togel terpercaya
https://smkn2depoksleman.sch.id
slot gacor
situs toto
slot gacor
situs toto
toto togel
rimbatoto
situs togel
situs togel
rimbatoto
rimbatoto
rimbatoto
rimbatoto
rimbatoto
rimbatoto
situs toto
bandar togel
situs toto togel
situs toto
bandar togel
situs togel
situs toto macau
bento4d
bo togel
situs togel
situs togel
https://stabilitas.id/
https://ipanel.id/
https://www.devilzdigital.co.id/
situs toto
situs toto
situs togel
bandar togel
situs togel
slot maxwin
situs toto
situs togel
slot toto
slot terpercaya
slot toto
slot Gacor
togel online
cerutu 4d
slot gacor
toto slot
bandar togel
bandar togel terbesar
monperatoto
monperatoto
situs togel
bandar togel
situs toto
situs toto
situs togel
situs toto
situs togel
situs toto
bento4d
situs toto
togel online
bento4d
situs toto
situs togel
situs togel
bento4d
situs toto
situs toto
situs togel
situs toto
situs togel
situs toto
slot gacor
situs togel
situs toto macau
agen togel
bandar togel
bento4d
bento4d
bandar togel
bandar toto macau
bo togel
slot gacor
slot gacor
slot gacor
situs togel
bento4d
situs togel
situs togel
situs togel terpercaya
https://sydneynightpools.org/
togel
situs toto
agen togel
situs togel
bandar togel terpercaya
bo togel
situs toto
situs togel
slot gacor
situs toto
situs togel
pam4d
situs toto
bo togel
situs toto
situs togel
bento4d
situs toto
situs toto
situs toto
situs toto
situs togel
situs togel
cabe4d
situs toto
rimbatoto
rimba toto
bandar togel terpercaya
toto slot
situs togel
bandar togel
bandar togel
monperatoto
bandar togel
situs toto
link togel
situs toto
bandar togel
agen toto
bandar togel
situs togel resmi
situs toto
situs togel resmi
situs toto
jacktoto
situs toto
bo togel
situs toto
bo togel
situs toto
bandar togel
slot gacor
gimbal4d
bandar togel
bandar togel
bo togel
bandar togel
toto togel
bento4d
cerutu4d
cerutu 4d
rimbatoto
situs togel
situs togel
situs toto
bandar togel
situs toto
situs togel
bo togel
bandar toto macau
togel
situs toto
togel online
bo toto
slot gacor
situs toto
situs toto
slot gacor
bo togel
slot gacor
slot gacor
bo togel
situs toto
slot gacor
bo togel
bandar togel
bo togel
situs togel
bandar togel online
bandar togel
cerutu 4d
toto slot
bandar togel
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
situs toto
situs toto
pam4d
toto togel
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
slot gacor
situs togel
bandar togel
bo toto
situs toto
bandar togel
situs toto
bandar togel
bo togel
toto slot
bo togel
situs togel resmi
bandar togel
situs togel
toto togel
situs togel
situs togel
bandar togel
situs toto
situs toto
situs togel
situs toto
bandar toto
situs toto
situs toto
situs togel
bo togel
situs togel
toto slot
situs togel online resmi
situs togel toto
situs togel resmi toto
situs togel
bakautoto
bakautoto
bakautoto
monperatoto
monperatoto
bento4d
bento4d
bento4d
bento4d
bento4d
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
agen togel
bandar togel
situs togel
monperatoto
situs toto
bandar togel
agen toto
situs togel
bo togel
toto togel
situs togel
situs togel
situs toto
situs togel
bandar togel
toto togel
togel online
situs toto
situs togel
situs toto
situs togel
slot gacor
bo togel
bento4d
situs toto
https://pafipemkobandaaceh.org/
https://pafipemkonusantara.org/
https://pafipemkosorong.org/
https://pafipemkopekanbaru.org/
https://pafipemkomobagu.org/
https://pafipemkopadangpanjang.org/
https://pafipemkopayakumbuh.org/
https://pafipemkosawahlunto.org/
https://pafipemkolubuklinggau.org/
https://pafipemkopagaralam.org/
https://pafipemkosubulussalam.org/
https://pafipemkoprabumulih.org/
https://pafipemkogunungsitoli.org/
https://pafipemkopadangsidimpuan.org/
https://pafipemkopematangsiantar.org/
https://pafipemkotidorekepulauan.org/
https://pafipulaupini.org/
https://pafipulausamosir.org/
https://pafipulaupadang.org/
https://pafipulausalahnama.org/
situs togel
situs toto
bento4d
bandar togel terpercaya
situs toto
situs togel terpercaya
situs toto macau
bandar togel
bandar togel
bandar togel
situs togel
bandar togel
rtp live
situs togel
rtp live
toto macau
situs toto
rimbatoto
situs toto
situs toto
slot gacor
toto slot
bandar togel
toto togel
rimbatoto
situs togel
slot gacor hari ini
situs slot
situs toto
situs toto
bandar toto macau
situs toto
situs togel
rtp live
bandar togel
rtp slot
prediksi hk
situs toto slot
situs toto
situs togel
situs togel
situs slot gacor
situs togel online
situs toto slot
situs toto slot
jacktoto
situs togel
bandar togel
situs toto
toto togel
slot gacor
situs toto
slot gacor
situs toto
toto macau
toto slot
situs toto
situs togel
situs togel
toto slot
slot gacor
toto slot
situs slot gacor
toto slot
situs slot