La estructura de una página web es la forma en que sus páginas están organizadas y relacionadas entre sí en base a su contenido y categorización.
Al momento de crear una web, es fundamental determinar la organización del contenido de una forma lógica y no tan profunda, explicaremos este concepto más adelante. No solo es una buena práctica de organización de la información, sino de experiencia de usuario.
Miremos a algunos sitios de e-commerce en México como Liverpool, Palacio de Hierro, Amazon, Mercado Libre, Office Depot, IKEA, etc. todos tienen categorías muy genéricas que después se desglosan en otras más específicas. Esta práctica mejora la navegación dentro del sitio, ya que es más sencillo llegar a las categorías deseadas de un producto con 2-3 clics.
Estructura de una página web
De manera general podemos segmentar una página web en 3 componentes básicos:
Cabecera o header
Es la parte superior de la página, en esta parte se encuentra el menú de navegación principal, enlaces a redes sociales, teléfono de atención al cliente, selector de idiomas, política de privacidad, etc.
Para tiendas online es recomendable que para mejorar las zonas de navegación, se incluyan enlaces a los mejores productos del sitio o a las principales categorías de productos de la tienda.
Cuerpo o body
Es donde se encuentra el principal contenido del sitio, las secciones de contenido dependen de los tipos de webs, si son tiendas online, landing pages, sitios de noticias, webs corporativas, etc.
De manera general en esta parte también hay enlaces internos hacia otras páginas del sitio o enlaces externos, en ocasiones está un formulario de contacto, botones de acción concreta (comprar, registar, llamar, etc), el horario de atención, etc.
Hay muchas posibilidades de diseño para definir el concepto de la estructura web usando los bloques de contenido basadas en las necesidades de la empresa.
En el contenido del pie de página típicamente se incluyen las redes sociales, la política de privacidad, avisos de privacidad, la dirección postal, demás aspectos legales y en algunos casos incluyen también su menú de navegación principal, etc.
Estructura básica de una página web
Una estructura organizada permitirá que el comportamiento de usuarios al navegar sea lo más fluida posible.
Existen diversos tipos de arquitectura para escoger la estructura deseada de una página web ya sea creando clusters de contenido o una estructura ordenada según la clasificación de contenidos.
Modelo jerárquico
Este modelo organiza areas de contenido basadas en su similitud de agrupamiento. Por ejemplo, las revistas o periódicos usan la arquitectura ramificada para que toda la categoría de moda este bajo una misma sección.
Modelo de matriz
Es la arquitectura web actual de muchos sitios medianos donde usan un tipo de arquitectura mixta permitiendo total libertad del usuario para navegar a través del sitio usando las herramientas de navegación más comúnes: menús y formularios de búsqueda.
Modelo secuencial
Este tipo de arquitectura lo vemos en tiendas online al momento de realizar una compra, donde se sigue un flujo de datos definido paso por paso.
Definiendo la estructura
Como se mencionó anteriormente, una estructura no debe ser profunda, es decir, que no tenga más de 4 niveles de profundidad dentro de las URLs; por ejemplo: /productos/ofertas/perfumes/hombre/producto.
Tener más de 4 niveles de profundidad en un sitio web demuestra una clara desorganización del contenido. Retomando el ejemplo anterior, sería mejor tener esa página en una estructura mucho más sencilla como abc.com/ofertas/perfumes-hombre/nombre-de-producto.
La correcta distribución consiste en analizar las partes de la web y encontrar una forma sencilla de estructurarlo, en el primer ejemplo había demasiada categorización cuando se pudo haber simplificado como en el segundo ejemplo.
En el siguiente diagrama se muestra una estructura de una tienda online de calzado usando no más de 3 niveles de profundidad, entre menos niveles puedas usar, mejor.
El menú de navegación es el contenido más importante de una página web. Dentro de él se pueden identificar problemas de estructura y posibilidades de mejora. En webs con mucha diversidad de categorías existen muchos enlaces dentro del menú de navegación normalmente segmentados por temas principales.
Su diseño es bastante común en la mayoría de sitios, el menú principal lista las categorías principales de productos o servicios, permitiendo a los clientes navegar por las diferentes subcategorías.
Una correcta navegación debe usar una estructura clara del contenido principal de la web facilitando la navegación del usuario. Es muy popular usar los famosos mega menús pero estos no tienen una navegación clara, hay muchas categorías que se empalman y generan 2 caminos diferentes a un mismo contenido clave.
Prevención de Contenido Duplicado
Muchas veces la distribución de contenido genera que haya más de 1 ruta de navegación hacia cierto contenido. Por ejemplo: tudominio.com/ofertas/perfumes y tudominio.com/perfumes/descuentos
Una página de ofertas por tipo de producto muestra aquellos perfumes en oferta, también hay otra página dentro de los perfumes que muestra los descuentos actuales. Evidentemente estas páginas muestran el mismo contenido, pues ambas muestran los mismos perfumes en ofertas.
La estructura ideal en este escenario es que la subcategoría de ofertas no se repita dentro de la organización del contenido, de esa forma solo podemos ver los perfumes en promoción desde una sola página.
El diseño de la organización es necesaria para una buena experiencia de usuario, el contenido duplicado no solo es malo desde un punto de vista de los clientes, sino desde un punto de vista de posicionamiento web.
Los motores de búsqueda no sabrán que página de ofertas de perfumes es la correcta para posicionar, muchas webs corrigen esto con una etiqueta canonical de una a otra, pero si desde el principio se hubiera realizado una correcta estructura de contenidos, no se hubiera generado esa duplicidad de contenidos.
Si tienes contenido de productos en dos páginas diferentes y es un producto fundamental o de mucha rentabilidad para el negocio, este problema de duplicidad de contenido puede afectar a tu posicionamiento orgánico ya que Google no sabrá que página de producto es la correcta, y eso deberás especificarlo con una etiqueta canonical o eliminar una de las páginas duplicadas.
Importancia de la experiencia de usuario (UX)
Si retomamos el ejemplo anterior de la tienda de calzado, podrás ver como las categorías principales de productos son diferentes tipos de calzado y las subcategorías son las mismas. También es válido que las categorías principales sean hombre y mujer y debajo de cada uno sus productos.
Imagina que tu eres un usuario de esa tienda, y buscas un calzado para futbol. Evidentemente, lo primero que vas a hacer es ir a calzado de futbol y después ya escoges la categoría de hombre o mujer según el producto que quieras comprar.
Por eso es importante tener en cuenta a la experiencia de navegación del usuario durante la definición de la estructura web, ya que una estructura confusa o no clara puede ser una de las razones principales por las que ese cliente se vaya a buscar a otra tienda.
De igual forma, para los motores de búsqueda es mucho más fácil navegar por la estructura de contenidos de tu sitio e identificar mejor cómo está su organización.
Con estos consejos, estás listo para definir la estructura de un sitio web correctamente, que sea útil para tus usuarios y que no afecte el posicionamiento web de tus páginas más importantes.
¿Cómo diseñar la estructura adecuada de tu página web?
Antes de planificar la estructura de la página web debes tener en cuenta que las secciones de contenido sean visibles y accesibles para los usuarios. Los aspectos más importantes a considerar son:
- Sitemap: El mapa del sitio debe estar presente en todos los sitios web, es un archivo XML de todas tus páginas importantes que brinda una estructura eficiente para que los buscadores encuentren el contenido importante.
- Estructura de Links: Tener una buena estructura de enlazado interno permitirá tener una experiencia de navegación sencilla que facilite acceder a cualquier parte del sitio sin importar la puerta de entrada, logrando una alta libertad del usuario.
- Estructura de URLs: Separar el contenido principal del sitio web en carpetas es útil en sitios de miles o millones de páginas pero se debe asegurar que las secciones de contenido más importantes no se encuentren a más de 3 niveles de profundidad de las subcarpetas.
Define la correcta estructura de tu página web siguiendo estos consejos y tendrás una estructura organizada que te beneficiará a largo plazo.
