Las ideas principales
- Un Portable Website es un sitio completo que puedes conservar, trasladar y mantener. Una Web Application permite realizar tareas en el navegador. Para presentar una empresa, no siempre hace falta mantener en funcionamiento toda una aplicación.
- Una Web Application puede crear un Portable Website. El editor, la IA y la base de datos ayudan a preparar las páginas, pero estas pueden seguir funcionando una vez separadas de las herramientas que las generaron.
- Elige el alojamiento y los profesionales que mejor encajen con tu empresa. Tu sitio portable puede conectar con servicios de reservas, pagos y cuentas de usuario para atender las necesidades de tus visitantes y tu equipo.
1. ¿Necesitas un Portable Website o una Web Application?
Un fabricante quiere mostrar qué puede producir, sus certificaciones y su catálogo. Un consultor necesita explicar sus servicios y presentar casos de clientes. Un diseñador quiere enseñar su portafolio. Quien visita esos sitios busca conocer la oferta, valorarla y ponerse en contacto. Una plataforma de compraventa de valores tiene que ejecutar órdenes, y una herramienta de colaboración debe guardar documentos privados y coordinar cambios simultáneos. Que todo se use desde un navegador no significa que deba construirse de la misma manera.
Llamamos Portable Website a un sitio completo que puedes guardar, trasladar a un alojamiento compatible y mantener sin depender de quien lo creó. Una Web Application es una aplicación que se utiliza desde el navegador para trabajar con documentos, gestionar pedidos o administrar una cuenta. Puede funcionar en el propio navegador, apoyarse en servidores o combinar ambas cosas. Si el objetivo es explicar qué hace una empresa o en qué consiste un servicio, normalmente todos los visitantes pueden ver las mismas páginas. Cuando cambie esa información, se actualizan; no hace falta consultar una base de datos en cada visita para volver a montar el mismo contenido.
Pensemos en una empresa exportadora que quiere un catálogo multilingüe que transmita confianza y recibe las consultas por correo electrónico. El sitio es esencial para su negocio, pero sus visitantes quizá no necesiten cuentas de cliente ni consultar existencias en tiempo real. Tampoco necesitan que haya un gestor de contenidos, o CMS, funcionando permanentemente. Si las páginas dependen de todos esos sistemas, alguien tendrá que ocuparse de ellos. Así, quien necesitaba un Portable Website termina asumiendo el mantenimiento de una Web Application.
| Qué conviene comprobar | Portable Website | Web Application |
|---|---|---|
| Resultado | Un sitio de presentación completo que puedes guardar y trasladar | Una aplicación con la que realizar tareas o gestionar procesos desde el navegador |
| Qué debe seguir funcionando | Un alojamiento compatible con los archivos; cada integración externa necesita además su propio servicio | El código y los servicios que use la aplicación. Si utiliza un servidor, puede necesitar también bases de datos, autenticación o API |
| Mantenimiento habitual | Contenido, archivos, cuentas de dominio y alojamiento, y servicios conectados | Lo anterior, más el software necesario para ejecutar la aplicación, sus datos, permisos e integraciones |
| Qué necesita otra persona para hacerse cargo | Archivos utilizables, una descripción de las dependencias e instrucciones para poner el sitio en línea | Código, datos, configuración, servicios y conocimientos para operar la aplicación |
2. Comprar un sitio también puede obligarte a mantener una aplicación
Muchas ofertas reúnen la creación del sitio y su funcionamiento posterior en un mismo servicio. Los constructores de sitios en línea suelen incluir editor, almacenamiento de imágenes y otros archivos, alojamiento e integraciones. Un CMS tradicional puede necesitar panel de administración, base de datos, temas, complementos y un servidor que genere las páginas. Una aplicación a medida añade su propio código y un procedimiento para instalar nuevas versiones. Son opciones cómodas. El problema aparece cuando el cliente elige la herramienta con la que quiere crear el sitio sin conocer los sistemas que tendrá que mantener una vez terminado.
Una tienda que tramita pedidos o un equipo que revisa y aprueba contenidos a diario puede necesitar esas funciones. Para una web de empresa que cambia pocas veces al año, mantener los mismos sistemas puede suponer trabajo que apenas beneficia a sus visitantes. Hay que actualizar el software del servidor, hacer copias de seguridad de la base de datos, comprobar los complementos, corregir problemas de seguridad y saber cómo recuperar el servicio si falla. El proveedor puede encargarse de buena parte de esas tareas, pero seguirás dependiendo de él y pagando por ese servicio. Antes de contratarlo, conviene saber quién necesita cada función y por qué debe seguir conectada a las páginas terminadas.
Tener acceso a un panel o haber pagado una factura no basta para saber qué control tienes sobre tu sitio. Comprueba qué puedes llevarte: ¿páginas e imágenes que funcionan juntas, o solo una exportación de textos? Averigua qué seguiría dependiendo del proveedor original y si otro desarrollador podría hacerse cargo sin reconstruir el sitio a partir de capturas de pantalla. Esas condiciones deben quedar claras desde el principio, antes de que quieras cancelar una suscripción.
Alojar la aplicación por tu cuenta y usar software de código abierto dan control sobre aspectos distintos. Una aplicación de código abierto puede seguir necesitando una base de datos, un entorno concreto para ejecutarse, copias de seguridad y actualizaciones. A su vez, una herramienta propietaria puede generar archivos en formatos abiertos y de uso habitual. Además de la licencia de la herramienta, revisa qué sitio recibes y de qué depende para funcionar.
3. Crear con una Web Application y entregar un Portable Website
Para crear un sitio pueden hacer falta herramientas mucho más complejas que las necesarias para mostrarlo. Extraer información de documentos, ordenar un catálogo, traducir textos, elegir un diseño y generar páginas que se adapten al móvil puede requerir IA, bases de datos, colas de tareas y herramientas de compilación. Una Web Application resulta útil para coordinar ese trabajo y producir un Portable Website. Puedes seguir usando esas herramientas para preparar futuras versiones sin obligar al sitio a consultarlas cada vez que alguien abre la página «Quiénes somos».
CREACIÓN CON UNA WEB APPLICATION
Materiales + contenido revisado + diseño + traducciones
|
v
ENTREGA DEL PORTABLE WEBSITE
Archivos HTML, CSS, JavaScript y recursos del sitio
|
v
VISITA AL SITIO
Alojamiento estático compatible -> navegador
Las integraciones opcionales dependen de sus respectivos servicios.Cuando las páginas ya están generadas, el alojamiento envía al navegador los archivos HTML, CSS, JavaScript y multimedia. En una aplicación dinámica, el servidor puede ejecutar código y consultar datos actuales para preparar la respuesta. Ambos métodos tienen su utilidad y pueden combinarse. Hay que decidir qué necesita calcularse para cada visita y qué puede quedar resuelto al actualizar el contenido.
Un sitio estático puede adaptarse a distintas pantallas, tener menús, galerías, animaciones y cambio de idioma. Esas interacciones funcionan en el navegador, sobre las páginas ya generadas. Para incorporar datos en tiempo real, cuentas de usuario o envío de mensajes, puedes conectar los servicios adecuados. Un enlace de pago, por ejemplo, lleva al visitante desde la presentación de un producto al servicio que tramita su compra. Así puedes combinar una presentación independiente con las funciones que necesita tu negocio.
4. Qué debe incluir un Portable Website
Para LiteSite, entregar un Portable Website significa que recibes un sitio completo que puedes conservar, alojar en un servicio compatible y mantener sin depender de LiteSite. Las páginas principales del paquete funcionan sin una cuenta de LiteSite, sin una suscripción activa y sin recurrir a nuestros servidores de aplicaciones para mostrar su contenido.
Los dos términos describen aspectos diferentes. Portable Website indica qué se entrega y cuánta independencia tiene el propietario; Web Application describe lo que hace un programa. Una aplicación que funciona por completo en el navegador también puede ser portable. Aquí comparamos las opciones de quien necesita presentar su empresa: recibir archivos independientes o mantener las páginas conectadas a una plataforma de la que dependen para funcionar. Las tecnologías ya existen; nuestro compromiso consiste en entregar un resultado cuya independencia se pueda comprobar.
- Sitio completo: el paquete contiene las páginas generadas y los archivos que necesitan para mostrar su contenido, en lugar de limitarse a una exportación de textos.
- Funcionamiento independiente: las páginas principales no necesitan un servicio privado que las genere, una dirección de vista previa que caduque ni una sesión abierta en el editor original.
- Traslado a otro alojamiento: un proveedor compatible puede alojar los archivos, una vez configuradas las direcciones, las rutas y los servicios que correspondan.
- Mantenimiento con herramientas habituales: un desarrollador puede abrir, revisar y modificar el HTML, el CSS, el JavaScript y los demás archivos entregados.
- Dependencias identificadas: debe quedar claro quién presta y quién administra los servicios de formularios, estadísticas, mapas, comercio y otras integraciones.
5. Menos sistemas que mantener, más libertad para decidir
Con los archivos en tu poder, puedes mantener el sitio en línea en el alojamiento que elijas y seguir utilizándolo cuando cambies de herramienta de creación. Conserva una copia del paquete como parte de los archivos de tu empresa. Te servirá para recuperar el sitio, guardar una versión concreta, revisar su contenido o entregárselo al profesional que vaya a mantenerlo. El resultado de tu inversión queda en un conjunto de archivos que puedes conservar y utilizar.
También decides quién aloja y quién mantiene el sitio. Puedes elegir un proveedor que encaje con tus necesidades, pedir a otro desarrollador que actualice las páginas o trasladar el conjunto a un nuevo alojamiento. En todos esos casos partes del sitio que ya tienes, con su contenido, su diseño y sus archivos. Cambiar de proveedor se convierte en una decisión sobre dónde y con quién trabajar, conservando el resultado que has comprado.
Para mostrar información, un sitio portable puede prescindir de una base de datos y de un panel de administración en el servidor público. Al reducir los sistemas que intervienen en cada visita, también se reduce el trabajo de actualización, copias de seguridad y supervisión. Puedes dedicar más atención al catálogo, los casos de clientes y las páginas de servicios, y encargar a quien elijas el cuidado del alojamiento y las integraciones.
La compra del sitio, el dominio, el alojamiento y las futuras actualizaciones se pueden decidir por separado. El alojamiento estático puede ser económico e incluso gratuito, lo que facilita ajustar el presupuesto a las necesidades de tu empresa. Los archivos listos para servir también ofrecen una base sencilla para cuidar la velocidad: puedes optimizar imágenes, fuentes y scripts, y aprovechar la caché del alojamiento. Conservas el sitio mientras eliges cómo invertir en su funcionamiento y en su evolución.
6. Los archivos que recibes con LiteSite
LiteSite utiliza tu sitio actual y los materiales que aportes para preparar un borrador de contenido que puedas revisar y generar un sitio multilingüe. La vista previa privada te permite examinar el resultado antes de comprarlo. Con la compra recibes el paquete para publicar el sitio, sin la marca de agua ni los controles de acceso de la vista previa. Descarga los archivos, guarda una copia y úsalos para poner tu sitio en el alojamiento que elijas.
index.html
about.html
content.json
…otras páginas incluidas
zh-Hans/
index.html
about.html
content.json
…otras páginas incluidas
assets/
…estilos, scripts, imágenes, fuentes
robots.txt
sitemap.xml
seo-manifest.json
manifest.json
package-info.json
healthcheck.json
README.md
AGENTS.md
DEVELOPMENT.md
litesite-dev.mjs
litesite-bind-origin.mjsEl HTML y los demás archivos del sitio contienen las páginas que ven los visitantes. Los archivos content.json conservan una copia del contenido comprado para consultarlo; el texto y la estructura que muestra el navegador ya están en el HTML. Los manifiestos registran qué archivos contiene el paquete y permiten comprobar su integridad. El README explica el contenido y los pasos para ponerlo en línea. AGENTS.md ofrece a los agentes de programación con IA un punto de partida breve. DEVELOPMENT.md explica los archivos, las convenciones de diseño y los patrones de interacción del sitio; litesite-dev.mjs permite hacer vistas previas y comprobaciones en local. La herramienta incluida para configurar la dirección de destino prepara una carpeta de publicación separada.
Una vez preparada esa carpeta para el destino elegido, un desarrollador puede editar directamente el HTML, el CSS, el JavaScript y los demás archivos de la copia de trabajo, y publicar los cambios. Para actualizar lo que ve el visitante, trabaja sobre esos archivos generados y utiliza content.json como referencia. Conserva intacto el paquete original: la herramienta comprueba su integridad cuando prepara una nueva copia para otro destino. Así dispones tanto de una copia original para futuras publicaciones como de archivos editables para adaptar el sitio.
7. Cómo trasladar tu sitio a otro alojamiento
Parte del ZIP de producción y guarda una copia sin modificar. Elige la dirección HTTPS definitiva y un alojamiento compatible con los archivos estáticos y las rutas del paquete. Si publicas desde LiteSite en tu propia cuenta de Cloudflare, LiteSite prepara los archivos para ese destino. Si lo haces manualmente, sigue el README y utiliza la herramienta incluida para configurar la dirección.
node litesite-bind-origin.mjs https://example.com/
# Sube el directorio litesite-deployment/ resultante.La herramienta adapta al destino las URL canónicas, los enlaces entre versiones de idioma, las URL de Open Graph y las direcciones del sitemap. Crea una copia lista para publicar y deja intactos los archivos originales. Node.js se utiliza para esta preparación; después, el alojamiento sirve las páginas generadas directamente al navegador. Sube la carpeta litesite-deployment/ resultante y conserva el paquete original con su README y su herramienta de configuración para preparar futuras publicaciones.
node litesite-bind-origin.mjs https://USER.github.io/ /REPO/Sube la carpeta preparada y comprueba el sitio en su dirección real. Abre la página de inicio y una página interior directamente por su URL. Revisa todos los idiomas, las imágenes, las descargas y las integraciones externas; confirma también el HTTPS y el dominio que vas a usar. Configura el DNS para dirigir el dominio al nuevo alojamiento. Si sustituyes un sitio que ya estaba en línea, prepara en el alojamiento anterior las redirecciones de las URL que cambien para que los enlaces existentes lleven a las páginas correspondientes.
Para un sitio publicado en una subcarpeta como /REPO/, incluye esa ruta al preparar la copia de publicación. Los buscadores consultan robots.txt en la raíz del dominio: coloca allí las instrucciones de rastreo o revisa cómo las gestiona tu proveedor si utilizas un alojamiento compartido. Comprueba también que los enlaces y las páginas de cada idioma se abran desde la ruta elegida. Estas comprobaciones te permiten dejar el sitio listo en su nueva dirección.
8. Conecta los servicios que necesita tu negocio
Un Portable Website puede ser el punto de entrada a los servicios de tu empresa. Añade un formulario para recibir consultas, un mapa para que los clientes te encuentren, un enlace de reservas para concertar una cita o un servicio de pago para completar una compra. Puedes elegir los proveedores que encajen con tu forma de trabajar y conectarlos mediante enlaces o integraciones. Las páginas presentan tu oferta y cada servicio se ocupa de la tarea para la que lo has elegido.
| Elemento | Cómo lo utilizas |
|---|---|
| HTML, CSS, JavaScript e imágenes y otros archivos incluidos | Conserva los archivos y publícalos en un alojamiento compatible |
| Dominio, DNS y HTTPS | Elige la dirección de tu empresa y configúrala desde las cuentas de dominio y alojamiento |
| Formularios, mapas, estadísticas, reservas y pagos | Conecta los servicios que ayuden a tus visitantes a consultar, reservar o comprar |
| Actualizaciones del sitio | Encarga a tu equipo o a un desarrollador las mejoras de contenido, integraciones, accesibilidad y publicación |
Una misma empresa puede combinar un Portable Website con una Web Application. El sitio presenta la empresa, el catálogo y los servicios; la aplicación gestiona las cuentas, las reservas o los pedidos. Un visitante puede conocer tu trabajo, encontrar lo que busca y seguir un enlace para iniciar la gestión que necesita. Tú eliges quién mantiene cada parte y puedes actualizar la presentación o los servicios según cambie tu negocio.
9. Elige la solución según tu actividad
Un Portable Website encaja cuando quieres presentar una empresa, explicar servicios, ofrecer un catálogo de exportación, crear una web de campaña o enseñar un portafolio. Resulta útil si actualizas el contenido de vez en cuando, trabajas en varios idiomas y quieres conservar el sitio o encargar su mantenimiento a otra persona. Puedes utilizar herramientas avanzadas durante la creación y recibir después un resultado independiente, listo para alojar y compartir con tus clientes.
Una Web Application aporta valor cuando necesitas paneles personales, existencias actualizadas en tiempo real, gestión de pedidos, suscripciones complejas o edición entre varias personas. Un equipo editorial grande puede usar un CMS para escribir y aprobar contenido, y generar después las páginas públicas. Elige las herramientas según lo que haga cada persona: tu equipo prepara el contenido, los visitantes conocen tu oferta y las aplicaciones tramitan las operaciones. Un sitio portable y los servicios adecuados pueden formar parte de la misma solución.
Aunque tu negocio necesite una Web Application, tu desarrollador puede crearla a partir del sitio generado por LiteSite. Puede aprovechar sus páginas, diseño y contenido, y añadir cuentas de usuario, gestión de pedidos y los servicios de backend que requiera tu actividad.
- ¿Qué quieres que conozcan tus visitantes y qué acciones quieres que puedan realizar?
- ¿Con qué frecuencia actualizarás el contenido y quién se encargará?
- ¿Qué archivos vas a conservar y cómo los compartirá tu equipo?
- ¿Qué servicios de consultas, reservas, pagos o cuentas de usuario quieres conectar?
- ¿Qué alojamiento y qué profesionales encajan mejor con tu empresa?
- ¿Qué presupuesto quieres dedicar al sitio y a sus próximas mejoras?
10. LiteSite crea el sitio; tú conservas el Portable Website
LiteSite es una Web Application: utiliza cuentas, procesos con IA, edición, traducción y generación de páginas para crear el sitio. El cliente compra un Portable Website, con los archivos completos para alojar sus páginas principales en un servicio compatible sin depender de nuestros servidores de aplicaciones. Puede revisar una vista previa real, decidir si compra el resultado, descargarlo y elegir dónde alojarlo. Las herramientas complejas de creación permanecen en LiteSite; el cliente recibe el sitio que producen.
Puedes comprobar esa independencia con el propio paquete: conserva una copia, revisa de qué servicios depende y utiliza las instrucciones de publicación para ponerlo en un alojamiento compatible. Otro desarrollador debe poder seguir esas instrucciones y hacerse cargo de los archivos.
Al elegir qué contratar, separa las funciones que necesitas para crear el sitio de las que necesitarán sus visitantes. Mantén las aplicaciones que resuelvan esas tareas y asigna un responsable a cada servicio. Las páginas que presentan tu empresa pueden quedar en un paquete que conservas, trasladas y mantienes por tu cuenta.
Referencias y lecturas adicionales
Las explicaciones sobre arquitectura se apoyan en los estándares abiertos de la web y en la documentación que se enlaza a continuación. La descripción del paquete de LiteSite corresponde a los archivos que entrega actualmente; el inventario muestra cómo se organiza un sitio multilingüe.