Tipos de páginas web y sitios web: páginas dinámicas y estáticas.

Para iniciar con este post primero debemos recordar que una página web forma parte de un sitio web, por lo tanto, un sitio web lo podemos reconocer como un conjunto de páginas web y cada página tiene o puede tener cierta funcionalidad y arquitectura. Por lo tanto, tenemos:

• Una clasificación o tipos de páginas web.
• Y una clasificación del conjunto de ellas, es decir, diferentes tipos de sitios web.

Entonces, primero revisemos las diferentes tipos de páginas web que existen y después algunos tipos de sitios web que se puedes desarrollar.

Tipos de páginas web

¿Qué es una página web? Una página es un documento electrónico que puede contener texto o contenido multimedia como vídeo, sonido, imágenes, etc.

Después de esta definición podemos comenzar con la primera clasificación, donde depende de como una página web sirve su contenido a los usuarios que acceden a ellas a través de un navegador web como Google Chrome, tenemos dos tipos principalmente:

• Página web estáticas.
• Paginas web dinámicas.

Veamos ¿Qué son cada una? Y que ventajas tienen.

¿Qué es una página web estática?

Una página web estática es aquella que solo muestra su contenido que por lo regular es texto y no cuenta con funcionalidades que le permita al usuario interactuar con ella y cambiar su contenido.

Por ejemplo, un blog que solo es informativo, al cargar solo te muestra texto, quizá algunas imágenes y listo, la única acción que podrás hacer es dar clic en algún enlace para cambiar de página, por lo tanto:

• En una página web estática para realizar un cambio en su contenido, se requiere volver a cargar la página en sus totalidad.

Ventajas de una página estática

• Suelen ser ligeras y pesan muy poco.
• Su tiempo de carga suele ser bastante bueno, lo cual es un punto importante al momento de querer posicionarla en los buscadores como Google.
• Brindan una buena experiencia a los usuario, al ser rápidas y ligeras para dispositivos móviles.
• No requieren hosting o servidores robustos o con tecnologías especiales.

¿Qué es una página web dinámica?

Una página web dinámica es aquella página que muestra contenido estático, pero permite a los usuarios interactuar con el contenido e incluso permite solicitar nuevo contenido sin la necesidad de recargar toda la página.

Una página web dinámica permite modificar ciertas partes de su contenido sin volver a recargar toda la página, esto se hace mediante tecnologías como AJAX, sockets, etc. Dichas tecnologías permiten solicitar datos nuevos que los usuarios requieren al interactuar con la página y comunicándose con el servidor donde esta alojada dicha página para descargar el nuevo contenido.

• Entonces, una página web dinámica puede cargar nuevo contenido sin la necesidad de recargar toda la página.

Ventajas de una página web dinámica

• Podemos actualizar ciertas zonas de la página sin la necesidad de recargar la página completamente.
• Cuentan con grandes funcionalidades y crean una gran experiencia de usuario al ser interactivas.
• Existe una gran cantidad de tecnologías que nos permiten desarrollar este tipo de páginas.

Un claro ejemplo de una página dinámica es Facebook, donde puedes leer o mandar mensajes sin que la página recargue en su totalidad.

Ahora ya conoces los tipos de páginas web que pueden conformar un sitio web, sin importan cual sea la funcionalidad que tenga el sitio, en cada sección verás una página web dinámica o estática.

Bien, ya comprendimos que existen dos tipos de páginas web diferentes, ahora, como clasificaríamos a un conjunto o grupo de páginas web que conforman un sitio web, veámoslo a continuación:

Clasificación y tipos de sitios web

Un sitio web es un conjunto de páginas web que sirven contenido a los usuarios en forma estática o dinámica.

Ahora, cada sección de un sitio web es propiamente una página web, por lo tanto, podemos tener ciertos tipos o clasificaciones de un sitio web a partir de de la arquitectura, contenido y funciones que brinda a sus usuarios, por ejemplo:

Micrositios (Landing page)

Son sitios web conocidos también como una landing page, ya que, se conforman de una sola sección o página web.

Arquitectura de un micrositio

Se conforman de una sola página web dinámica conocida como landing page, toda las funcionalidades y contenido se encuentra reunido en esta página y los usuarios visualizan el contenido realizando scroll. Puede o no tener una base de datos.

Contenido de un micrositio

Por lo regular en un micrositio se muestra contenido relacionado a la venta de un producto o servicio en particular, a lo largo de la landing page, se muestran:

• Los beneficios del servicio o producto.
• Características y/o casos de uso.
• Precio y ofertas.
• Contenido multimedia como vídeos, imágenes, audio que permita a los usuarios conocer más beneficios del producto o servicio.
• Comentarios positivos de otros compradores.
• Etc.

