Cómo subir tu primera página web a internet paso a paso

Crear una página web en tu computadora es solo la mitad del camino. El siguiente paso, el que convierte ese proyecto local en algo que cualquier persona del mundo puede visitar, es subirla a internet. Y aunque suena complicado la primera vez, el proceso es mucho más sencillo de lo que parece.

En este artículo aprenderás exactamente qué necesitas, cómo elegir un servicio de hosting, cómo subir tus archivos y cómo conectar tu propio dominio, todo paso a paso y sin asumir que ya sabes cómo funciona esto.

Qué necesitas antes de empezar

Para que tu página web esté accesible en internet necesitas tres cosas:

• Tu página web: los archivos HTML, CSS, JavaScript e imágenes que forman tu sitio. Si ya tienes esto listo, perfecto. Si no, empieza por crear al menos un archivo index.html con contenido básico.
• Un servicio de hosting: un servidor conectado permanentemente a internet donde vivirán tus archivos. Cuando alguien escribe tu dirección en el navegador, ese servidor entrega los archivos al visitante.
• Un dominio (opcional pero recomendado): la dirección personalizada que las personas escriben para llegar a tu sitio, como minombre.com. Sin dominio propio, tu sitio tendrá una dirección genérica del proveedor de hosting.

Entendiendo qué es el hosting

El hosting (alojamiento web) es un servicio que te alquila espacio en un servidor para guardar los archivos de tu página. Ese servidor está encendido las 24 horas del día, los 7 días de la semana, conectado a internet con alta velocidad, para que cualquier persona pueda acceder a tu sitio en cualquier momento.

Existen distintos tipos de hosting según tus necesidades:

• Hosting compartido: tu sitio comparte el mismo servidor con otros sitios web. Es la opción más económica y más que suficiente para una primera página web, un portafolio o un sitio de pequeña empresa.
• VPS (Servidor Virtual Privado): tienes una porción dedicada de un servidor. Más control y mejor rendimiento que el compartido, ideal cuando tu sitio crece.
• Servidor dedicado: un servidor físico completo solo para ti. Para sitios con tráfico muy alto.
• Hosting en la nube: tu sitio se distribuye en múltiples servidores. Muy escalable y confiable.

Para tu primera página web, el hosting compartido es la opción correcta. Es económico, fácil de usar y tiene todo lo que necesitas.

Paso 1: Elige tu servicio de hosting

Hay decenas de proveedores de hosting en el mercado. Para empezar, te recomendamos dos opciones que combinan facilidad de uso, buen rendimiento y precio razonable:

Hostinger: la opción más sencilla para principiantes

Hostinger es uno de los proveedores de hosting más populares del mundo hispanohablante. Tiene planes desde muy poco dinero al mes, un panel de control intuitivo llamado hPanel que es especialmente fácil para quienes empiezan, e incluye dominio gratuito en algunos planes. Su proceso de configuración inicial está muy guiado y no requiere conocimientos técnicos avanzados.

Es la opción ideal si quieres enfocarte en el contenido de tu sitio y no quieres lidiar con configuraciones complejas.

DigitalOcean: para quienes quieren aprender más

DigitalOcean es un proveedor orientado a desarrolladores. Sus servidores en la nube (llamados Droplets) son muy asequibles, tienen excelente rendimiento y la documentación que ofrecen es de las mejores del sector. Si quieres aprender cómo funciona un servidor por dentro, configurar tu propio entorno y tener control total, DigitalOcean es una opción excelente.

Ten en cuenta que DigitalOcean requiere algo más de configuración manual que Hostinger, por lo que si estás empezando desde cero con el mundo del hosting, puede ser más cómodo empezar con Hostinger y explorar DigitalOcean cuando tengas más confianza.

Paso 2: Elige y registra tu dominio

Tu dominio es la dirección con la que las personas encontrarán tu sitio: tuproyecto.com, miportafolio.dev, minegocio.es. Elegirlo bien importa.

Algunos consejos para elegir tu dominio:

• Que sea corto y fácil de recordar.
• Que sea fácil de deletrear. Evita números, guiones y combinaciones que se presten a confusión.
• Que refleje el propósito de tu sitio o tu nombre si es un portafolio personal.
• Prefiere la extensión .com si tu audiencia es global. Usa .es, .mx o la extensión de tu país si tu sitio es local.
• Las extensiones .dev, .io y .app son muy populares entre desarrolladores.

Puedes registrar el dominio directamente con tu proveedor de hosting, lo cual simplifica la configuración porque el dominio y el servidor ya están en la misma cuenta. Tanto Hostinger como DigitalOcean te permiten gestionar dominios.

Paso 3: Contrata el plan de hosting

Una vez que has elegido el proveedor, contrata el plan más básico para empezar. En la mayoría de los casos el plan de entrada es más que suficiente para un primer sitio web.

Durante el proceso de contratación normalmente te pedirán:

