Cómo subir una página HTML a 000webhost con FTP y dominio propio

tuturial 000webhost
Índice de Contenido
  1. ¿Qué es 000webhost y por qué usarlo?
  2. Requisitos previos
  3. Método 1 — Subir web con el Administrador de archivos
  4. Método 2 — Subir la web por FTP (FileZilla)
  5. Conectar un dominio propio a 000webhost
  6. Activar HTTPS (SSL) gratis
  7. Estructura mínima recomendada
  8. Checklist de publicación
  9. Solución de problemas comunes
  10. Preguntas frecuentes (FAQ)
  11. Video recomendado
  12. Buenas prácticas finales

¿Quieres publicar tu web estática en minutos? En esta guía aprenderás a subir una página HTML a 000webhost usando dos métodos (Administrador de archivos y FTP con FileZilla), activar HTTPS, conectar un dominio propio y evitar errores comunes como la pantalla en blanco o el famoso 404. Todo el proceso es gratis y perfecto para proyectos, portafolios, tests y prácticas.

Resumen rápido: crea tu cuenta, genera un sitio en 000webhost, sube tus archivos a public_html, asegura que tu página principal se llame index.html, prueba en el subdominio gratuito y, si lo deseas, apunta tu dominio y activa el SSL. A continuación te explico cada paso con detalle.


¿Qué es 000webhost y por qué usarlo?

000webhost (marca de Hostinger) es un hosting gratuito para proyectos pequeños que permite subir sitios HTML/CSS/JS e incluso probar PHP y MySQL. No inserta anuncios intrusivos y ofrece panel web, subdominios gratuitos y conexión FTP. Es ideal para estudiantes, demos y landing pages.

  • Ventajas: gratis, fácil de usar, subdominio incluido, soporte para HTML/PHP, acceso FTP, SSL gratuito (vía panel), opción de migrar a Hostinger sin perder contenido.
  • Limitaciones del plan free: recursos compartidos, límites de espacio y CPU, posible suspensión por inactividad y restricciones de tráfico. Para proyectos comerciales, conviene escalar a un plan de pago.

Si necesitas un hosting y dominio de pago desde el inicio (más rendimiento y soporte), te puede servir esta guía: Comprar hosting y dominio para crear páginas web.

Requisitos previos

  • Carpeta del proyecto con index.html (obligatorio), /assets (imágenes, CSS, JS) u otra estructura equivalente.
  • Cuenta en 000webhost: registro gratuito.
  • Opcional: cliente FTP (recomendado FileZilla) para cargas masivas.
  • Opcional: dominio propio (para conectar más adelante).

Método 1 — Subir web con el Administrador de archivos

  1. Regístrate e inicia sesión en 000webhost. Crea un nuevo sitio y asigna un subdominio (por ejemplo: tusitio.000webhostapp.com).
  2. En el panel del sitio, entra a File Managerpublic_html.
  3. Haz clic en Upload Files y sube tu index.html y las carpetas necesarias (css, img, js, etc.). Respeta mayúsculas/minúsculas.
  4. Comprueba la URL del subdominio. Si todo está correcto, deberías ver tu sitio publicado.
Panel principal de 000webhost
Figura 1 — Panel de 000webhost: acceso a File Manager y herramientas.

Consejo: si ya tienes tu web comprimida, puedes subir un .zip y usar la opción Extract dentro de public_html.

Método 2 — Subir la web por FTP (FileZilla)

Para cargas grandes o frecuentes, el FTP es más rápido y estable.

  1. Desde el panel de 000webhost, busca las credenciales FTP (host, usuario, contraseña y puerto 21).
  2. Abre FileZilla y en la barra superior introduce: Servidor (host), Nombre de usuario, Contraseña y Puerto (21). Haz clic en Conexión rápida.
  3. En el panel derecho, navega hasta public_html. En el panel izquierdo, sitúate sobre la carpeta local del proyecto.
  4. Selecciona todos los archivos y carpetas de tu web y súbelos (clic derecho → Subir). Espera a que la cola finalice.
  5. Abre el subdominio para validar que la web carga sin errores.

Nota: si tu web usa rutas relativas, mantén la misma estructura de carpetas en public_html. Evita espacios y acentos en nombres de archivos.

