NorfiPC
NorfiPC » Edición web » Página de Error 404

Crear una página de Error 404 con enlace a Wayback Machine



Como generar de forma automática un link a Internet Archive, para cargar una copia de las páginas que han sido eliminadas y ya no existen en nuestro servidor web. Códigos y ejemplos prácticos para crear los enlaces y las páginas.
Crear una página de Error 404 con enlace a Wayback Machine
La famosa y desagradable página de Error 404, es devuelta por los servidores de los sitios web cuando hacemos una petición de una página que ha sido eliminada, se ha movido o existen errores en la dirección solicitada.
404 es un Código de Estado HTTP que significa que el archivo no existe.
De forma predeterminada la página de Error 404 se genera de forma automática, sin incluir más información e incluso esta en idioma inglés. Esto desconcierta a los lectores de nuestro sitio que por alguna razón la reciben.
No obstante siempre existe la opción de crear una página de error personalizada, darle un estilo más agradable e incluir recursos que ayuden a los lectores, como puede ser un enlace al Mapa del sitio o un buscador.
La opción ideal que usamos en la página de error de nuestro sitio, es generar de forma automática un enlace a una copia de la página existente en el servicio Wayback Machine en Internet Archive.
En este artículo compartimos con los que poseen su propio sitio o un blog, como agregar esta opción a una página de error existente o como crear una completamente nueva.



Crear un enlace de una página eliminada a Wayback Machine


El servicio de Wayback Machine el que detallamos en otro artículo, escanea regularmente los sitios web y guarda copias de sus páginas.
Cuando el robot del servicio detecta que se han hechos cambios significativos en las páginas, hace y guarda nuevas copias.
Podemos usar la API del servicio para obtener la dirección que conduce a la versión más reciente guardada, pero la opción ideal es lograr que enlace se genere de forma automática.
El mismo servicio de Internet Archive proporciona el código para usarlo en nuestras páginas de error, que mostramos a continuación.



Código para generar el enlace a una página guardada en Wayback Machine


Solo necesitamos insertar en la página de error de nuestro sitio el siguiente código:
<div id="wb404"></div>
<script src="https://archive.org/web/wb404.js"></script>
Se debe insertar en el lugar exacto donde deseamos que se muestre el enlace.
A partir de ese momento cuando algún lector trate de acceder a una página de nuestro sitio que ya no exista, el servidor devolverá la página de Error 404, donde aparecerá el enlace a Wayback Machine.
Un ejemplo se puede ver en la siguiente imagen.
Página de Error 404 con un enlace a la copia de la página solicitada en Wayback Machine.
Página de Error 404 con un enlace a la copia de la página solicitada en Wayback Machine



Mostrar el mensaje de Wayback Machine en español


El único inconveniente de este sistema es que el mensaje que aparece esta en idioma inglés, pero podemos hacer que se muestre en idioma español de la siguiente forma.
- Descarga el script de nombre wb404.js desde Wayback Machine.
- Edítalo y modifica el mensaje en inglés.
- Sube el archivo modificado a tu propio servidor y cambia el código de referencia al script en la página de error.
Después de eso al tratar de cargar una página existente pero guardada en Wayback Machine, veremos la referencia al enlace, pero en español como se puede comprobar en la siguiente imagen de captura.
Página de Error 404 con un enlace a Wayback Machine con el mensaje en español.
Página de Error 404 con un enlace a Wayback Machine con el mensaje en español
Si quieres puedes descargar el archivo modificado que uso en este sitio, usando el siguiente enlace:
Descargar script.



Como crear nuestra propia página de Error 404 personalizada


Los que no poseen en su sitio una página de Error 404 personalizada, por lo que solo se genera una de forma automática por el servidor, necesitan crear un sencillo archivo HTML, subirlo al servidor y especificar en la configuración la ubicación de la nueva página.
Se puede hacer en la configuración de WordPress, Blogger u otro CMS.
En Apache se puede hacer agregando la siguiente línea en el archivo HTACCESS:
ErrorDocument 404 /error-404.html
Sustituye "error-404.html" por el nombre de la página de error.



Mostrar un enlace a Wayback Machine ante errores del servidor


De una forma algo similar podemos crear enlaces a Wayback Machine, cuando nuestro sitio web este offline o inaccesible.
Solo es posible hacerlo en los sitios que usen servicios CDN, o sea que funcionen de intermediarios entre el navegador del usuario y el sitio web original, como ocurre con CloudFlare.
En ese caso tenemos la opción de personalizar la página de error que devuelven los códigos de estado 5XX, que ocurren cuando el servidor esta oflline, por mantenimiento o por alguna otra razón.

Páginas relacionadas



Comparte esta página




Sígueme en las redes sociales


Sígueme en Google Plus Sígueme en Facebook Sígueme en Twitter Sígueme en Pinterest





 
Inicio | Mapa del sitio | Sobre mí | RSS | Buscar