• Crear una cuenta con tu email.
• Elegir el plan y el período de facturación (los planes anuales suelen ser mucho más económicos que los mensuales).
• Registrar o vincular tu dominio.
• Proporcionar los datos de pago.

Una vez completado el pago recibirás un email de confirmación con los datos de acceso a tu panel de control.

Paso 4: Prepara tus archivos

Antes de subir nada, asegúrate de que tus archivos están bien organizados. La estructura más básica es:

mi-sitio-web/
├── index.html        ← página de inicio (obligatorio que se llame así)
├── about.html
├── contact.html
├── css/
│   └── styles.css
├── js/
│   └── main.js
└── images/
    ├── logo.png
    └── foto-hero.jpg

El archivo index.html es especialmente importante: es el que el servidor muestra por defecto cuando alguien visita tu dominio sin especificar un archivo concreto. Si no existe un index.html, el servidor puede mostrar un error o listar el contenido del directorio.

Antes de subir, verifica que:

• Todos los enlaces entre páginas funcionan correctamente en local.
• Las rutas a imágenes, CSS y JavaScript son relativas, no absolutas. Por ejemplo: ../images/logo.png en lugar de C:/Usuarios/tu-nombre/proyecto/images/logo.png.
• No hay archivos innecesarios como carpetas de sistema (.DS_Store en Mac, Thumbs.db en Windows) o archivos de configuración de tu editor.

Paso 5: Sube tus archivos al servidor

Esta es la parte central del proceso. Tienes varias formas de subir los archivos dependiendo de tu proveedor y de cuánto control quieras tener.

Opción A: Administrador de archivos del panel de control (la más sencilla)

La mayoría de los proveedores de hosting incluyen un administrador de archivos gráfico en su panel de control. En Hostinger está dentro del hPanel. En cPanel (el panel más extendido en la industria) se llama directamente "Administrador de archivos".

El proceso es el siguiente:

1. Accede a tu panel de control con las credenciales que te enviaron por email.
2. Busca la opción "Administrador de archivos" o "File Manager".
3. Navega hasta la carpeta public_html. Esta es la carpeta raíz de tu sitio web: todo lo que pongas aquí será accesible desde internet.
4. Sube tus archivos usando el botón de subida o arrastrando y soltando directamente en la interfaz web.
5. Si subiste un archivo ZIP con todos tus archivos, usa la opción de extraer para descomprimirlo en el servidor.

Opción B: FTP con un cliente como FileZilla (más control)

FTP (File Transfer Protocol) es el protocolo estándar para transferir archivos entre tu computadora y un servidor. Para usarlo necesitas un cliente FTP. El más popular y gratuito es FileZilla.

Pasos para conectarte por FTP:

1. Descarga e instala FileZilla desde filezilla-project.org.
2. En tu panel de hosting, busca los datos FTP: host, usuario, contraseña y puerto (generalmente el 21).
3. Abre FileZilla y en la barra de conexión rápida introduce esos datos.
4. Haz clic en "Conexión rápida". FileZilla se conectará al servidor y mostrará dos paneles: tu computadora a la izquierda y el servidor a la derecha.
5. En el panel derecho navega hasta la carpeta public_html.
6. En el panel izquierdo navega hasta la carpeta de tu proyecto.
7. Selecciona todos los archivos de tu proyecto y arrástralos al panel derecho.

FileZilla mostrará el progreso de la transferencia en la parte inferior. Cuando termine, tus archivos estarán en el servidor.

Opción C: Git y despliegue automático (para quienes ya usan Git)

Muchos proveedores modernos permiten conectar tu repositorio de GitHub o GitLab directamente al servidor. Cuando haces un push a la rama principal, los archivos se despliegan automáticamente. Esta es la opción más profesional y la que usarás en proyectos serios.

# Si usas DigitalOcean App Platform, por ejemplo:
# 1. Conectas tu repositorio de GitHub
# 2. Configuras la rama que se despliega (generalmente main)
# 3. Cada git push actualiza tu sitio automáticamente

git add .
git commit -m "Actualizar página de inicio"
git push origin main   # esto despliega los cambios automáticamente

Paso 6: Verifica que tu sitio funciona

Una vez subidos los archivos, abre tu navegador y escribe tu dominio. Si todo está correcto, tu página debería cargarse.

Si no funciona inmediatamente, no te preocupes. La propagación del DNS (el sistema que conecta tu dominio con tu servidor) puede tardar entre unos minutos y 48 horas dependiendo del proveedor y de tu ubicación. En la mayoría de los casos funciona en menos de una hora.

Mientras esperas la propagación, puedes verificar que los archivos están bien subidos accediendo directamente por la IP del servidor, que encontrarás en tu panel de control.

Revisa también que:

• El archivo index.html está en la raíz de public_html, no dentro de una subcarpeta.
• Los nombres de los archivos coinciden exactamente, incluyendo mayúsculas y minúsculas. Los servidores Linux distinguen entre Imagen.jpg e imagen.jpg, a diferencia de Windows.
• Los permisos de los archivos son correctos. Los archivos HTML deben tener permisos 644 y las carpetas 755.

Paso 7: Activa el certificado SSL (HTTPS)

El SSL es el protocolo que cifra la comunicación entre tu servidor y los visitantes. Cuando está activo, la dirección de tu sitio empieza por https:// en lugar de http://, y el navegador muestra un candado en la barra de direcciones.

Esto es importante por varias razones:

• Los navegadores modernos marcan como "no seguro" los sitios sin HTTPS, lo que genera desconfianza en los visitantes.
• Google penaliza en sus resultados de búsqueda a los sitios sin SSL.
• Es gratuito: la mayoría de los proveedores incluyen Let's Encrypt, un certificado SSL gratuito.

En Hostinger, el SSL se activa desde el panel hPanel en la sección de SSL. En la mayoría de los planes se activa con un clic. En DigitalOcean puedes usar Certbot para instalar Let's Encrypt en tu servidor.

Paso 8: Actualiza tu sitio cuando necesites hacer cambios

Subir la primera versión es solo el comienzo. Cuando necesites actualizar contenido o corregir errores, el proceso es el mismo: modificas los archivos en local y los vuelves a subir al servidor, sobreescribiendo los anteriores.

Con FTP o el administrador de archivos, simplemente subes el archivo modificado a la misma carpeta. Con Git y despliegue automático, un git push actualiza el sitio solo.

Un consejo útil: antes de subir cambios importantes, guarda una copia de la versión que funciona. Así puedes volver atrás rápidamente si algo sale mal.

Opciones gratuitas para empezar sin gastar nada

Si quieres publicar tu primera página sin invertir dinero todavía, existen plataformas gratuitas muy populares entre desarrolladores:

• GitHub Pages: perfecta para sitios estáticos (HTML, CSS, JavaScript sin backend). Conectas tu repositorio de GitHub y el sitio se publica automáticamente en una URL como tuusuario.github.io/tu-proyecto. Es completamente gratuita.
• Netlify: similar a GitHub Pages pero con más funcionalidades: formularios, funciones serverless, certificado SSL automático y despliegue desde GitHub con cada push. Su plan gratuito es muy generoso.
• Vercel: muy popular para proyectos con React, Next.js o frameworks modernos. Plan gratuito excelente y despliegue automático desde GitHub.

Estas opciones gratuitas son ideales para aprender y publicar proyectos de práctica. Cuando tengas un proyecto serio, un cliente o quieras tu propio dominio con hosting estable, opciones como Hostinger o DigitalOcean son la elección natural.

Resumen del proceso completo

Errores comunes al subir tu primera página web

El sitio muestra un error 403 o lista los archivos en lugar de cargar la página

Esto ocurre cuando el archivo index.html no está en la carpeta raíz correcta (public_html) o su nombre es incorrecto. Verifica que el archivo se llama exactamente index.html (en minúsculas) y que está en la raíz de public_html, no dentro de una subcarpeta.

Las imágenes o el CSS no cargan aunque el HTML sí

Lo más probable es que las rutas sean absolutas (usando la ruta de tu computadora local) en lugar de relativas. Revisa todos los src e href de tu HTML y asegúrate de que apuntan de forma relativa a los archivos:

<!-- ❌ Ruta absoluta de tu computadora: no funcionará en el servidor -->
<link rel="stylesheet" href="C:/Users/tu-nombre/proyecto/css/styles.css">
<img src="/Users/tu-nombre/proyecto/images/logo.png">

<!-- ✅ Ruta relativa: funciona en cualquier servidor -->
<link rel="stylesheet" href="css/styles.css">
<img src="images/logo.png">

El dominio no carga aunque los archivos están subidos

Probablemente es cuestión de tiempo de propagación del DNS. Espera entre 1 y 24 horas. Puedes usar la herramienta whatsmydns.net para ver en qué partes del mundo tu dominio ya está apuntando al servidor correcto.

El sitio carga en HTTP pero no en HTTPS

El certificado SSL no está activado o todavía no se ha propagado. Ve a tu panel de hosting y activa Let's Encrypt desde la sección SSL. Puede tardar unos minutos en estar activo.

Conclusión

Subir tu primera página web a internet es un hito importante. El proceso tiene más pasos que simplemente guardar un archivo, pero cada uno es sencillo y directo. Con el hosting contratado, el dominio registrado y los archivos en la carpeta correcta, tu trabajo pasa de existir solo en tu computadora a estar disponible para cualquier persona en el mundo.

Si quieres dar ese paso con un hosting fiable y fácil de configurar, tanto Hostinger como DigitalOcean son buenas opciones para empezar, dependiendo de si prefieres comodidad o control.

Una vez que tengas tu sitio en línea, el siguiente paso natural es aprender a construir páginas más completas. Te recomendamos leer nuestros artículos sobre cómo crear tu primera página web con HTML desde cero y sobre cómo hacer una página web gratis desde cero, que te darán las bases para seguir construyendo sobre lo que ya tienes publicado.