La estructura de una página web es la forma en la que se organizan los elementos que la componen. La disposición y presentación de los elementos y contenidos es esencial para una buena interacción con los visitantes.
Partes de la estructura de una página web
- Encabezado (Header)
- Cuerpo (Body)
- Pie de página (Footer)
1. Encabezado
El encabezado es el componente más crucial de una página web porque sirve como introducción de la marca y es lo primero que ven los visitantes cuando acceden a la página. Los detalles más cruciales deben presentarse en este encabezado de manera clara. Puede ser difícil diseñar un titular porque debe lograr el equilibrio adecuado entre transmitir la información más importante y simplificar las cosas.
Los elementos de un encabezado exitoso son:
Imagen de la marca
Se puede utilizar el nombre de la empresa, el logotipo o ambos. Esto dependerá principalmente de la interfaz de navegación; si utiliza un teléfono o un dispositivo móvil, puede utilizar una versión reducida del logotipo para que no ocupe toda la pantalla o aproveche las dimensiones y centre el nombre de la empresa. Por lo general, aparecen en el lado izquierdo de una pantalla de escritorio.
Menú de opciones
La mayoría de las veces, se presentan de manera sucinta y pueden ser desplegables. Evite a toda costa que las opciones se superpongan, ya que esto dificultará la interacción, especialmente en las pantallas táctiles.
Botones de acción
Estos vienen en una amplia variedad de formas, pero normalmente sirven como botones de suscripción o de prueba, indican el idioma y la ubicación, o ambos. Ocasionalmente pueden estar presentes íconos para carritos de compras.
Dependiendo de tus necesidades existen algunas otras herramientas que pueden aparecer en este apartado. Algunas de ellas son:
- Información útil: Cuando anticipamos que nuestros visitantes la buscarán, puede ser una buena idea colocar avisos en cinta con la información pertinente.
- Las ofertas: Son particularmente útiles en las páginas de comercio electrónico en las que desea que el cliente sepa que hay descuentos, envíos gratuitos u otras ventajas disponibles.
- Barra de búsqueda: Si el menú de su sitio es demasiado artificial, puede agregar un icono o una barra de búsqueda automática para ayudar a los visitantes a encontrar lo que buscan de forma rápida y sencilla.
Los encabezados pueden ser dinámicos y aparecer únicamente al entrar al sitio y desaparecer de la vista al momento de desplazarse hacia abajo, o puedes tener un encabezado fijo que permanecerá visible, aunque el visitante haga scroll en la página. Si eliges que el encabezado permanezca fijo, deberás elegir cuidadosamente sus elementos para no saturar visualmente tu página.
2. Cuerpo
El contenido se ubicará en el cuerpo de la página. La información solicitada está disponible una vez que el visitante ingresa al sitio web o selecciona un elemento del menú y se desplaza hacia abajo.
Puede ser tan breve o detallado como desee en esta sección. Aunque los invitados siempre valorarán la sencillez. Si su marca o negocio tiene mucha información para difundir, puede utilizar materiales audiovisuales, aplicaciones móviles o funciones interactivas para mejorar la experiencia del visitante.
Otros elementos adicionales que pueden incluirse en una página web son:
- Banners: Puede incluir anuncios o advertencias con más detalle que en un encabezado incluyéndose con ofertas, noticias de última hora o información de interés. Las versiones móviles, interactivas o automáticas son todas posibles.
- Ayudas de navegación: Para ayudar a los usuarios a encontrar rápidamente la información que buscan en algunos sitios web, los índices son una buena idea. En nuestro ejemplo, la página tiene una barra que muestra la ubicación actual del visitante en la página.
- Textos: Estas fuentes se utilizan para proporcionar a las personas datos, información y contenido pertinentes, como publicaciones en blogs y descripciones de productos.
- Multimedia: Puede complementar o suplantar la presentación escrita de información con estos recursos. Esta sección debe contener las imágenes, videos y audios.
- Mosaicos: Como hemos visto, el diseño de una página depende completamente de ti. Algunos diseñadores emplean mosaicos u otras formas y estilos de exhibición para llamar la atención de los clientes.
- Los elementos emergentes: Son cruciales al crear un sitio web. Las ventanas emergentes deben aparecer encima o debajo del cuerpo de la página porque no desea que un formulario o aviso de privacidad oculte su encabezado.
3. Pie de página
Por lo general, la información que no es absolutamente necesaria para que la vean los visitantes, pero que debe estar presente, se muestra en el pie de página o en el pie de página. Debido a esto, siempre llega en último lugar y, por lo general, toma la forma de una presentación más moderada.
En todas las páginas del sitio web, un pie de página mantiene las mismas opciones y datos, al igual que el encabezado. En esta sección podemos encontrar lo siguiente:
Legales
Uno de los componentes más cruciales que con frecuencia se requiere presentar a los visitantes es la información legal. Sin embargo, no todo el mundo está interesado. Es por eso que debe colocarse en la parte inferior de la página, donde será fácilmente accesible para quienes lo necesiten y no obstaculice la navegación de los visitantes.
La información legal incluye la solicitud de derechos de autor del sitio, los términos y condiciones de uso y servicios, las responsabilidades adquiridas y los avisos de privacidad.
Datos de contacto
Por las mismas razones que los avisos legales, la información de contacto generalmente se encuentra en la parte inferior de la página para comodidad del visitante. En el pie de página se puede encontrar un número de teléfono, íconos de redes sociales o incluso una opción de servicio y atención al cliente.
Colaboradores o patrocinadores
Muchas veces, las empresas trabajan en colaboración. Tu marca ganará más credibilidad y la confianza del visitante si incluyes el sello, logo o nombre de las organizaciones con las que colaboras.
Se debe agregar un sello de certificación o un sello oficial de aprobación.
Menú alterno
Debido a que no está destinado a usuarios en general sino a otras empresas, proveedores, colaboradores o especialistas, cierta información sobre su organización no está presente en el menú principal. Debido a esto, los menús de alternar con opciones distintivas se encuentran con frecuencia en los pies de página.
Esta sección normalmente contiene información administrativa, incluidos kits de prensa, manuales de operación, códigos de ética e información para los empleados. Este es el lugar ideal para enumerar cualquier sitio web que esté conectado a su página, como blogs o tiendas.
Tenga en cuenta que estas estructuras son adaptables, por lo que puede cambiarlas para comunicar mejor sus ideas a sus clientes.