Descargar página web completa para uso offline

Descargando página web completa con HTTrack

Resumen: mostrar cómo descargar un sitio web completo (con imágenes, scripts, etcétera) como HTML para su uso fuera de internet o sin depender del dominio, útil también para convertir un sitio de WordPress a un sitio estático (pero con cualquier página funciona).

La herramienta que vamos a usar se llama HTTrack y es completamente gratuita y open source.

Un poco de historia

Necesitaba hacer un sitio de WordPress estático, ya que tenía que usarlo en algunas cosas de la escuela para enviarlo y que el profesor lo revisara.

Primero intenté con plugins, pero no funcionaron, después encontré esta herramienta.

HTTrack

El repositorio de GitHub está aquí, y puedes descargar el software aquí. Una vez que lo hayas descargado ejecuta el software.

Haz click en Next y luego configura el nombre del proyecto así como el lugar en la PC en donde lo vas a guardar:

Configurar ruta de guardado

Haz click en Next, en la siguiente pantalla selecciona la acción, que en la mayoría de casos es Download web site(s)

Después, en Web Addresses coloca la URL completa del sitio que vas a descargar.

Ingresar URL de sitio web a descargar

Ahora haz click en Next. En la siguiente ventana deja todo como está y configura tus opciones como desees (por ejemplo, si quieres puedes configurar que la PC se apague al terminar)

Últimos ajustes y terminar configuración

Click en Finish y ahora debería comenzar a descargarse la página web:

Descargando página web completa con HTTrack

Después puedes visitar la ruta en donde indicaste que se guarde la página; ahí habrá un directorio con el nombre del proyecto indicando al inicio, si lo abres habrá un index.html que puedes usar para navegar:

Página web offline

Problemas a los que me enfrenté al exportar con WordPress

Casi ninguno, solo uno que tiene que ver con las imágenes responsivas. Como WordPress utiliza srcset para eso de las imágenes responsivas, HTTracker no descargaba todas las del srcset (solo era descargada la que estaba indicada en src) así que al querer usar una del srcset no funcionaba.

En resumen, hay que remover ese atributo desde WordPress para que no sea usada en la web offline; para ello puedes usar este plugin.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *