Vamos a hablar sobre la estructura de los sitios web.

Todos los sitios web necesitan estar bien estructurados ¿para que? para que el usuario pueda navegar de la manera más fácil posible y encontrar la información que está buscando.

Una web Institucional Clásica

Por lo general un sitio web tiene varias partes o páginas dentro del sitio y suelen repetirse a lo largo de los diferentes sitios web, hay páginas que son típicas y que suelen estar en cualquier tipo de sitio institucional. por ejemplo:
-La página de inicio
-La página de contacto
-La página de quiénes somos
-Una página de servicios
-Una página de precios
-Una galería
La estructura siempre va a depender de cual sea el sitio web, si es el sitio web es de un hotel puede haber una galería de fotos de las habitaciones o si el sitio web es un diseñador o de un fotógrafo puede haber una galería con su portfolio que muestre todos los trabajos que lleva realizados para mostrarle al cliente de qué va su servicio.
Además podemos tener una página de blog que puede subdividirse en categorías y subcategorías y cada subcategoría o categoría puede tener su propia entrada o blog y pueden ser varias entradas dentro de una misma categoría ¿para qué nos sirve esto? un blog nos sirve cuando nosotros tenemos una estrategia de generación de contenidos para hacer marketing digital, podemos ir subiendo a nuestro blog todos los artículos que escribamos o los vídeos que grabemos y  lo podemos llamar si queremos novedades o noticias por poner algún ejemplo, le podemos cambiar el nombre pero la esencia de un blog  se mantiene porque es donde nosotros vamos publicando diferentes contenidos y eso nos sirve para acompañar nuestra estrategia de marketing de contenidos.

¿Y si es una tienda online?

Todo esto puede formar parte de un sitio institucional más simple, pero ¿Qué pasa cuando tenemos una tienda online? entonces la cosa se pone un poquito más compleja pero las tiendas online también suelen repetir su estructura, hay como cierto patrón para organizar la parte de tienda del sitio web.  Suele haber una página de «tienda»  donde se listan todos los productos, todas las categorías y subcategorías o en muchos casos se muestran los productos más productos destacados o productos en oferta.
Por otro lado tenemos las páginas de categorías, que suelen ser listados de productos o también pueden ser listados de subcategorías, por ejemplo:
Si yo vendo ropa puedo tener una categoría que sea pantalones y una sub categoría que sea pantalones de mujer y otras que sea pantalones de hombres y dentro de la categoría pantalones de hombre puedo tener un listado con todos los productos que forman parte de esa categoría.

Ficha de Producto

Después dentro de esta estructura de sitio web tenemos la ficha de producto que suele también tener una estructura estándar, por lo general suele haber:
– Una foto o una o varias fotos que conforman la galería del producto
-El título o el nombre del producto
-El precio del producto
-Una descripción corta
-Las categorías del producto
-En muchos casos se muestra el SKU (código de referencia del producto)
-Una descripción más larga del producto
-También puede tener revisiones u opiniones acerca de ese producto
-No puede faltar el botón de añadir al carrito

Por último nos queda revisar tres páginas que sí o sí tienen que estar en cualquier tienda

Página de carrito

En la página de carrito nosotros vemos un listado de todos los productos que fuimos añadiendo y que tenemos la intención de comprar.

La página de finalizar compra o check out

Esta página suele estar compuesta por un formulario donde el usuario o cliente completa todos sus datos para que podamos realizarle la factura y podemos enviarle los productos. Por ejemplo uno de los campos sería la dirección de su casa, otro campo podría ser de la ciudad, también puede estar el campo de nombre, etc. En esta misma página pueden estar los los campos para ingresar los datos de la tarjeta y terminar el proceso de la compra y además siempre suele haber un botón que dice finalizar compra o algo similar.

Página de gracias

Por último, una vez que realizamos la compra siempre suele haber una página de gracias, donde agradecemos al cliente por habernos comprado y le mostramos todos los datos de los productos que acaba de comprar.

Partes de una página web

Vamos a hacer va a ser analizar la estructura de una sola página web. La estructura de una página web suele dividirse en tres partes fundamentales:

En primer lugar la parte del encabezado, la parte superior de la página web. En esa parte del encabezado se suele poner el logo de la empresa, el menú de navegación que muchas veces se le dice barra de navegación, se puede poner un icono de búsqueda para poder activar un buscador para encontrar información dentro del sitio web y muchas veces suele haber un menú secundario donde puede haber un botón para que el cliente inicie sesión o en algún enlace a excepciones o páginas que no son tan importantes.

En segundo lugar tenemos la parte del cuerpo o body de la página web. Es parte central donde está todo el contenido. Si tenemos una página de «quiénes somos», vamos a poner por ejemplo el nombre de la sección en la parte del cuerpo, un bloque de texto, una serie de fotos o una única foto, un botón con un llamado a la acción o un formulario de contacto.

El pie de página  es la tercera sección, suele ser una parte de cierre del sitio, por lo general suelen ponerse enlaces a las redes sociales, una frase o un eslogan, también los datos de contacto y los horarios de apertura  así como enlaces a determinadas partes del sitio web que nos interesa que estén al alcance del usuario rápidamente.

por último tenemos en las barras laterales también son secciones que, al igual que el encabezado y el pie de página, se repiten a lo largo de todo el sitio web y suelen estar ubicadas a la misma altura del cuerpo.

Entonces tenemos en la parte superior el encabezado o header, en la parte media tenemos el cuerpo o body con una barra lateral y en la parte inferior tenemos el pie de página.