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.

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.
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.

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.