Diseño y funcionalidad

Gran parte del diseño dependerá de los objetivos y tipo de producto o servicio que se ofrezca, sin embargo, debe ser un diseño responsivo y debe proporcionar un método de pago o contacto a los usuarios para poder adquirir el producto o servicio.

Sitio corporativo, institucional o de negocios.

Los sitios web de negocios suelen constituirse de una combinación de páginas web estáticas y dinámicas, se recomienda a corporaciones e instituciones pequeñas que desean darse a conocer y que los usuario y clientes conozcan rápidamente sus servicios.

Arquitectura de un sitio web corporativo

Un sitio web corporativo cuenta con varias secciones que brindan información específica a los usuarios, por ejemplo:

• Página de inicio: resumen del sitio web.
• Conocenos: indica la razón de ser, historia, valores y metas del negocio, así los usuarios pueden conocer más sobre quien se encuentra detrás del sitio web.
• Página de servicios: sección donde se resume los servicios que brinda el negocio, resaltando las ventajas competitivas y experiencia con las que cuenta el negocio.
• Página de servicio: si el negocio cuenta con varios servicios y experiencia, puede optar por crear una página o landing page dedicada a cada uno de los servicios, donde muestra a detalle su ventaja competitiva de cada uno.
• Contacto: página web dinámica que permite a los usuarios contactar con el negocio, en ella se muestra los diferentes canales de comunicación como: la opción de mandar mensajes desde la misma página, ubicación física del negocio, teléfonos, correo.
• Políticas: una página web de confianza debe proporcionar secciones que indique a los usuarios sus derechos, obligaciones y la información recopilada durante su estancia en el sitio web, por ejemplo: página de cookies, política de privacidad, términos y condiciones, etc.

Por lo regular se emplea una base de datos para guardar los contenidos, mensajes o datos de los usuarios, se puede agregar un gestor de contenidos CMS para modificar textos, imágenes, etc., fácilmente.

Contenido de un sitio web corporativo

El contenido depende del tipo de negocio y objetivos del sitio web, sin embargo, cada sección del sitio puede cumplir con lo que ofrece una landing page.

El contenido se recomienda que esté optimizado para que los diferentes buscadores de internet como Google lo pueda interpretar y exista la posibilidad que se muestre en los resultados de búsqueda.

Diseño y funcionalidad

El diseño se recomiendo que sea responsivo, la elección de colores deben representar los valores y visión del negocio, en cuanto a la funcionalidad depende del tipo de negocio, por ejemplo:

• Formularios de contacto.
• Cotizadores.
• Simuladores.
• Etc.

Portafolio o sitio web personal

Este tipo de sitio web es recomendable para emprendedores o profesionales independientes, suele constar de una o más landing pages donde exponen sus conocimientos y experiencia.

Arquitectura de un sitio web personal o portafolio

Se compone por lo regular de páginas estáticas, aunque también pueden ser dinámicas dependiendo de la profesión, se compone de una o más landing page, por ejemplo:

• Página de inicio.
• Trabajos realizados.
• Contacto.

Aunque como mencione, todo podría montarse sobre una landing page. Puede contar con base de datos para almacenar los mensajes y datos de los usuarios que visitan la página.

Contenido de un sitio web personal o portafolio

El contenido dependerá del profesionista, pero se recomienda una landing page con diseño:

• Responsivo.
• Crear varios apartados donde se plasme:
  • Habilidades
  • Experiencias
  • Herramientas, software u otra ventaja competitiva que se posea.
  • Etc.
• Contacto.
• Servicio o servicios proporcionados.

Es recomendable usar listas o tablas para mejorar la presentación de cada apartado.

Funcionalidad de un sitio web personal o portafolio

Dependerá mucho de la profesión y experiencia del dueño del sitio, por ejemplo:

• Algunos profesionistas montan calculadoras.
• Cotizadores.
• Formulario de contacto.
• Etc.

Sitio web tipo Blog

Un sitio web tipo blog es una excelente opción para casi cualquier negocio, su función principal es crear posts o artículos que brinden información valiosa a los usuarios, por ejemplo:

• Mi sitio web ewebik.com el cual tiene una sección donde comunicamos nuestro servicio de creación de páginas web, pero he creado este post que ayuda a mis clientes y usuarios que visitan la página a aprender más sobre el diseño de páginas y sitios web.

Por otra parte, un blog puede ser parte de otros tipos de sitios web, haciendo aún más robusto y completo dichos sitios, tal como sucede en ewebik.com.

Por ejemplo, una empresa puede crear un sitio corporativo y además agregar un blog donde brinde información valiosa a sus usuarios, lo mismo puede pasar con una portafolio, etc.

Arquitectura de un blog

