5 diferentes estructuras de diseño de páginas web

Los elementos estructurales de una página web son las partes básicas que los usuarios de Internet a menudo esperan ver cuando visitan un sitio web. Comprender la ubicación y el propósito de las estructuras principales puede ayudarlo a transmitir información sobre su pequeña empresa y productos o servicios de manera que atraiga a los visitantes y mantenga su interés.

Encabezado de página

El encabezado es el área que se ejecuta horizontalmente en la parte superior de una página y generalmente es la misma en la mayoría de las páginas del sitio. Ayuda a hacer un sitio web identificable visualmente para los visitantes. Al igual que el encabezado de una carta o el membrete en la parte superior de la papelería, el encabezado de la página muestra información sobre la persona o empresa que controla el sitio web a través del texto del título, el logotipo, las imágenes de fondo, el lema o una combinación de estos elementos. Otros elementos que se colocan a menudo en el encabezado incluyen un cuadro de búsqueda de sitio, enlace de carrito de compra, enlace de acceso a sitio y herramientas de navegación.

Herramientas de navegación

Las herramientas de navegación de la página web están ubicadas en varias áreas fuera del encabezado, incluidos los lados derecho o izquierdo, el centro o la parte inferior de la página. Ofrecen navegación de página a página o salto instantáneo a la parte superior de la página actual. Los diseños incluyen enlaces de un clic con base en texto o imagen organizados de forma independiente o en pestañas, menú desplegable o emergente y listas de diseños. Algunos sitios también cuentan con rutas de navegación: los enlaces a cada página que visitaría para llegar a la página actual organizada de izquierda a derecha en una línea horizontal en el encabezado o centro superior de la página en el orden de su movimiento a través del sitio, si debías seguir la jerarquía organizativa del sitio.

Columnas de la barra lateral

Las columnas de la barra lateral, también conocidas como barras laterales, se ejecutan verticalmente a lo largo del lado izquierdo o derecho de las páginas web. Por lo general, brindan enlaces de navegación del sitio primario o secundario e información que desea enfatizar, como detalles de contacto o actualizaciones importantes sobre el operador del sitio o el tema del sitio. Otros elementos que suelen colocarse en las barras laterales incluyen publicidad personal o de socios, un cuadro de búsqueda del sitio y herramientas de filtro de búsqueda. Las barras laterales suelen mostrar información como una columna ininterrumpida o una columna dividida en secciones o cuadros.

Contenido primario

El área de contenido principal en una página se ubica tradicionalmente a la izquierda o derecha de una barra lateral o entre dos barras laterales. Proporciona información de la página principal en la que desea que se centre un visitante. El área de contenido principal presenta un título principal y contenido formateado en párrafos de texto concisos, imágenes, videos o elementos combinados divididos por espacios o subtítulos. También a menudo incluye elementos mencionados anteriormente, como la ruta de navegación y los enlaces de navegación de salto, así como información actualizada como la publicación de contenido o las fechas de actualización y los enlaces a sitios web relevantes para el contenido o que crees que podrían interesar a los visitantes.

Pie de página

El pie de página se ejecuta horizontalmente en la parte inferior de las páginas. Proporciona enlaces de navegación que los visitantes pueden encontrar útiles, así como detalles sobre una página o sitio web, como un logotipo, fecha de copyright, nombre del operador del sitio web, nombre del autor de la página, declaraciones legales y enlaces a los términos de uso y políticas de privacidad del sitio. Otros elementos que se colocan a menudo en el pie de página incluyen enlaces a la página de contacto o dirección de correo electrónico del operador del sitio, página de ofertas de trabajo, página de formulario de comentarios, página de soporte y página de preguntas frecuentes.