Si buscaste "alojar un archivo HTML" o "subir una página web", probablemente no quieres leer una comparación larga de proveedores de hosting. Tienes un index.html, quizá un style.css, algunas imágenes, y necesitas un enlace que otra persona pueda abrir.
Ese problema es más concreto que "contratar hosting web". Primero hay que subir los archivos correctos, confirmar que el navegador los carga bien y dejar abierta la posibilidad de conectar un dominio personalizado después.
Qué cuenta como sitio HTML
Para publicar en una plataforma de alojamiento estático, un sitio HTML suele llegar en una de estas formas:
| Tipo de proyecto | Qué subes | Ejemplos comunes |
|---|---|---|
| Página de un archivo | index.html | CV, evento, prototipo rápido |
| Carpeta estática | index.html, CSS, JS, imágenes | Portafolio, landing page, sitio personal |
| Build final | dist, build, out, public | Vite, React, Astro, Next.js static export |
| Archivo ZIP | Carpeta comprimida con los archivos del sitio | Entrega de cliente, exportación de IA, plantilla descargada |
La raíz importa. En la mayoría de flujos estáticos, index.html debe quedar en el nivel principal de la carpeta publicada. Si tu ZIP abre como mi-sitio/index.html, sube esa carpeta o revisa que la plataforma entienda esa estructura.
La ruta más rápida: subir los archivos terminados
Para un sitio estático pequeño, el camino más claro suele ser:
- Colocar
index.htmlen la raíz. - Mantener archivos en carpetas como
css,js,imagesoassets. - Subir la carpeta o el ZIP.
- Abrir el enlace HTTPS generado.
- Probar cada página, imagen, estilo y ruta.
- Reclamar el proyecto o conectar un dominio cuando valga la pena conservarlo.
Ese último paso evita fricción. Muchas páginas empiezan como vista previa de cliente, trabajo escolar, landing page, maqueta de IA o portafolio temporal. Pedir una configuración completa antes del primer enlace suele ser demasiado pronto.
En DeployPages puedes empezar desde el área de carga, publicar los archivos estáticos y decidir después si quieres conservar el proyecto en una cuenta. Para el flujo específico, consulta la guía para publicar HTML.
Revisa rutas antes de culpar al hosting
La mayoría de errores de "mi HTML no carga en línea" vienen de rutas que funcionaban localmente pero se rompen en una URL real.
| Patrón local | Patrón más seguro | Por qué |
|---|---|---|
C:\Users\yo\Desktop\logo.png | ./images/logo.png | Un navegador publicado no puede leer tu disco. |
/Users/yo/sitio/style.css | ./style.css | Las rutas absolutas de computadora se rompen en línea. |
file:///.../script.js | ./script.js | file:// solo existe en tu equipo. |
href="/about.html" | href="./about.html" para vistas previas por carpeta | Las rutas desde raíz dependen de dónde se sirva el sitio. |
Si el sitio tiene varias páginas, no revises solo la página de inicio. Abre cada enlace desde la URL publicada. La navegación es donde los errores de ruta aparecen primero.
Cuándo una carga directa gana frente a Git
Git es ideal cuando hay desarrollo continuo, revisiones y cambios frecuentes. No siempre es el mejor primer paso.
Una carga desde navegador conviene cuando:
- Recibiste una carpeta estática de un diseñador, cliente, generador o herramienta de IA.
- Necesitas un enlace antes de decidir si el proyecto merece repositorio.
- Estás publicando una landing page, CV, portafolio, evento o proyecto escolar.
- Quieres probar un build antes de automatizar CI.
- Quien publica la página no es la misma persona que escribió el código.
Por eso los flujos de arrastrar y soltar siguen apareciendo en herramientas serias de publicación. La señal del mercado es clara: mucha gente solo quiere subir archivos de sitio web y obtener una URL.
Qué carpeta subir desde herramientas comunes
| Herramienta o stack | Sube esto |
|---|---|
| HTML/CSS/JS plano | La carpeta que contiene index.html |
| Vite | dist después de npm run build |
| Create React App | build después de npm run build |
| Astro | dist después de npm run build |
| Next.js static export | out después del export estático |
| Plantilla HTML descargada | La carpeta descomprimida con index.html en la raíz |
| Sitio generado con IA | La carpeta exportada, no la conversación del prompt |
Si no sabes cuál carpeta es la correcta, busca la que contiene index.html y archivos ya compilados. Carpetas como src casi nunca son lo que se publica.
Qué hace confiable a un enlace HTML
Un enlace de prueba puede ser simple. Un enlace para clientes, reclutadores, inversionistas o usuarios necesita más cuidado.
Revisa:
- HTTPS por defecto, no una URL insegura
http://. - Una vista previa estable para que otras personas puedan volver.
- Reemplazo sencillo cuando subes una versión corregida.
- Camino hacia dominio personalizado.
- Posibilidad de restaurar una versión anterior si una subida sale peor.
- Estadísticas básicas para saber si alguien abrió el enlace.
DeployPages está armado alrededor de ese orden: carga rápida primero, luego dominios personalizados, entrega global, estadísticas y restauración de versiones cuando la página deja de ser una prueba.
Checklist antes de subir
Dedica dos minutos a esto:
- Abre la carpeta y confirma que
index.htmlesté en la raíz. - Evita espacios o caracteres raros en archivos referenciados desde HTML.
- Usa nombres en minúsculas cuando sea posible.
Logo.PNGylogo.pngpueden ser distintos en producción. - Busca
file://,localhosty nombres de usuario de tu computadora. - Comprime la carpeta solo después de revisar la estructura.
- Después de publicar, prueba en un teléfono, no solo en tu computadora.
Ese checklist evita más problemas reales que otra comparación de proveedores.
Cuándo pasar a un flujo más formal
Mantén la carga directa si el sitio es estático y cambia poco. Pasa a CLI o Git cuando el proyecto tenga cambios frecuentes, un build que varias personas deben reproducir o un proceso de revisión de equipo.
DeployPages permite empezar por el navegador sin encerrar el proyecto ahí. Publica el primer enlace, mueve a CLI cuando el build sea repetible y conecta dominio cuando el contenido esté aprobado.
El primer paso no siempre es un pipeline. Muchas veces es un enlace que funciona.