No es común tener webs HTML en los tiempos que corren, el mercado hace tiempo que es de los gestores de contenidos dinámicos (CMS) como WordPress, Joomla, Drupal, y un largo etc., que puedes consultar en cms matrix (1), pero si eres de los que aún trabaja con el lenguaje de marcado, consulta esta guía para subir una página web HTML a internet a un Hosting en España o América en Internet.
Si tienes una web HTML es posible que necesites saber cómo subir una página web HTML a Internet, o sea, a un Hosting que tengas contratado con algún proveedor de este tipo de servicios.
Esto no quiere decir que no haya buenas webs exclusivamente realizadas en HTML o que utilicen Bootstrap, animate.ccs, FitText, WOW.js, marcado semántico, etc., y todo ello sin necesidad de hacer uso de una base de datos ni de otras tecnologías adicionales, todo depende de cada usuario y su proyecto ¡si no lo necesitas para que complicarte!
Es posible que hayas dedicado un tiempo a construir tu web estática en HTML en tu ordenador y ahora quieres subirla a un alojamiento web, por lo que es hora de que leas esta guía para saber cómo subir una web HTML a un Hosting en pocos minutos y sin quebraderos de cabeza.
En la siguiente imagen puedes ver la portada de una web creada en HTML, con CSS, JavaScript para los efectos de transición del deslizador de imágenes en portada y poco más, funcionando en el navegador web desde el ordenador (local), sin necesidad de acceso o conexión a internet.
Ejemplo de web HTML funcionando en local (ordenador)
Tabla de contenidos
- 1 Elegir hosting
- 2 Elige hosting o alojamiento web
- 3 Utiliza un método para subir una página web HTML a internet
- 4 Subir una página web HTML a internet de forma manual
- 5 Vídeo sobre cómo trasladar una web HTML a tu Hosting
- 6 ¿Cómo eliminar una web HTML del Hosting?
- 7 Preguntas frecuentes al subir una página web HTML a internet
- 8 Conclusiones
Elegir hosting
Cuando hablamos de subir una página web HTML a internet, el primer paso esencial es contar con un buen servicio de hosting o alojamiento web. Sin este elemento, nuestra web solo no podrá ser visible para el mundo, por muy bonito o funcional que sea nuestro diseño.
Pero, ¿qué es el hosting?, es un espacio en un servidor conectado a internet donde vamos a guardar los archivos de nuestra página HTML con imágenes, documentos, hojas de estilo, scripts, entre otros. Todo lo necesario para que nuestro sitio funcione y esté disponible las 24 horas del día.
Ahora bien, no todos los hostings son iguales, y aquí es donde entra en juego la importancia de elegir bien. Necesitamos un proveedor que nos ofrezca velocidad, seguridad, soporte técnico de calidad y facilidad de gestión. De nada sirve tener una web preciosa si el servidor es lento o se cae todo el tiempo.
En este sentido, en Webempresa ponemos a disposición planes de hosting pensados para todo tipo de proyectos, desde webs personales hasta tiendas online o sitios corporativos. Algunos de los planes que puedes considerar son:
Hosting WordPress: perfecto si más adelante quieres integrar tu HTML en WordPress o simplemente necesitas rendimiento optimizado para webs dinámicas.
Hosting WooCommerce: ideal si tu proyecto HTML planea evolucionar hacia una tienda online.
Hosting Divi: pensado para quienes quieran crear o integrar su web utilizando uno de los constructores visuales más populares del mercado.
Hosting Web: una opción flexible para proyectos más generales o webs corporativas tradicionales.
Hosting Agencia: diseñado para quienes manejan varias webs o trabajan con proyectos de clientes.
Hosting Elástico: perfecto si queremos comenzar con pocos recursos y luego escalar de forma sencilla a medida que nuestro tráfico crece.
Cloud Hosting: pensado para sitios que necesitan alta disponibilidad, escalabilidad y flexibilidad avanzada.
Servidores Dedicados: si tu web HTML es parte de un proyecto grande o crítico, esta opción te da control total sobre tus recursos.
Todos nuestros planes incluyen certificados SSL gratuitos, copias de seguridad automáticas, soporte 24/7 en español y herramientas pensadas para que gestionar tu web sea sencillo, rápido y seguro.
Elegir un buen hosting no es solo una cuestión técnica, es una inversión en la tranquilidad de saber que nuestra web estará disponible, segura y lista para crecer. Y si podemos hacerlo con un equipo de soporte que nos acompaña en el camino, mucho mejor.
Así que, antes de seguir con el proceso de subir tu página web HTML a internet, asegúrate de contar con un alojamiento que esté a la altura de tu proyecto. Y recuerda, en Webempresa, estamos aquí para ayudarte a hacerlo posible.
Elige hosting o alojamiento web
La elección de un buen proveedor de alojamiento para tu sitio web es esencial, ya que es posible que llegues a permanecer mucho tiempo con él si el servicio que te ofrece está alineado con tus necesidades, por eso, dedicar un tiempo a valorar pros y contras de los proveedores de Hosting más destacados y orientados hacia tus necesidades, será clave en todo este proceso.
- Tipo de hosting: hay diferentes tipos de alojamientos para sitios web, como compartidos, VPS, dedicados, entre otros. Es importante elegir el que mejor se adapte a las necesidades de tu web. Por regla general, la mayoría de los proyectos web se alojan en Hosting compartido para WordPress, etc.
- Uptime: asegúrate de elegir un hospedaje con un buen uptime, es decir, que tu sitio web esté disponible la mayor parte del tiempo posible.
- Velocidad: la velocidad de carga de tu sitio web es crucial tanto para los usuarios como para los motores de búsqueda. Asegúrate de elegir un hosting con una buena velocidad de carga, para que tu web vuele.
- Soporte: es importante elegir un hosting con un buen soporte técnico que pueda ayudarte en caso de problemas, o para resolver dudas y responder preguntas.
- Seguridad: verifica que el alojamiento web dispone de medidas de seguridad adecuadas para proteger tu sitio web y tus datos.
- Precio: compara diferentes opciones de hosting y escoge uno que ofrezca un buen equilibrio entre precio y características.
Recuerda que «lo barato acaba saliendo caro» y con esto quiero decir que mires la letra pequeña, el servicio final que obtienes por el precio que pagas y evalúa si está pensado para ti y tus proyectos web.
Utiliza un método para subir una página web HTML a internet
Dicen que métodos para hacer cosas hay tantos como ideas pasen por tu cabeza y medios tengas a tu alcance. En el caso de «opciones para subir una web local a un Hosting» hay unas cuantas y cada cual más efectiva, dependiendo de tu pericia y disponibilidad de herramientas.
Algunos métodos para subir una web de HTML desde tu ordenador a Internet:
- Puedes usar un cliente FTP (File Transfer Protocol) como FileZilla o Cyberduck para transferir los archivos desde tu ordenador al servidor.
- Desde tu panel de control de hosting como WePanel, cPanel o Plesk, por ejemplo, para subir archivos mediante la opción Subir archivos del filemanager.
- Con una herramienta de control de versiones como Git para gestionar y subir tus cambios al servidor desde el ordenador.
- Utilizando una herramienta de despliegue automatizado como Jenkins o DeployHQ para automatizar el proceso de subida de archivos al servidor.
En esencia, estos son los métodos más viables que puedes usar, aunque el segundo indicado en la lista es quizás el más común y recomendado para utilizar.
Subir una página web HTML a internet de forma manual
Cuando nos decidimos a subir una página web HTML a internet, tenemos varias opciones, pero uno de los métodos más clásicos y efectivos es hacerlo de forma manual. Aunque pueda sonar más complicado que utilizar asistentes automáticos o plataformas visuales, subir nuestro sitio de forma manual nos da mayor control sobre cada detalle del proceso.
Este método es ideal si queremos que todos los archivos HTML, CSS, imágenes, scripts estén organizados como queremos, sin que herramientas externas cambien rutas o configuraciones.
Para hacerlo, debemos seguir unos pasos bastante sencillos:
1. Conectarnos a nuestro hosting
Una vez que hemos contratado nuestro plan de hosting (como cualquiera de los planes disponibles en Webempresa), tendremos acceso a un panel de control, como cPanel o WePanel. Desde allí podemos utilizar el Administrador de Archivos o configurar un acceso vía FTP usando programas como FileZilla.
2. Localizar la carpeta pública de nuestro hosting
Casi todos los hostings tienen una carpeta llamada public_html o similar. Es allí donde debemos colocar los archivos de nuestra web para que puedan ser accesibles desde internet. Todo lo que esté dentro de esta carpeta será lo que los visitantes verán cuando ingresen a nuestro dominio.
3. Subir los archivos de nuestra página web
En este paso solo seleccionamos todos los archivos y carpetas de nuestra web (el archivo index.html, las carpetas de imágenes, estilos, scripts, fuentes, etc.) y los subimos al servidor.
Es importante mantener la estructura original de carpetas y rutas para evitar errores de carga en imágenes o estilos.
4. Verificar que todo esté funcionando correctamente
Una vez subidos los archivos, ingresamos a nuestro dominio desde un navegador para comprobar que la página se visualiza como esperamos. Si algo no carga bien, muy probable se deba a errores en las rutas o a que algún archivo no se haya subido de forma correcta. En ese caso, podemos corregirlo con facilidad revisando nuestra estructura de archivos.
¿Cómo subir la web HTML desde tu ordenador al Hosting?
Una vez que tenemos todos los archivos de nuestra página web listos en nuestro ordenador, llega el momento clave: subir nuestra página web HTML a internet. Y aunque suene un poco técnico, el proceso es mucho más sencillo de lo que parece si seguimos unos pasos básicos.
Hay dos métodos para hacer esta subida: utilizando el Administrador de Archivos del hosting o conectándonos vía FTP. Vamos a ver cada uno para que podamos elegir el que mejor se adapte a nuestras necesidades:
Subir la web HTML usando el Administrador de Archivos del Hosting
La mayoría de los proveedores de hosting, como Webempresa, nos ofrecen un panel de control (WePanel o cPanel) que incluye un Administrador de Archivos. Este método es ideal si queremos hacer una subida rápida, en especial cuando manejamos pocos archivos o cambios pequeños.
¿Qué debemos hacer?
- Accedemos a nuestro WePanel o cPanel con los datos que nos haya proporcionado nuestro proveedor de hosting.
- Entramos en la sección Administrador de Archivos.
- Buscamos la carpeta public_html (o la carpeta donde queramos alojar nuestra web).
Usamos la opción de Cargar archivos para subir uno a uno, o si preferimos, comprimimos todos nuestros archivos en un .zip, lo subimos y luego lo descomprimimos en el servidor (esto agiliza mucho el proceso).
Una vez subidos, revisamos que estén todos los archivos organizados. Si subimos el proyecto comprimido, recordemos que después de descomprimir, debemos eliminar el archivo .zip para no ocupar espacio innecesario en nuestro hosting.
Subir la web HTML conectándonos por FTP
Si tenemos muchos archivos, o queremos hacer actualizaciones frecuentes, lo mejor es usar un cliente FTP como FileZilla.
¿Cómo lo hacemos?
- Descargamos e instalamos FileZilla en nuestro ordenador.
- Configuramos la conexión usando los datos de acceso que nos proporciona nuestro hosting: servidor (por lo general ftp.midominio.com), usuario, contraseña y puerto (en la mayoría es 21).
- Una vez conectados, navegamos hasta la carpeta public_html.
- Desde el panel izquierdo (nuestro ordenador), seleccionamos todos los archivos y carpetas de nuestra web, y los arrastramos hacia el panel derecho (el servidor).
- Esperamos a que todos los archivos se transfieran de forma correcta.
Este método es muy útil para grandes volúmenes de archivos o cuando necesitamos gestionar varias subidas y descargas en el futuro.
(2) Esto puedes hacerlo perfectamente por FTP, pero es más lento y puede afectar a los permisos de archivos y carpetas subidos, ¡no te compliques la vida!
Como por regla general, las webs HTML no tienen base de datos por lo que puedes olvidarte del proceso de tener que crear una base de datos en el Hosting, exportar en tu ordenador la base de datos, etcétera, ¡olvidar! que diría Lucas 😜
Vídeo sobre cómo trasladar una web HTML a tu Hosting
En el siguiente vídeo te explico todo el proceso de traslado de una web realizada en HTML desde tu ordenador a una carpeta de tu Hosting, en Internet.
Por cierto, ¿te gusto la web HTML responsive que viste en el vídeo?…puedes descargarla aquí gratuitamente. 😉
¿Cómo eliminar una web HTML del Hosting?
Es posible que tras un tiempo trabajando con tu web HTML te hayas dado cuenta de que no permite hacer cosas muy avanzadas y que mantenerla al día requiere un esfuerzo extra, y esto esencialmente se debe a que todo lo que generas es «contenido estático» que no varía salvo que lo modifiques expresamente.
Derivado de esto, si ya has dado el salto a un CMS o gestor de contenidos dinámico como WordPress, por citar el más usando y conocido en Internet, entonces ya no necesitarás tener la web HTML alojada en el servidor, así de paso liberas espacio.
Eliminar una web HTML del servidor donde se aloja tu cuenta de Hosting es muy sencillo y los pasos a realizar son pocos, principalmente porque las webs HTML no suelen requerir del uso de una base de datos, salvo puntuales excepciones, lo que simplifica casi un 99 % la eliminación.
Los pasos para eliminar una web HTML en tu Hosting son:
- Accede a tu Hosting y ve a Archivos y abre el Administrador de Archivos
- Localiza la carpeta donde tengas la web HTML, por ejemplo public_html/web_html.
- Seleccionala y con el botón derecho del ratón abre el menú contextual.
- Busca la opción Eliminar y ejecútala.
- Confirma la eliminación de la carpeta que contiene la web HTML.
- Desde tu navegador comprueba que tu web ya no carga en la URL http://tudominio.com/web_html
Si necesitas guardar una copia de seguridad de dicha web, lo ideal, antes de eliminarla, es que la comprimas (la carpeta de la web) en un archivo ZIP y luego lo descargues a tu ordenador, para conservarlo como recuerdo de lo que un día fue tu web estática desarrollada en lenguaje de marcado HTML.
Como ves, son pasos sencillos a realizar y que no comportan ningún problema para tu alojamiento web.
Preguntas frecuentes al subir una página web HTML a internet
Cuando estamos en el proceso de subir una página web HTML a internet, es por completo normal que nos surjan dudas. De hecho, aunque el proceso básico no es complicado, cada proyecto puede tener detalles únicos que nos hagan preguntarnos si estamos haciendo todo de forma correcta.
Aquí recopilamos algunas de las preguntas más comunes que suelen surgir en este punto del camino, para que puedas avanzar con más tranquilidad:
¿Necesito un dominio para subir mi web HTML?
Sí, por completo. El dominio es como la dirección física de tu casa: sin él, los visitantes no sabrían cómo llegar a nuestro sitio web. Cuando hablamos de subir una página web HTML a internet, el dominio es esencial para que cualquier persona pueda encontrar nuestra página en la red.
Podemos registrar nuestro dominio de forma muy sencilla desde el mismo proveedor de hosting que queramos, como Webempresa, lo cual nos facilita la gestión al tener todo centralizado. Recordemos elegir un nombre de dominio claro, fácil de recordar y relacionado con el contenido o la finalidad de nuestra web.
¿Podemos usar cualquier servicio de hosting?
En teoría sí, pero en la práctica no todos los servicios de hosting ofrecen la misma calidad. No se trata solo de elegir un servicio barato, sino de asegurarnos de que sea rápido, seguro, confiable y con soporte de calidad. En Webempresa contamos con distintos tipos de hosting adaptados a cada necesidad, desde webs pequeñas hasta tiendas online o grandes proyectos.
De la misma forma, al trabajar con nosotros, tenemos soporte técnico 24/7 en español, copias de seguridad automáticas y protección antimalware que marcan una diferencia importante a largo plazo.
¿Qué archivos debemos subir exactamente?
Cuando preparamos nuestra página HTML para publicarla, debemos asegurarnos de subir todos los archivos y carpetas que forman parte del proyecto. Esto incluye el archivo principal index.html, que por lo general será el que los servidores buscan como página de inicio.
De igual forma, debemos transferir todas las carpetas de imágenes, archivos CSS, scripts JavaScript y cualquier otro recurso relacionado. Es importante mantener la misma estructura de carpetas que tenemos en nuestro ordenador para evitar que se rompan las rutas de los enlaces o imágenes en nuestra web.
¿Qué hacemos si vemos un error al cargar nuestra página?
Lo primero es verificar que hayamos subido de forma correcta todos los archivos y respetado la estructura de carpetas. También debemos asegurarnos de que nuestro archivo principal se llame index.html, ya que la mayoría de los servidores lo buscan como página de inicio.
Si los errores persisten, conviene revisar las rutas de imágenes, hojas de estilo o scripts en nuestro código. Y recordemos que en Webempresa contamos con soporte técnico disponible 24/7, listo para ayudarnos a solucionar cualquier incidencia que pueda surgir.
¿Podemos actualizar nuestra web más adelante?
Por supuesto. Una vez que nuestra web HTML está subida, siempre podemos actualizarla. Solo necesitamos hacer las modificaciones en nuestros archivos locales y volver a subirlos al servidor, reemplazando los anteriores. De esta manera, mantenemos nuestro sitio al día con nuevos contenidos o mejoras de diseño.
Eso sí, antes de realizar actualizaciones importantes, es recomendable hacer una copia de seguridad completa para poder restaurar nuestra web en caso de que algo no salga como esperábamos.
Conclusiones
Subir una página web HTML a internet desde tu ordenador a un Hosting que contrates en algún proveedor de alojamiento web en Internet es un proceso sumamente sencillo y que llevas a cabo en muy pocos minutos, ya que no requiere gestionar una base de datos y otros aspectos que comportan el traslado de una web gestionada con WordPress, por ejemplo.
También es cierto que las webs desarrolladas en HTML o Lenguaje de Marcas de Hipertexto, del inglés HyperText Markup Language están cada vez más en desuso con respecto a las webs desarrolladas con algún tipo de gestor de contenidos dinámico como es el caso de WordPress, u otros similares.
Una de las principales ventajas de subir una página web HTML a un hospedaje web es que esto permite que la página esté disponible en Internet las 24 horas del día, los 7 días de la semana. Algo muy importante, especialmente si estás utilizando la página como medio de comunicación o como una forma de vender productos o servicios.
Al tener la web HTML publicada en internet, desde un alojamiento, puedes tener más control sobre la página. Dispones de un panel de control del hosting desde donde puedes realizar cambios y actualizaciones a tu página web de manera más sencilla y rápida.
Al tener tu propio hospedaje, puedes utilizar herramientas y scripts personalizados que pueden mejorar la funcionalidad de tu página.
Para que esta sea visible en internet necesitas un dominio que la muestre, pudiendo tener tu propio dominio personalizado en lugar de utilizar un dominio genérico proporcionado por un servicio gratuito de alojamiento de páginas web.
Este punto es importante si estás tratando de construir una marca o si quieres que tu página sea fácilmente reconocible y memorable para los visitantes.
Subir tu página web HTML a un hosting también ayuda a mejorar la velocidad de carga de la misma y su disponibilidad para los visitantes de todas partes del mundo.
¿Te ha resultado útil este artículo?
Miembro del equipo de soporte técnico de Webempresa.
Coordinador de contenidos en el Blog y en Youtube.
Soporte técnico en CiberProtector. Teacher en Webempresa University
