Contenido
- Definición de sidebar
- Tipos de sidebars
- Contenido del sidebar
- Uso del sidebar
- Cómo colocar un sidebar en la página
Definición de sidebar
El sidebar es una columna lateral de una página web que contiene información adicional, enlaces y botones. En la mayoría de los casos, en el sidebar se colocan elementos como:
- Menú de navegación
- Catálogo de la tienda en línea
- Bloque de publicidad
- Recomendaciones
- Filtros
- Formulario de contacto
- Botones sociales
Un punto clave al colocar los sidebars es mantener un espacio óptimo: el sidebar no debe ocupar demasiado espacio en la página. Aunque las dimensiones exactas pueden variar, generalmente, el sidebar es visualmente más pequeño que el contenido principal para no distraer la atención de los usuarios.
Tipos de sidebars
Los sidebars se pueden clasificar en tres tipos principales según su ubicación en la página:
- Sidebars izquierdos: La opción más común, ya que la mayoría de las personas leen de izquierda a derecha. Normalmente, aquí se colocan catálogos de tiendas en línea y filtros, lo que ayuda al usuario a encontrar más rápidamente los productos que necesita.
- Sidebars derechos: Opción menos preferida, ya que los bloques publicitarios a menudo se colocan a la derecha, lo que los hace menos visibles. Los usuarios pueden ignorar esta parte de la página, lo que reduce la efectividad de la publicidad.
- Sidebars dobles: Colocar sidebars a ambos lados puede resultar en la compresión del contenido principal, dificultando la percepción de la información. Columnas estrechas pueden obligar a los usuarios a desplazarse constantemente por la página, lo que les impide concentrarse en el contenido principal.
Contenido del sidebar
El sidebar puede contener una variedad de información que ayuda a los usuarios a orientarse mejor en el sitio. Aquí hay algunos elementos clave que vale la pena incluir en la columna lateral:
- Menú y categorización: El sidebar puede contener un catálogo o un conjunto de enlaces que permiten a los usuarios navegar a otras secciones del sitio. Se recomienda incluir solo enlaces importantes relacionados con la sección actual para no distraer al usuario del contenido principal.
- Anuncios: El sidebar puede incluir feeds de noticias o anuncios de publicaciones, lo que permite a los usuarios estar al tanto de eventos actuales sin necesidad de hacer clic en los enlaces.
- Publicidad: En el sidebar derecho, a menudo se colocan bloques publicitarios o materiales de afiliados, aunque los usuarios pueden ignorar esta parte de la página.
- Call to action y botones sociales: Elementos que invitan al usuario a actuar, como suscribirse a un boletín o solicitar una llamada, también pueden ser incluidos en el sidebar.
- Filtros: Para facilitar la búsqueda de productos, los filtros a menudo se colocan en el sidebar izquierdo, para que el usuario los note fácilmente.
Uso del sidebar
El sidebar puede ser útil para la mayoría de los sitios web, especialmente aquellos que se abren en escritorios. Sin embargo, en dispositivos móviles, el sidebar puede cambiar de forma y moverse hacia arriba o hacia abajo, convirtiéndose en un "sandwich" estándar o un conjunto de botones. Esto puede llevar a que parte de la información quede oculta tras un botón de "más". Es importante recordar que las landing pages que requieren un estudio secuencial del material suelen funcionar mejor sin sidebars, ya que pueden distraer a los usuarios.
No obstante, algunas landing pages pueden estar llenas de múltiples bloques, y en tales casos puede ser útil incluir un sidebar "sticky" con navegación, para que los usuarios puedan regresar fácilmente a la información que necesitan.
Cómo colocar un sidebar en la página
Colocar un sidebar en el sitio puede llevarse a cabo de dos maneras principales: a través de programación web o mediante sistemas de gestión de contenido (CMS). Si la página se crea manualmente, se necesitará escribir código para el sidebar, lo que requiere ciertas habilidades en programación web. En el caso de usar un CMS, el sidebar se agrega utilizando herramientas del constructor.
Por ejemplo, en WordPress hay varias formas de agregar un sidebar:
- Crear un tema con un sidebar y cargarlo;
- Elegir un tema predefinido del catálogo;
- Instalar un plugin para agregar un sidebar;
- Utilizar el plugin Elementor para personalizar el sitio.
Los temas predefinidos de WordPress generalmente tienen sidebars integrados, lo que simplifica considerablemente el proceso de desarrollo.