En la mayoría de los casos se compone de páginas estáticas, y cuenta con:

• Base de datos que almacene el contenido de cada post.
• Un gestor de contenido CMS que administre y gestione la creación o modificación de los contenidos fácilmente.
• Navegación intuitiva.
• Categorización del contenido.
• Etc.

Contenido de un blog

La planeación del contenido de un blog es fundamental para su éxito, de nada sirve tener información fantástica si nadie la leerá, aquí algunos ejemplos:

• Categoriza los contenidos e identifica temas generales y subtemas.
• Dedica cada post a un tema en específico y trata de no duplicar contenido o información en varios post.
• Realiza una investigación de palabras claves para saber cómo busca la gente ciertos temas que puedes agregar a tu blog, por ejemplo, para este post las palabras claves más importantes son: tipos de páginas web, tipos de sitios web.
• Crea títulos llamativos y siempre representativos del contenido, no hay nada peor que entrar por un título a un post y que el contenido diga otra cosa.
• Etc.

Si tienes dudas o te gustaría saber más de estos temas, recuerda que puede EWebik puede ayudarte a crear tu página, solo mandame un mensaje y con gusto te ayudaré.

Funcionalidad de un blog

Las funcionalidades de un blog suelen ser limitadas, ya que, su objetivo es informar y no suelen tener mucha interacción, pero algunas recomendaciones son:

• Formulario para suscripción al boletín.
• Formulario de contacto.
• Comentarios de usuarios.
• Permitir a los usuarios calificar el contenido, por ejemplo con estrellas.
• Etc.

Te invito a revisar como puedo ayudarte a crear tu página web con blog.

Sitio web tipo tienda online para comercio electrónico (e commerce)

Si en tu negocio vendes productos físicos o virtuales, elegir un sitio web tipo tienda online te permitirá acceder a un canal de venta muy potente y que perfila hacer el futuro respecto a las ventas para muchas tipos de negocios.

Una tienda online puede combinarse con un sitio web corporativo y contar con un blog que de consejos e información valiosa a los usuarios respecto a los productos que vende.

Arquitectura de una tienda online

La arquitectura de una tienda online es similar a la de un sitio web corporativo y blog, pero se agrega una capa que cumpla con:

• Una base de datos que almacene la información de los productos, pedidos e información de los clientes que compren en línea.
• Categorías de productos: sección que muestra un resumen de las diferentes categorías de productos vendidos, esto ayuda a los usuarios a localizar el o los productos que desea comprar.
• Página de producto: sección dedicada a un producto en particular donde se plasma las características y beneficios del producto, un excelente complemento es agregar imágenes y vídeos.
• Carrito de compra: permite a los usuarios visualizar los productos que desea comprar y/o hacer cambios, por ejemplo: aumentar o disminuir la cantidad de algún producto en particular o simplemente eliminar algún producto antes de realizar su pago.
• Página de pago: permite a los usuarios proceder con el pago de su compra.
• Etc.

Dependiendo de la complejidad y tamaño de la tienda, pueden agregarse muchas otras páginas o secciones, recuerda que puedes mandarme un mensaje si deseas resolver alguna duda.

Contenido de una tienda online

Optimizar el contenido de una tienda online es fundamental para su éxito, así mucha gente visitará tu tienda y podrás vender tus productos, por ejemplo:

• Estudio de palabras clave de como la gente busca tus productos o similares.
• Categorizar tus productos es muy importante para que productos similares no compitan por un lugar en los buscadores de internet.
• Un blog puede ayudar a potenciar tu tienda, ya que un post o artículo podría derivar tráfico de usuarios a tus páginas de productos y convertirse en una venta.

EWebik no se considera experto en SEO de tiendas online, pero si tenemos experiencia creandolas y prepararlas para que sean amigables y rápidas para los buscadores de internet, al menos el SEO básico OnPage está garantizado.

Funcionalidad de una tienda online

Una tienda online puede compartir todas las funcionalidades de un sitio web corporativo, pero dentro de las funciones más importantes son:

• Carrito de compra: el cual permite a los usuarios seleccionar uno o varios productos que desea comprar.
• Formulario de clientes: la tienda debe contar con uno o más formularios que le permita a los clientes dar de alta su información personal, así como sus datos de envío.
• Método de pago: una tienda online debe proporcionar la opción de que los usuarios puedan realizar sus pagos dentro de la misma página o través de un tercero como PayPal.
• Valoraciones de productos: muchas compras se cierran gracias a los comentarios positivos de otros clientes, así que agregar la funcionalidad de que los usuarios puedan valorar y dejar un comentario del producto que acaban de comprar, es una excelente opción.

El comercio electrónico es el futuro y entrar a tiempo es vital, escribeme y con gusto te ayudaré a crear tu tienda online.