SharePoint Online Site Architecture and Hub Site Implementation Guide

SharePoint Online Implementation Guide

This guide provides technical instructions for configuring SharePoint Online environments, covering site architecture, branding, and navigation structures.

---

1. SharePoint Site Architecture

Understanding site types is critical for proper information architecture. Use the following table to determine the correct template based on business requirements.

Feature	Team Site	Communication Site	Hub Site
Primary Purpose	Collaboration and co-authoring.	Broad broadcasting and news.	Logical organization of related sites.
Audience	Specific group or project team.	Large department or entire org.	Aggregated audience of associated sites.
M365 Group	Yes (includes Teams, Planner, etc.).	No (standalone site).	N/A (registered via existing site).
Default Nav	Left-hand (Quick Launch).	Top horizontal.	Top-level global navigation.
Permissions	Equal mix of Owners and Members.	Few Owners/Authors; many Visitors.	Inherited or scoped across associated sites.

---

2. Team Site Deployment

Team sites are designed for day-to-day operations.

1. Creation Path: Navigate to SharePoint Home or the SharePoint Admin Center.
2. Configuration: Select Create site > Team site.
3. Group Association: Choose to create a new Microsoft 365 group or connect to an existing one. This automatically provisions an Outlook mailbox and a shared calendar.
4. Privacy Settings:
   • Private: Access restricted to added members.
   • Public: Any user in the tenant can access and join.
5. Post-Provisioning Audit:
   • Open Site permissions.
   • Verify Site Owners have Full Control.
   • Verify Site Members have Edit (not just Contribute) to allow list schema changes if needed.

---

3. Communication Site Deployment

Communication sites function as intranets or landing pages.

1. Creation Path: Select Create site > Communication site.
2. Template Selection: * Topic: Best for news and events.
   • Showcase: Best for visual/product galleries.
   • Blank: For custom layouts.
3. Hub Association at Creation: If creating from a Hub site, the new site inherits the hub theme and global navigation immediately.

---

4. Branding and Visual Identity

Standardizing the interface ensures a consistent user experience.

1. Change the Look: Click the Gear icon > Change the look.
2. Themes:
   • Select from Microsoft defaults or Organization themes (pushed by Global Admins).
   • Themes apply accent colors to buttons, headers, and site icons.
3. Header Configuration:
   • Standard: Vertical height is larger; supports large logos.
   • Compact: Reduces vertical space; ideal for data-heavy sites.
   • Logo: Upload a PNG or SVG with a transparent background for optimal rendering.

---

5. Navigation Configuration

SharePoint utilizes three distinct navigation layers.

• Local Navigation: Specific to the site. Found on the left for Team sites and the top for Communication sites.
• Hub Navigation: Shared across all sites associated with a hub. Appears above the site title.
• Global Navigation: Part of the SharePoint app bar (home icon on the far left).

Editing Steps:

1. Click Edit on the navigation bar.
2. Select the + icon to add a Link or a Label.
3. Nesting: Drag a link to the right under a Label to create a sub-menu.
4. Audience Targeting: (Optional) Enable targeting to show specific links only to specific Entra ID groups.

---

6. Communication Site Footers

Footers are exclusive to Communication sites and provide space for persistent legal or contact links.

1. Activation: Settings > Change the look > Footer.
2. Toggle: Set Show footer to On.
3. Layout: Choose Simple or Extended.
4. Links: Add up to 8 links for items like Privacy Policies, IT Help Desk, or Corporate Terms.

---

7. Hub Site Administration

Hubs act as the connective tissue for the environment.

1. Registration: Requires SharePoint Admin or Global Admin roles.
   • Go to SharePoint Admin Center > Active sites.
   • Select the target site > Hub > Register as hub site.
2. Association: * Go to Site Information on a destination site.
   • Select the Hub site association dropdown.
3. Search Impact: Hubs provide “scoped search.” When a user searches from the hub home, SharePoint queries all associated sites.
4. Permissions Sync: Admins can enable Hub permissions to sync a “Hub Visitors” group across all associated sites to simplify broad access.

---

8. Mega Menus

Mega menus replace traditional cascading dropdowns with a structured, multi-column panel.

1. Prerequisites: Must be a Communication site or a Hub site.
2. Configuration: Settings > Change the look > Navigation.
3. Menu Style: Select Mega menu.
4. Hierarchy Logic:
   • Level 1: The main heading visible on the navigation bar.
   • Level 2: The column headers inside the mega menu panel.
   • Level 3: Individual links listed under each column header.

---

9. Technical Review and Study Reference

Use this checklist for environment validation or exam preparation.

• Permissions: Remember that M365 Group Owners are automatically SharePoint Site Collection Admins.
• Limits: A site can only be associated with one hub at a time.
• Inheritance: Themes flow from Hub to Site, but can be manually overridden unless restricted by PowerShell.
• UI Constraints: Team sites do not support Footers.
• RBAC: Only SharePoint Admins can register a hub; Site Owners can only associate their site with an existing hub (if allowed by hub settings).