De los orígenes de la World Wide Web hasta su aplicación estratégica en Cuba: historia, evolución, ventajas competitivas, mejores prácticas y casos de éxito empresarial.
Comenzar cursoAutor del curso. econovacfgos@gmail.com
Arquitecto y Diseñador del curso.
Al completar este curso, el estudiante será capaz de:
Fundamentos conceptuales: definición, componentes, tipos de sitios y el papel de la web en el ecosistema digital contemporáneo.
Un sitio web es un conjunto de páginas web relacionadas, hospedadas en un servidor y accesibles mediante un navegador a través de una dirección URL (Uniform Resource Locator) utilizando el protocolo HTTP o HTTPS. Cada página web es un documento digital estructurado en lenguaje HTML (HyperText Markup Language), que puede incluir texto, imágenes, vídeo, audio, aplicaciones interactivas y enlaces a otras páginas.
El término "World Wide Web" (WWW) fue acuñado por Tim Berners-Lee en 1989, quien lo definió como un sistema de información global basado en hipertexto, diseñado para permitir el intercambio automatizado de información entre científicos de universidades e institutos de todo el mundo (CERN, 2025).
El hipertexto es texto que contiene enlaces a otros documentos, permitiendo una navegación no lineal. Es el principio fundamental sobre el que se construyó toda la Web, y lo que distingue a la WWW de sistemas anteriores de intercambio de información.
| Componente | Función | Ejemplo |
|---|---|---|
| Dominio | Nombre único que identifica el sitio | mipagina.com |
| Hosting (Alojamiento) | Servidor donde se almacenan los archivos | Apache, Nginx |
| HTML | Estructura y contenido semántico | <h1>, <p>, <div> |
| CSS | Presentación visual y diseño | color, layout, animaciones |
| JavaScript | Interactividad y lógica del lado del cliente | formularios, menús, APIs |
| Protocolo HTTP/HTTPS | Reglas de comunicación cliente-servidor | Cifrado TLS/SSL |
| Servidor web | Software que entrega las páginas al navegador | Apache, Nginx, IIS |
Presenta la identidad, servicios y contacto de una empresa u organización. Es el escaparate digital básico.
Permite la venta de productos o servicios directamente en línea, con carrito de compras y pasarela de pago.
Publica contenido periódico (artículos, noticias, tutoriales) organizado por categorías y fechas.
Plataforma interactiva con funcionalidad compleja: dashboards, SaaS, redes sociales, gestores de contenido.
Página de aterrizaje diseñada para una campaña específica, con un único objetivo de conversión.
Plataforma centrada en la interacción entre usuarios: perfiles, mensajes, contenido generado por usuarios.
1.¿Quién inventó la World Wide Web y en qué año?
2.¿Qué significa HTML?
3.¿Cuál de los siguientes NO es un componente técnico de un sitio web?
Explica la diferencia entre un sitio web institucional y una tienda online. ¿Qué elementos adicionales necesita el e-commerce y por qué son importantes para un negocio?
Un recorrido por los hitos fundamentales que transformaron la Web de un proyecto científico en la infraestructura digital global que sostiene la economía actual.
En marzo de 1989, Tim Berners-Lee, un científico británico que trabajaba en el CERN en Ginebra, redactó la primera propuesta para la World Wide Web. La idea surgió de la necesidad de compartir información automáticamente entre los más de 17.000 científicos de más de 100 países que colaboraban con el CERN (CERN, 2025).
A finales de 1990, Berners-Lee tenía funcionando en CERN el primer servidor y navegador web. La dirección del primer sitio web del mundo fue http://info.cern.ch/hypertext/WWW/TheProject.html.
Tim Berners-Lee redacta en el CERN la primera propuesta para la World Wide Web.
Berners-Lee tiene operativo el primer servidor web en un ordenador NeXT.
Berners-Lee publica el software WWW, incluyendo el navegador y el servidor.
El CERN publica el código fuente sin regalías, convirtiéndolo en software libre.
Se celebran las dos primeras conferencias internacionales. Berners-Lee funda el W3C en el MIT.
El W3C publica CSS, permitiendo separar la presentación del contenido.
Surgen las redes sociales, blogs y la participación del usuario como creador de contenido.
Apple lanza el iPhone, revolucionando la navegación web móvil.
El W3C publica HTML5 como recomendación estándar.
Google implementa el indexado mobile-first. La web móvil supera al escritorio en tráfico.
La IA transforma la creación de contenido, el diseño web y la búsqueda.
| Generación | Período | Característica principal | Ejemplos |
|---|---|---|---|
| Web 1.0 | 1991-2003 | Sitios estáticos, solo lectura | Páginas informativas |
| Web 2.0 | 2004-2015 | Contenido generado por usuarios | Facebook, YouTube, Wikipedia |
| Web 3.0 | 2016-presente | Datos estructurados, IA, semántica | Asistentes de voz |
| Web3 (Blockchain) | 2020-presente | Descentralización | NFTs, DeFi, dApps |
1.¿En qué año el CERN liberó el código fuente de la WWW sin regalías?
2.¿Cuál fue la dirección del primer sitio web del mundo?
3.¿Qué caracteriza a la Web 2.0?
Explica por qué la decisión del CERN de liberar el código fuente de la WWW sin regalías en 1993 fue determinante para el desarrollo de la economía digital mundial.
Por qué un sitio web profesional es una herramienta estratégica, no un complemento opcional.
En la economía digital del siglo XXI, un sitio web profesional ya no es un lujo ni una simple tarjeta de presentación digital: es el centro neurálgico de la presencia comercial de cualquier negocio. Es el único canal que el empresario controla completamente, a diferencia de las redes sociales, donde los algoritmos y políticas de las plataformas determinan quién ve el contenido.
Un sitio web funciona como un empleado 24/7: siempre disponible, nunca descansa, atiende a múltiples clientes simultáneamente. Según estudios, el 94% de las primeras impresiones de una marca está influido por el diseño de su sitio web (IMH, 2024).
El negocio está disponible en cualquier momento y desde cualquier lugar del mundo.
Un sitio profesional transmite seriedad y legitimidad.
Costos operativos menores y alcance infinitamente mayor que un local físico.
Conoce el comportamiento de los clientes: qué buscan, cuánto tiempo permanecen, desde dónde acceden.
Un sitio optimizado aparece en Google cuando los clientes buscan productos o servicios relacionados.
Formularios, chats, FAQ y secciones de soporte reducen la carga del personal.
Las tiendas online permiten generar ingresos directamente desde el sitio, sin intermediarios.
1.¿Qué porcentaje de las primeras impresiones de una marca está influido por el diseño web?
2.¿Cuál es una ventaja del sitio web sobre las redes sociales?
3.¿Cuánto superaron las ventas globales de e-commerce en 2024?
Describe cómo cada una de las siete ventajas estratégicas se aplicaría a un negocio específico de tu elección.
Mecanismos concretos mediante los cuales un sitio web profesional genera ingresos, captura clientes y escala el negocio.
El SEO (Search Engine Optimization) es el conjunto de prácticas que permiten que un sitio web aparezca en los primeros resultados de los buscadores cuando un usuario busca productos o servicios relacionados.
El 68% de todas las experiencias online comienzan con un motor de búsqueda, y el 75% de los usuarios nunca pasa de la primera página de resultados de Google (Keyword Kick, 2026).
Los sitios lentos hacen que los minoristas pierdan 2.600 millones de dólares en ventas al año. El 70% de los compradores dice que la velocidad de carga afecta sus decisiones de compra (IMH, 2024).
Reducir en apenas 0.1 segundos el tiempo de carga puede aumentar las tasas de conversión: un 8% en sitios minoristas y un 10% en sitios de viajes.
En el primer trimestre de 2024, los teléfonos inteligentes generaron más del 75% de las visitas a sitios minoristas de EE. UU. A nivel mundial, aproximadamente el 58.67% del tráfico web se origina en dispositivos móviles (IMH, 2024).
1.¿Cuál es el ROI promedio de cada dólar invertido en UX?
2.¿Qué porcentaje del tráfico web mundial proviene de dispositivos móviles?
3.¿Cuál de los siguientes datos respalda la eficacia del SEO frente al PPC?
Un negocio tiene un sitio web que tarda 5 segundos en cargar en móvil y no aparece en la primera página de Google. Explica qué tres acciones concretas tomarías.
Ejemplos concretos de empresas que multiplicaron sus ventas y crecimiento gracias a estrategias web eficaces.
Amazon comenzó en 1994 como una librería online operada desde el garaje de Jeff Bezos. Su éxito se basa en una obsesión constante con la experiencia de usuario web: recomendaciones personalizadas, reseñas de clientes y compra con un clic. El tiempo de carga promedio de Amazon es de apenas 736 milisegundos (IMH, 2024).
El 88% de los consumidores que busca un negocio local en el móvil llama o visita el negocio dentro de las 24 horas. El 78% de las búsquedas locales en móvil terminan en una compra fuera de línea (Twaino, 2025).
Las empresas con blog tienen un 434% más de páginas indexadas en Google, y el marketing de contenidos genera tres veces más leads que la publicidad pagada (Twaino, 2025).
Según eMarketer, América Latina es el mercado de comercio electrónico de crecimiento más rápido del mundo en 2025. Se espera que supere los 200.000 millones de dólares en 2026 (Globegraphy/eMarketer, 2024).
1.¿Qué porcentaje de consumidores llama o visita un negocio local dentro de las 24 horas tras buscarlo en el móvil?
2.¿Cuántas veces más páginas indexadas tienen las empresas con blog?
3.¿Qué región es el mercado de e-commerce de mayor crecimiento en 2025?
Selecciona un negocio real que conozcas y describe cómo podría aplicar las lecciones de los casos de éxito.
Panorama de la web contemporánea: mobile-first, IA, UX, seguridad, accesibilidad, rendimiento y las tecnologías que dominan el desarrollo.
El diseño responsive se ha convertido en el estándar. En 2024, nueve de cada diez sitios web se construyeron con diseño responsive. Google implementa el indexado mobile-first desde 2018, lo que significa que la versión móvil es la que Google indexa y posiciona (IMH, 2024).
La IA está transformando la web: chatbots de atención al cliente, recomendaciones personalizadas, generación de contenido, diseño asistido y búsqueda semántica. La IA también mejora la accesibilidad mediante generación automática de texto alternativo y subtítulos.
Las WCAG son un estándar internacional del W3C. Aproximadamente el 15% de la población mundial tiene alguna discapacidad. WCAG tiene tres niveles: A, AA (recomendado) y AAA (W3C WAI, 2026).
HTTPS cifra la comunicación entre navegador y servidor. Google marca los sitios sin HTTPS como "no seguros" desde 2017. Otras medidas: actualizaciones regulares, autenticación de dos factores, copias de seguridad y protección contra ataques comunes.
| Métrica | Significado | Objetivo |
|---|---|---|
| LCP | Tiempo hasta renderizar el elemento más grande visible | < 2.5s |
| INP | Tiempo de respuesta a la interacción del usuario | < 200ms |
| CLS | Estabilidad visual, evita saltos de contenido | < 0.1 |
Las PWA combinan lo mejor de un sitio web y una aplicación nativa: funcionan sin conexión, se instalan en la pantalla de inicio, envían notificaciones push y acceden a funciones del dispositivo.
1.¿Qué porcentaje de la población mundial tiene alguna discapacidad?
2.¿Qué significa LCP en los Core Web Vitals?
3.¿Desde qué año Google indexa principalmente la versión móvil?
Explica la relación entre accesibilidad web, SEO y rendimiento. Proporciona al menos dos ejemplos concretos.
La realidad del ecosistema digital cubano: conectividad, plataformas de pago, mipymes, comercio electrónico y el potencial de los sitios web.
Cuba estableció su primera conexión: un enlace de 64 kbit/s a Sprint en EE. UU.
Se legalizó la compra de computadoras personales.
El cable ALBA-1 se hizo operativo. Los cubanos pudieron inscribirse en ETECSA para acceso Nauta.
Se abrieron los primeros puntos de acceso Wi-Fi públicos en 35 ubicaciones.
ETECSA comenzó a proporcionar acceso completo a Internet móvil 3G. Punto de inflexión en la masificación.
Comenzó la cobertura 4G. Se legalizó el Wi-Fi privado en hogares y negocios.
El cable ARIMAO de 2.500 km llegó a tierra en Martinique desde Cienfuegos.
Las plataformas cubanas utilizan pasarelas de pago locales como Transfermóvil y EnZona. Tras su aprobación en 2021, las Mipymes privadas cubanas crecieron más del 700% en números nominales. El sector privado concentra el 55% de las ventas minoristas en CUP (ICEX, 2025).
Sitios web optimizados para casas particulares, restaurantes y tours pueden captar clientes internacionales.
Las más de 11.000 Mipymes aprobadas desde 2021 necesitan presencia digital para competir.
Profesionales cubanos pueden ofrecer sus servicios a clientes internacionales mediante un sitio web.
La diáspora cubana representa un mercado de millones de personas con poder adquisitivo en divisas.
| Desafío | Impacto | Estrategia de mitigación |
|---|---|---|
| Baja velocidad de conexión | Sitios lentos pierden usuarios | Optimización extrema: imágenes comprimidas, caching, CDN |
| Costo de datos móviles | Usuarios limitan su navegación | Sitios minimalistas, PWA offline |
| Limitaciones de pago | Amazon, PayPal y Stripe no operan en Cuba | Transfermóvil, EnZona, criptomonedas |
| Falta de plataformas globales | No hay Shopify con pasarelas estándar | Soluciones propias o open source |
1.¿En qué año Cuba estableció su primera conexión a Internet?
2.¿Qué porcentaje de la población cubana tenía acceso a Internet en enero de 2024?
3.¿Qué pasarelas de pago se utilizan en plataformas cubanas?
Diseña una propuesta de sitio web para una Mipyme cubana considerando los desafíos del ecosistema.
Arquitectura de la información, contenido, SEO, diseño, conversión, medición y mantenimiento.
La estructura lógica del sitio: cómo se organizan las páginas, la navegación, las categorías y la jerarquía del contenido. Un sitio bien estructurado permite que los usuarios encuentren lo que buscan en menos de tres clics.
Los resultados de la primera página de Google tienen un promedio de 1.890 palabras (Twaino, 2025). Las mejores prácticas incluyen:
| Aspecto | Acción | Impacto |
|---|---|---|
| Velocidad | Optimizar imágenes, minificar CSS/JS, usar CDN | Mejora conversión y ranking |
| Mobile-first | Diseño responsive | Imprescindible para Google |
| HTTPS | Instalar certificado SSL/TLS | Confianza + factor SEO |
| Sitemap XML | Crear y enviar a Search Console | Mejora indexación |
| Core Web Vitals | Optimizar LCP, INP, CLS | Factor de ranking directo |
El 84.6% de los diseñadores web coincide en que un diseño demasiado abarrotado es el error más común. Los principios de diseño efectivo son:
Tráfico, comportamiento, fuentes de adquisición, conversiones.
Rendimiento en búsquedas, indexación, errores técnicos.
Mide los Core Web Vitals y da recomendaciones específicas.
Mapas de calor, grabaciones de sesiones, embudos.
1.¿Cuál es el error de diseño más común de las pequeñas empresas?
2.¿Cuántas palabras tienen en promedio los resultados de la primera página de Google?
3.¿Cuál es el mínimo de contraste de color recomendado por WCAG AA?
Elabora un plan de mantenimiento mensual para un sitio web de e-commerce.
Aplicación integrada de todos los conocimientos: diseño de una estrategia web completa para un negocio real, seguido del examen final.
El proyecto final consiste en diseñar una estrategia web completa para un negocio real o hipotético. Debe incluir todos los elementos aprendidos en el curso.
| Componente | Descripción | Puntuación |
|---|---|---|
| Análisis de mercado | Público objetivo, competencia y oportunidades | 15% |
| Objetivos web | Metas SMART: ventas, leads, tráfico, conversión | 10% |
| Arquitectura del sitio | Estructura de páginas, navegación, jerarquía | 15% |
| Estrategia SEO | Palabras clave, contenido, optimización técnica | 20% |
| Diseño y UX | Wireframes, principios de diseño, accesibilidad | 15% |
| Estrategia de medición | KPIs, herramientas, plan de seguimiento | 10% |
| Adaptación al contexto | Optimización para baja conectividad, Transfermóvil, etc. | 15% |
1.¿Quién inventó la World Wide Web y en qué institución?
2.¿Cuál fue la dirección del primer sitio web del mundo?
3.¿Qué porcentaje de los usuarios nunca pasa de la primera página de Google?
4.¿Cuál es el ROI promedio de cada dólar invertido en UX?
5.¿En qué año Cuba estableció su primera conexión a Internet?
6.¿Qué son las WCAG?
7.¿Qué porcentaje del tráfico web mundial proviene de dispositivos móviles?
8.¿Cuánto superaron las ventas globales de e-commerce en 2024?
9.¿Qué pasarelas de pago se utilizan en plataformas cubanas?
10.¿Qué caracteriza a la Web 2.0?
Redacta un ensayo de 500-800 palabras sobre: "El futuro de los sitios web en la economía cubana: oportunidades, desafíos y estrategias para los próximos cinco años".
Fuentes consultadas para la elaboración de este curso, con enlaces verificables.