En nuestra cotidianidad le decimos página web a todo lo que, ingresando en un enlace/URL desde el navegador, nos muestra una interfaz gráfica. Por ejemplo, decimos la página de Google, la página de Facebook, la página de la alcaldía, etc. Eso no está mal, ya que todos podemos entender básicamente a qué nos referimos. Sin embargo, puede ser impreciso a la hora de cotizar un servicio en una agencia o poder identificar qué alternativa se ajusta mejor a las necesidades tuyas o de tu empresa. Cuando navegues por el internet, lo verás con distintos ojos.
¿Qué es una página web?
La página web es un documento de una (1) página que se muestra en el navegador a través de una URL. Al ser una sola página, viene bien para hacer una presentación de una empresa, servicio, producto o de forma de presentación personal, como lo es un portafolio o currículum vitae.
No te dejes engañar que es para funciones básicas por su simplicidad conceptual, porque son muy eficaces y pueden tener tanto dinamismo como se desee.
¿Cómo funcionan por detrás?
Hay muchísimas formas de crear una página web, pero lo común es que sea construida en un lenguaje de etiquetas llamado HTML para la estructura e información, lenguaje de estilos CSS para su diseño, archivos de lenguaje JavaScript para dar dinamismo a las webs y también puede tener archivos como imágenes o documentos que se utilizan en la página.
Actualmente hay nuevas tecnologías web que son cómodas para los desarrolladores crear estas páginas web, pero al final siempre arman la misma estructura.
Con afán de simplificar, podemos decir que el proyecto de una página web consta de un archivo con extensión .html y se nutre de los otros archivos para su estética visual y funcionalidad.
Sitio web
Un sitio web tiene más de una página web. Pero, podríamos preguntarnos, ¿por qué querríamos tener más de una página? La respuesta puede ser por dos cosas. La primera es que la información que se quiera mostrar es muy extensa para tener en una sola página. Por ejemplo, una empresa que ofrece muchos servicios desea tener una página de servicios donde se puedan mostrar de mejor manera que si tuviese que comprimir la información o tener una sección de la página muy extensa de los servicios. La segunda es por motivos de organización del contenido: que al usuario se le haga más cómodo.
Y sí, las páginas están relacionadas desde la barra de navegación del sitio web para la comodidad del usuario. Por eso es que popularmente pensamos que es lo mismo.
¿Cómo funcionan por detrás?
A diferencia de la página web, un sitio web tiene mínimo dos archivos con extensión .html y, como dije anteriormente, desde la barra de navegación se vinculan mediante enlaces.
Del resto, todo es igual.
Landing page
Este término es muy famoso porque lo vemos asociado a campañas de marketing; esta vinculación tiene una razón de ser. Pero primero sepamos que es igual a una página web, pero diseñada específicamente para un único producto, servicio o evento (single-focus). Lo habitual es que tenga un objetivo ligado a una acción, ya sea comprar, contactar o diligenciar un formulario.
Si nos preguntamos para qué crear una landing page en vez de una página web, veamos un ejemplo para que el concepto quede mejor asimilado. Pensemos en una empresa de eventos que tiene una página o sitio web con su información, contacto, eventos que ya ha realizado, etc. Sin embargo, quiere hacer una publicidad pero exclusivamente de su próximo evento. La landing page puede ser diseñada enfocada en convertir el usuario visitante en un cliente. El CTA (call to action) puede ser comprar tiquetes, contactar con el vendedor o dejar los datos de contacto.
La landing page tendría toda la información del evento, evitando distraer al visitante/lector con información innecesaria.
Para responder la pregunta inicial, podemos decir que se elige crear una landing page porque su objetivo es persuadir al visitante/lector de adquirir un producto o servicio específico.
¿Cómo funcionan por detrás?
La estructura es la misma que una página web. Tiene un archivo .html con la estructura e información, archivo/s con extensión .css para estilos y archivo/s .js para la lógica del dinamismo del proyecto.
Nota: cabe recordar que existen muchas categorías que incluso son híbridos entre dos o más categorías, diferentes estructuras, pero solo mencionaré una muy popular donde sí que hay una diferencia significativa entre las que ya vimos, y es el comercio electrónico, mejor conocido como tienda online.
Tienda online — ecommerce
Una tienda online (o ecommerce) es un sitio web pensado para vender productos o servicios directamente desde internet, sin necesidad de que el cliente hable con alguien. A diferencia de una página web o un sitio web, acá el visitante no solo lee información: elige productos, los agrega a un carrito y paga desde ahí mismo.
Pensemos en un ejemplo: una tienda de ropa que antes solo vendía en su local físico decide vender también por internet. No le sirve una página web de presentación ni una landing page de un solo producto, porque tiene decenas de prendas, tallas, colores y precios que cambian todo el tiempo. Necesita un catálogo completo, un carrito de compras y una forma segura de cobrar con tarjeta. Eso es justamente una tienda online.
¿Cómo funcionan por detrás?
Acá está la diferencia real con todo lo que vimos antes. Una página web, un sitio web o una landing page pueden funcionar solo con archivos HTML, CSS y JavaScript; no necesitan "recordar" nada. Pero una tienda online sí necesita recordar: cuántos productos hay en stock, qué compró cada cliente, si un pago fue aprobado o no. Para eso hace falta una base de datos y un servidor que constantemente esté leyendo y guardando información (a esto se le llama backend).
Además, se conecta con una pasarela de pagos (como PayU, Wompi o Stripe) para cobrar de forma segura, y normalmente tiene un panel de administración donde el dueño del negocio sube productos, revisa pedidos y gestiona el inventario sin tocar código.
Por eso, una tienda online no es "una página web más grande": es un proyecto con piezas adicionales (base de datos, servidor, pagos, panel) que las anteriores no necesitan.
Entonces, ¿qué necesitas?
Antes de pedir "una página web", vale la pena parar un momento y pensar qué es lo que de verdad hace falta:
- Una página web si lo que quieres es presentarte: quién eres, qué haces y cómo te contactan. Un portafolio, una hoja de vida, una empresa con un solo servicio.
- Un sitio web si la información no cabe cómoda en una sola página y necesitas separarla en secciones que el visitante recorra.
- Una landing page si vas a hacer una campaña con un objetivo concreto y no quieres que nada distraiga de esa acción.
- Una tienda online si necesitas que el proyecto recuerde cosas: stock, pedidos, clientes y pagos. Es el salto más grande en costo y en tiempo, así que conviene estar seguro de que hace falta.
Saber cuál de las cuatro necesitas cambia el precio, el plazo y el trabajo que hay detrás. Cuando dos cotizaciones por "una página web" dan muy distinto, muchas veces es porque no están cotizando lo mismo.
Glosario
Backend: la parte del proyecto que el visitante no ve. Es el servidor y la base de datos trabajando por detrás: guardan la información, la consultan y la devuelven cuando hace falta.
CTA (call to action, llamado a la acción): el botón o la frase que le pide al visitante que haga algo concreto: comprar, escribir, dejar sus datos. En una landing page es la pieza central.
Navegador: programa que nos permite visualizar de manera práctica los recursos de internet. Los más usados son Google Chrome, Safari, Edge y Mozilla Firefox.
Pasarela de pagos: el servicio que se encarga de cobrar con tarjeta de forma segura. La tienda no guarda los datos de la tarjeta: se los pasa a la pasarela, que confirma si el pago se aprobó. En Colombia las más conocidas son PayU y Wompi; Stripe es la más usada por fuera.
Stock: cuántas unidades hay disponibles de cada producto. Es lo que una tienda online tiene que recordar y descontar con cada venta.
URL: la dirección que se escribe en el navegador para llegar a una página, por ejemplo crablabs.co/blog. Es lo que copias y pegas cuando compartes un enlace.