Conectar un dominio propio a 000webhost

Puedes trabajar con el subdominio gratuito o conectar un dominio tuyo. Hay dos formas habituales:

  • Cambiar los nameservers del dominio a los que indique tu panel (ejemplo habitual en Hostinger: ns1.dns-parking.com y ns2.dns-parking.com). Una vez propagado el DNS, asigna el dominio al sitio en 000webhost.
  • Usar DNS externo: crea un registro A apuntando a la IP que muestra tu panel de 000webhost/Hostinger y, si corresponde, un CNAME para www. Después, añade el dominio en el panel del sitio.

Propagación: los cambios DNS pueden tardar desde minutos hasta 24–48 horas. Durante ese tiempo, tu web puede alternar entre el subdominio y el dominio.

Activar HTTPS (SSL) gratis

  1. Entra al panel de tu sitio en 000webhost/Hostinger y busca SSL o Certificado.
  2. Solicita el SSL gratuito (normalmente Let’s Encrypt) y completa la verificación.
  3. Activa la opción Forzar HTTPS para redirigir automáticamente el tráfico HTTP a HTTPS.

Si usas archivos estáticos, no necesitas cambios adicionales. En webs con PHP/URLs absolutas, comprueba que no haya recursos mixtos (mixed content).

Estructura mínima recomendada

Dentro de public_html:

  • index.html — página inicial (obligatoria).
  • /css — estilos.
  • /js — scripts.
  • /img — imágenes optimizadas.
  • .htaccess (opcional) — redirecciones, compresión, cacheo y seguridad básica.

Checklist de publicación

  • La página principal se llama index.html y está en public_html.
  • Rutas y mayúsculas/minúsculas coinciden con los archivos subidos.
  • Imágenes optimizadas (formatos webp/jpg), CSS/JS minificados para mejorar la velocidad.
  • Pruebas en móvil/escritorio y en HTTP/HTTPS.
  • Si usas dominio, DNS propagado y SSL activo.

Solución de problemas comunes

ProblemaCausa probableCómo se soluciona
Pantalla en blancoindex.html ausente o en carpeta incorrectaColoca index.html en public_html; revisa rutas de CSS/JS
Error 404Archivo o ruta mal escrita (sensible a mayúsculas)Renombra/ajusta enlaces exactamente como en el servidor
“Mixed content”Recursos http en una página httpsCambia URLs absolutas a https o usa rutas relativas
No conecta FTPCredenciales/puerto o modo pasivoVerifica datos en el panel, usa puerto 21 y modo pasivo
Dominio sin SSLCertificado no instalado/forzadoInstala SSL en el panel y activa “Forzar HTTPS”

Preguntas frecuentes (FAQ)

¿000webhost inserta publicidad?
El plan gratuito no añade anuncios intrusivos a tu HTML. Aun así, recuerda que hay limitaciones de recursos y es para uso básico.

¿Puedo usar formularios con PHP?
Sí, el plan free soporta PHP básico. Para envíos de correo, utiliza un servicio SMTP/método seguro; algunos hosts limitan mail() por seguridad.

¿Cómo acelero mi sitio estático?
Optimiza imágenes (WebP), minifica CSS/JS, habilita compresión y cache por .htaccess, y evita librerías pesadas si no son necesarias.

¿Puedo migrar a un plan de pago?
Sí. Desde el panel puedes escalar a Hostinger para obtener más rendimiento, correo profesional y soporte.

Video recomendado

Buenas prácticas finales

  • Estructura clara de carpetas y nombres sin espacios.
  • Activa SSL y fuerza HTTPS para mejorar SEO y seguridad.
  • Incluye meta description, favicon, robots.txt y sitemap.xml si piensas posicionar la web.
  • Control de versiones (Git) para no perder cambios.
  • Guarda una copia local y otra en la nube (backup).

Lectura relacionada: Cómo elegir hosting y dominio para tu web.

Con esto, tu página HTML queda publicada en 000webhost. Si crece el tráfico o necesitas correo y bases de datos sin límites, considera migrar a un plan superior: el proceso es directo desde el panel.

Deja tu cometario!

Subir

Las cookies de este sitio web se usan para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Más información