La estructura de un sitio web ayuda a formar patrones comprensibles, descubiertos y predecibles. Una estructura de sitio web adecuada ayuda a los visitantes del sitio a encontrar información fácilmente a través de la coherencia. Los usuarios se sienten satisfechos cuando encuentran información rápidamente, y una estructura sólida y identificable es esencial para la usabilidad del sitio web. De hecho, los diseñadores de UX pueden resolver problemas más amplios en el diseño y la usabilidad de la interfaz de usuario a través de una buena estructuración de sitios web.
La buena estructura del sitio web es necesaria para agrupar y catalogar contenido. Al considerar posibles arquitecturas, los diseñadores generalmente pueden elegir entre un enfoque de arriba hacia abajo o de abajo hacia arriba en función de las necesidades y los objetivos comerciales de sus usuarios.
- Enfoque de arriba hacia abajo: un enfoque de arriba hacia abajo se centra primero en las categorías generales del contenido. Los diseñadores pueden dividir lógicamente el contenido al dividirlo gradualmente en categorías. Esto puede ayudar a informar la taxonomía o la estructura jerárquica del sitio web.
- Enfoque de abajo hacia arriba: el enfoque ascendente es, como probablemente se pueda ver, lo opuesto al enfoque de arriba hacia abajo. Cuando el enfoque de arriba hacia abajo se centra en catalogarse de contenido en categorías, el enfoque de abajo hacia arriba se centra primero en crear una estructura basada en el contenido que está disponible para el sitio web al agrupar los elementos en categorías del nivel más bajo y, a su vez, agruparlos categorías en un nivel superior.
Como diseñadores de UX, buscamos la estructura del sitio más ideal al diseñar un nuevo sitio basado en las necesidades y los objetivos comerciales de nuestros usuarios. La estructura ideal del sitio web se puede considerar como una pirámide. Consiste en una página de inicio, categorías, subcategorías y publicaciones y páginas individuales.
- Enfoque de arriba hacia abajo: un enfoque de arriba hacia abajo se centra primero en las categorías generales del contenido. Los diseñadores pueden dividir lógicamente el contenido al dividirlo gradualmente en categorías. Esto puede ayudar a informar la taxonomía o la estructura jerárquica del sitio web.
- Enfoque de abajo hacia arriba: el enfoque ascendente es, como probablemente se pueda ver, lo opuesto al enfoque de arriba hacia abajo. Cuando el enfoque de arriba hacia abajo se centra en catalogarse de contenido en categorías, el enfoque de abajo hacia arriba se centra primero en crear una estructura basada en el contenido que está disponible para el sitio web al agrupar los elementos en categorías del nivel más bajo y, a su vez, agruparlos categorías en un nivel superior.
Hay cuatro tipos principales de estructuras de sitios web. Tener una comprensión adecuada de las estructuras del sitio web facilita a los diseñadores crear una arquitectura de información significativa en el sitio web. Veamos a ellos uno por uno.
¿Cómo se llama la estructura de una página web?
Un documento web (o página web) es, como hemos señalado en la introducción, un conjunto de etiquetas HTML que se escriben en un editor de texto sin formato (sin formato) y se ejecutan en un navegador web.
Para crear un verdadero documento HTML, comenzará con tres elementos de contenedores:
Estos tres se combinan para describir la estructura básica de la página:
Solo hay una forma correcta de combinar estos tres elementos. Aquí está su ubicación exacta, con el Doctype en la parte superior de la página:
*
Cada página web usa esta estructura básica. Las elipses (…) muestran dónde insertaría la información adicional.
Una vez que se coloca el esqueleto XHTML, debe agregar dos conectores más a la mezcla
Cada página web requiere un elemento
, que representa un párrafo. Echemos un vistazo más de cerca a los elementos que deben agregarse:
¿Cuáles son los 4 tipos de estructura web?
Los cuatro tipos de estructuras de sitios web que pasaremos son: base jerárquica, webbed, lineal y de datos.
El modelo jerárquico es el tipo de estructura más común. También es el más fácil de entender. Los encontrará en sitios web que tienen grandes cantidades de información y páginas. En pocas palabras, es una página de inicio, las páginas de nivel superior y luego las subpáginas o las páginas infantiles. Puede haber un enlace interno, pero la estructura de la jerarquía del sitio web aprovecha un enfoque de arriba hacia abajo muy simple.
Para usar adecuadamente una estructura jerárquica, realmente necesita tener una comprensión profunda de cómo funcionan y la capacidad de procesar grandes cantidades de información para encontrar la mejor manera posible para usarla al máximo. Debe haber un equilibrio saludable de razonamiento lógico para las decisiones en la colocación de la página y la comprensión de que no puede causar restricciones a los usuarios que desean saltar por el sitio. La oferta de opciones para llegar de un lado de un sitio a otro se puede hacer a través de enlaces de navegación en cada página.
Los sitios de estilo lineal son una estructura de sitio web simple y, a veces, esa estructura básica del sitio web es justo lo que el médico ordenó. No todos los sitios serán tan sencillos y capaces de usar este tipo, pero los sitios con menos páginas pueden beneficiarse de esta opción de bajo mantenimiento.
Este tipo de estructura del sitio web se puede encontrar en sitios como pequeñas empresas que tienen un pequeño número de páginas: cosas sin subcategorías o páginas infantiles. Como su nombre indica, no es jerárquico o extenso. Se crea teniendo una página principal, página de inicio o página de destino para llegar y luego una serie de otras páginas básicas de los padres para visitar que aparecen en línea recta debajo de la página de inicio, o que se ejecuta de izquierda a derecha, cuando se ve desde un mapa del sitio visual. Toman un visitante a través de una secuencia predefinida en otras palabras.
¿Cuál es la estructura básica de una página web y el significado de cada parte?
Es posible que haya notado que el tesoro menciona que generalmente hay tres secciones en un sitio web, pero en sus archivos de muestra, ¡parece haber cuatro!
La mayoría de los sitios web modernos hoy en día contienen tres secciones distintas:
- Un encabezado;
- Una sección o área de contenido principal; y,
- Un pie de página
El encabezado generalmente se usa para las ayudas introductorias y de navegación. Hemos extraído la sección de navegación #main-av del encabezado en este curso, para hacer las cosas un poco más fáciles de leer y comprender para principiantes. ¡Exploraremos cada uno de estos segmentos individualmente un poco más adelante en el curso!
Al escribir HTML, usamos etiquetas para crear diferentes elementos.
- Un encabezado;
- Una sección o área de contenido principal; y,
- Un pie de página
Por ejemplo: el tesoro crea un elemento de párrafo usando las etiquetas
. A menudo, el contenido escrito que se mostrará se colocará entre esas etiquetas.
- Un encabezado;
- Una sección o área de contenido principal; y,
- Un pie de página
¿Qué es estructurar una página web?
La estructura del sitio se refiere a cómo organiza el contenido de su sitio web. Un sitio web a menudo consiste en contenido en una variedad de temas relacionados, presentados en publicaciones y páginas. La estructura del sitio trata sobre cómo este contenido se agrupa, vincula y se presenta al visitante. Si estructura bien su sitio web, se beneficiará de esto; Los usuarios encontrarán su camino más fácilmente y Google puede indexar mejor sus URL. Las taxonomías, como las categorías y etiquetas, pero también los enlaces internos, su navegación y migas de pan son las herramientas para estructurar su sitio.
Aprende a hacer esto bien. ¡Nuestra capacitación en estructura del sitio le enseña cómo configurar la mejor estructura de sitio para sus visitantes y Google!
A medida que escribe más y más publicaciones de blog, o agregue más páginas de productos, su sitio se acumulará. Debe organizarlo cuidadosamente, para asegurarse de que usted, su visitante y Google podrán encontrar lo que están buscando.
¿Porqué es eso? Dejame contarte una pequeña historia. Érase una vez, estaba esta joven. Su nombre es Alice. Alice se levanta todas las mañanas, se sienta en su escritorio y comienza a escribir una hermosa historia. Ella escribe una historia todos los días. Alice escribe todas sus historias en esta hermosa máquina de escribir antigua. Cada vez que ha terminado de escribir, saca el papel de la máquina y pone su nueva historia en su escritorio. Como puedes imaginar, su escritorio se vomitará lentamente con todas estas hojas de papel. Después de un año de escritura, tendrá 365 hojas de papel. Después de tres años de escritura, tendrá más de mil. Alice no podrá encontrar su historia favorita, debido a la abundancia de historias en su escritorio.
¿Qué es una estructura de una página web?
La estructura de su sitio es cómo las diferentes páginas en su sitio están vinculadas entre sí utilizando enlaces internos y su jerarquía. Es cómo se organiza y presenta la información en su sitio para que el algoritmo pueda leer bien su contexto. La buena estructura del sitio web facilita la navegación fácil para los usuarios y los rastreadores, lo que mejora la clasificación SEO de su sitio web en los motores de búsqueda.
El papel de un diseñador es crear un sitio web que tenga un excelente UX que se encargue de la accesibilidad y que sea fácil de usar. Una excelente estructura del sitio web mejora la usabilidad o la facilidad de uso de su sitio web al facilitar que los usuarios encuentren lo que están buscando. Para crear una estructura de sitio web, debe mapear cómo organizará el contenido en su sitio (página de inicio, categorías, página individual, publicaciones de blog).
Esta es la razón por la cual la estructuración del sitio web debería ser el primer paso en cualquier proyecto de diseño web.
El principio subyacente en la gran estructura del sitio web es la arquitectura de información (IA). IA asegura que el contenido esté organizado, estructurado y etiquetado de manera efectiva y consistente. Para que cree la mejor arquitectura de información para su sitio web, debe considerar los siguientes factores:
- Viaje del usuario: dado que los sitios web se crean para servir a los usuarios, es importante considerar cómo pueden experimentar o interactuar con su sitio y sus expectativas sobre cómo debería funcionar su sitio web. Puede determinar el viaje de sus usuarios a través de entrevistarlos o hacer un ejercicio de clasificación de tarjetas.
- Contenido: La estructura de su sitio web también estará determinada en gran medida por el tipo y el volumen de contenido en su sitio. La estructura de un sitio de comercio electrónico será diferente de la estructura de un sitio académico.
- Contexto: el contexto de un sitio web está determinado por sus objetivos comerciales, el contexto cultural en el que existe y los recursos disponibles. Es importante considerar este hecho mientras estructura su sitio web.
La estructura del sitio web más común es jerárquica que se basa en una página principal (página principal) y páginas infantiles (categorías y subcategorías) que fluyen desde la página principal.
¿Qué se debe tener en cuenta para estructurar una página web?
¿Qué entra en el desarrollo y el diseño de una estructura de sitio web? A continuación se muestra una guía paso a paso para planificar la estructura de su sitio web.
No hay nada de malo en innovar cómo se acerca a la estructura de su sitio web. Sin embargo, debería ser una decisión intencional.
Preste atención a cómo los sitios web similares en el mercado estructuran sus sitios antes de elegir los suyos. Esto puede ser una señal de cuáles son las expectativas del usuario y no desea que su sitio confunda.
Antes de comenzar a planificar, seleccione los cinco a 10 competidores principales en su mercado, revise sus sitios web para ver qué estructura usan e identificar las fortalezas y debilidades de su configuración.
Aún más importante que la competencia es su público objetivo. Antes de tomar una decisión, debe saber quién es su audiencia, qué sitios visitan y qué esperan de la experiencia del usuario en su sitio.
No apresure este paso del proceso de planificación. Esta es la mayor oportunidad para aprender cómo sus visitantes navegan por los sitios de la competencia. Una vez que haya identificado las fortalezas y debilidades, puede realizar mejoras para que su sitio web ofrece una experiencia mucho mejor.
Ahora es el momento de la verdad. Es hora de utilizar la información que recibió de su mercado y investigación de audiencia para elegir el tipo de estructura adecuado para su sitio web.
Este también sería el momento adecuado para llevar a un diseñador de UX/UI experimentado a la mezcla si aún no está seguro de qué estructura tiene sentido. Pueden proporcionar información valiosa a sus desarrolladores internos, incluso si no son parte de todo el proyecto.
Artículos Relacionados:
