Back to Blog
BlogArticle
Microsoft 365SharePoint Onlinecommunication sitesintranet designMicrosoft 365web partsHub SitesbrandingSharePoint templates

SharePoint Communication Sites Design: Thiết Kế Intranet 2026

Hướng dẫn thiết kế SharePoint Online Communication Sites: templates, web parts, branding, navigation. Xây intranet chuẩn → Liên hệ PUPAM!

P
PUPAM Tech Team
Content Writer
Updated: 2026-02-28
16 phút min read
NaN words

Thiết Kế SharePoint Online Communication Sites — Xây Intranet Chuyên Nghiệp Cho Doanh Nghiệp

Giao diện SharePoint Online Communication Sites với Hero web part và News feed trên desktop Hình 1: Dashboard thiết kế SharePoint Communication Site với layout Hero, News và Quick Links cho intranet doanh nghiệp.

Doanh nghiệp bạn đang dùng email hoặc group chat để phát thông báo nội bộ — tin tức công ty, HR policies, quy trình mới? SharePoint Online Communication Sites giải quyết đúng vấn đề này: nền tảng intranet broadcast 1-to-many trong hệ sinh thái Microsoft 365, cho phép ít người tạo content nhưng toàn bộ tổ chức có thể đọc. Bài viết này hướng dẫn bạn thiết kế communication site từ chọn template, cấu hình web parts, branding đến navigation và governance — sẵn sàng triển khai ngay.

💡 TL;DR: SharePoint Communication Sites là giải pháp intranet tối ưu trong Microsoft 365 cho broadcast thông tin nội bộ — chọn template (Topic, Showcase, Blank), cấu hình Hero + News web parts, thiết lập Hub Sites cho navigation đa phòng ban, và áp dụng branding + permissions để có intranet chuyên nghiệp, bảo mật.


Communication Site vs Team Site

Tiêu ChíCommunication SiteTeam Site
Mục đíchBroadcast thông tin (1-to-many)Collaboration nhóm
AudienceToàn org (100–10,000+)Team nhỏ (5–25 người)
Người tạo contentÍt (3–5 editors)Mọi members
NavigationTop navigation barLeft navigation
Microsoft 365 Group❌ Không có✅ Có (auto-created)
Default permissionEveryone readMembers edit
TemplatesTopic, Showcase, BlankTeam collaboration
Best forIntranet, news, policiesProject files, channels

Templates Có Sẵn

SharePoint Online cung cấp 3 templates cho communication sites, mỗi template phù hợp với mục đích khác nhau.

Topic Template

Thuộc TínhChi Tiết
LayoutHero web part + News + Highlighted content
Mục đíchDepartment portal, HR, IT, Marketing
Sections3 columns, full-width sections
VisualClean, professional, content-focused

Phù hợp cho: Department intranet pages, knowledge base, HR policies portal, IT service catalog.

Showcase Template

Thuộc TínhChi Tiết
LayoutLarge hero images + minimal text
Mục đíchEvents, campaigns, product launches
SectionsFull-width hero, alternating image-text
VisualImage-heavy, magazine-style

Phù hợp cho: Company events, product/service showcase, brand campaigns, annual reports.

Blank Template

Thuộc TínhChi Tiết
LayoutEmpty canvas
Mục đíchCustom designs
SectionsAdd any layout bạn muốn
VisualComplete control

Phù hợp cho: Experienced designers, unique page layouts, custom branding, complex multi-section pages.


Web Parts Quan Trọng

Web PartChức NăngUse Case
HeroBanner rotating imagesHomepage featured stories
NewsTin tức cards/listCompany announcements
Highlighted ContentDynamic content queryShow latest docs by type
Quick LinksIcon links gridShortcuts to tools/apps
PeopleTeam member cardsLeadership team display
EventsCalendar eventsCompany events, holidays
Viva EngageSocial feedEmployee discussions
StreamVideo embedTraining videos, town hall
Countdown TimerEvent countdownProduct launch, deadline
Image GalleryPhoto collectionTeam photos, office tour
Call to ActionCTA buttonRegister, Submit, Apply

Hero Web Part Configuration

Hero là web part quan trọng nhất trên communication site — đây là phần đầu tiên người dùng nhìn thấy.

Layout options:

  • Tiles — 1–5 tiles (click to open), linh hoạt nhất
  • Layers — Overlay text trên images, phong cách magazine

Best practices cho Hero:

  • Tối đa 5 tiles (3 tiles là optimal trên mobile)
  • Image ratio 16:9 (1920×1080px)
  • Text ngắn gọn — dưới 15 từ per tile
  • Link đến news posts hoặc pages
  • Auto-rotate = OFF (quan trọng cho accessibility)
  • Focal point: center phần nội dung quan trọng trong ảnh

News Web Part Configuration

News sources:

  • This site — posts từ current site
  • Select sites — aggregate từ multiple sites
  • Recommended — AI-suggested dựa trên user activity

Layout options:

  • Top story + side stories
  • List view
  • Hub news
  • Carousel

Best practices cho News posts:

  • Thumbnail image bắt buộc (1200×675px)
  • Title dưới 60 ký tự
  • Paragraph đầu tiên = summary (hiện trên card preview)
  • Publish to site, không chỉ save as draft
  • Dùng Boost để đẩy tin quan trọng lên top (admin feature)

Branding & Theming

Site Theme

Bạn có thể apply theme có sẵn hoặc tạo custom theme cho communication site.

Apply theme có sẵn:

  1. Vào Site settingsChange the lookTheme
  2. Chọn từ: Teal, Blue, Orange, Red, Purple, Green, Gray
  3. Preview → Apply

Custom theme (PowerShell):

# Bước 1: Generate JSON palette từ Theme Generator tool
# URL: fluentuicolordesigner.azurewebsites.net

# Bước 2: Connect và apply theme
Connect-SPOService -Url https://tenant-admin.sharepoint.com
Add-SPOTheme -Name "Company Theme" -Palette $palette -IsInverted $false

Custom branding elements:

  • Logo: Site settings → Site information → Logo (200×200px, PNG)
  • Header: Full-width, Compact, Minimal, hoặc Extended
  • Header background: Theme color, Neutral, hoặc Custom image
  • Footer: Enable custom footer (links, logo, copyright)
OptionHeaderMô Tả
StandardLogo + Site name + NavigationLayout mặc định, phổ biến nhất
ExtendedLogo + Site name + Navigation + BannerThêm custom banner phía trên
MinimalLogo only + hamburger menuTối giản, tiết kiệm không gian
CompactCondensed layoutTiết kiệm vertical space

Cấu hình Footer:

  1. Site settingsChange the lookFooter
  2. Enable footer = Yes
  3. Thêm links (khuyến nghị tối đa 8 links)
  4. Company logo, copyright text, social media links
  5. Admin có thể enforce footer across all sites qua PowerShell

Hub Sites Navigation

Hub Site là cầu nối navigation giữa nhiều communication sites trong tổ chức. Khi bạn register một site làm Hub, tất cả child sites associated sẽ chia sẻ cùng top navigation.

Kiến trúc Hub Site:

  • Hub Site (Company Intranet)
    • HR Communication Site
    • IT Communication Site
    • Marketing Communication Site
    • Finance Communication Site
    • Training Communication Site

Cách setup Hub Site:

  1. SharePoint admin centerActive sites
  2. Select site → HubRegister as hub site
  3. Associate child sites vào hub
  4. Hub navigation tự động hiện trên TẤT CẢ associated sites

Lợi ích Hub navigation:

  • Consistent top nav across all sites — users thấy cùng menu everywhere
  • Hub search — search across tất cả associated sites
  • Hub news — aggregate news từ mọi sites trong hub

Mega Menu

Mega menu cho phép tạo navigation đa cấp, phù hợp cho intranet lớn với nhiều phòng ban.

Enable mega menu: Site settings → Navigation → Enable Mega menu

Best practices cho Mega Menu:

  • Tối đa 3 levels deep
  • Tối đa 7 items per level
  • Dùng labels mô tả rõ ràng
  • Group theo department hoặc function
  • Trên mobile: mega menu tự động chuyển thành hamburger menu

📌 Cần hỗ trợ thiết kế SharePoint Communication Sites cho doanh nghiệp? PUPAM tư vấn kiến trúc intranet, Hub Sites, branding và migration — triển khai nhanh, chuẩn Microsoft 365 best practices. Liên hệ →


Multilingual Sites

SharePoint communication sites hỗ trợ đa ngôn ngữ — quan trọng cho doanh nghiệp có nhân viên quốc tế hoặc văn phòng tại nhiều quốc gia.

Cách Enable Multilingual

  1. Vào Site settingsLanguage settings
  2. Thêm ngôn ngữ: Vietnamese, English, Japanese, v.v.
  3. Save

Translation Workflow

  1. Tạo page bằng ngôn ngữ mặc định (Vietnamese)
  2. Click TranslationCreate translation pages
  3. Translators chỉnh sửa từng phiên bản ngôn ngữ
  4. Publish tất cả phiên bản
  5. Users tự động thấy page theo ngôn ngữ ưa thích

Auto-detection Ngôn Ngữ

  • Dựa trên browser language preference của user
  • Hoặc M365 profile language setting
  • Manual switch: language picker trên page

Lưu Ý Cho Admin

  • Pages lưu dạng separate files (không phải real-time translate)
  • Cần dedicated translators cho mỗi ngôn ngữ
  • Navigation phải translated riêng cho từng ngôn ngữ
  • Metadata (columns, content types) không tự động translate

Permissions & Governance

LevelAccessAi?
Site OwnerFull control, settings, permissionsIT Admin, Site Manager
Site MemberEdit pages, add contentContent Editors, HR, Marketing
Site VisitorRead onlyToàn bộ nhân viên
ExternalRead (nếu sharing enabled)Partners, vendors

Permission Groups Setup

  • Owners: 2–3 admins (IT + Department head) — quản lý settings và permissions
  • Members: 3–5 content editors — tạo và chỉnh sửa pages
  • Visitors: "Everyone except external users" — chỉ đọc

Page Approval Workflow

  1. Vào Site Pages libraryAutomateConfigure page approval
  2. Chọn Approver (thường là Site Owner)
  3. Khi editor tạo/sửa page → submit for approval → Owner review → publish

External Sharing

  • SharePoint admin centerActive sites → chọn site → Sharing
  • Options: Anyone, New/Existing guests, Existing guests, Only org
  • Communication sites: thường chọn "Only in your organization"
  • Ngoại lệ: partner portal → "Existing guests" + Entra B2B

Conditional Access

  • Microsoft Entra IDConditional access policies
  • Block access từ unmanaged devices
  • Require MFA cho external guests
  • Location-based restrictions

Checklist Trước Khi Triển Khai

  • Xác định audience và purpose (intranet, portal, news hub)
  • Chọn template phù hợp (Topic, Showcase, Blank)
  • Thiết kế site navigation — Hub Site nếu multi-department
  • Upload company logo và apply custom theme colors
  • Cấu hình Hero web part (3–5 tiles, hình 16:9) và News web part
  • Configure permissions (Owners, Members, Visitors) và page approval
  • Setup multilingual nếu cần (VN + EN) và test mobile responsive
  • Enable site usage analytics và train content editors

FAQ — Câu Hỏi Thường Gặp

Communication Site có giới hạn số pages không?

Không có giới hạn chính thức — nhưng best practice là dưới 2,000 pages/site. SharePoint Online cho phép tạo không giới hạn pages trên communication site. Tuy nhiên, trên 2,000 pages thì navigation trở nên phức tạp, users sẽ dựa vào search thay vì browsing. Site Pages library có limit 30 million items. Admin monitor storage qua SharePoint admin center → Active sites → Storage used — mỗi site default 25 TB. Nếu content quá lớn → tách thành Hub Site + multiple sub-sites.

Làm sao tracking ai xem page nào?

Site usage analytics là tính năng built-in của SharePoint. Vào Site settings → Site usage để xem unique visitors, page views, popular pages, traffic sources. Chi tiết hơn: dùng Microsoft Purview audit logs → SharePoint activities → FileAccessed, PageViewed. Bạn cũng có thể connect audit logs vào Power BI để tạo custom analytics dashboard. Page-level: click icon ⓘ trên page → xem views count. Admin enable audit logging globally qua Microsoft 365 admin center → Compliance → Audit.

External users (partners, vendors) truy cập Communication Site được không?

Được — nếu admin enable external sharing. Vào SharePoint admin center → Active sites → chọn site → Sharing → "New and existing guests" hoặc "Existing guests only". Guest users đăng nhập qua Microsoft Entra ID B2B (email invitation → verify → access). Admin có thể require MFA cho guests qua Conditional access, block download từ unmanaged devices, và set expiration date cho guest access. Best practice: tạo riêng "Partner Portal" communication site với limited content — không share internal HR/Finance sites.

Communication Site có mobile app không?

Có — SharePoint mobile app cho cả iOS và Android. App hiển thị sites, pages, news, documents với mobile-optimized layout. Users follow site để nhận push notifications khi có tin mới. Communication site pages tự động responsive trên mobile browsers. Admin deploy SharePoint app qua Microsoft Intune — managed app, require PIN/biometric. Ngoài ra, users truy cập qua Teams mobile → SharePoint tab hoặc Viva Connections mobile cho company-branded experience.

So sánh Communication Site với Viva Connections?

Viva Connections là layer bổ sung trên SharePoint intranet, không phải thay thế. Communication Site là full website với pages, news, documents. Viva Connections là curated experience trong Teams — Dashboard (cards), Feed (aggregated news), Resources (quick links). Viva Connections lấy content TỪ SharePoint communication site (home site). Bạn cần cả hai: SharePoint site để tạo content, Viva Connections để deliver content trong Teams. License: Viva Connections included trong Microsoft 365 E3/E5.

Tốn bao lâu để triển khai Communication Site cho doanh nghiệp?

Một communication site cơ bản có thể triển khai trong 1–2 ngày, hệ thống Hub Sites đa phòng ban cần 2–4 tuần. Thời gian phụ thuộc vào độ phức tạp: single site với template có sẵn → nhanh nhất. Hub Site architecture với custom branding, mega menu, multilingual, và content migration → cần planning kỹ. Best practice: bắt đầu với 1 pilot department (ví dụ HR hoặc IT), thu thập feedback, rồi roll out cho toàn tổ chức. Đừng quên dành thời gian train content editors — đây thường là phần bị bỏ qua.


Nguồn Tham Khảo


Hành Động Ngay Hôm Nay

  1. Đánh giá nhu cầu intranet — Xác định audience, departments cần site riêng, và content types (news, policies, knowledge base). Dùng SharePoint Online Complete Guide để hiểu tổng quan platform.
  2. Tạo pilot Communication Site — Chọn 1 department (HR hoặc IT), apply Topic template, cấu hình Hero + News web parts, và test với 5–10 users. Tham khảo Microsoft official docs.
  3. Liên hệ PUPAM để triển khai toàn diện — Hub Site architecture, custom branding, content migration và training editors. Đặt lịch tư vấn →

Bài Liên Quan Nên Đọc


Kết Luận

SharePoint Online Communication Sites là nền tảng intranet mạnh nhất trong hệ sinh thái Microsoft 365 — từ template có sẵn đến custom branding, Hub Sites navigation và multilingual support. Với workflow page approval và permissions governance, bạn kiểm soát hoàn toàn chất lượng content trước khi publish cho toàn tổ chức.

Tiêu ChíChi Tiết
Phù hợp choDoanh nghiệp dùng Microsoft 365 cần intranet, news portal, HR/IT knowledge base
Lợi ích chínhTemplate sẵn, Hub Sites navigation, branding, permissions, multilingual, mobile-ready
Bước tiếp theoTạo pilot site với Topic template → test với 1 department → roll out toàn tổ chức

💡 Cần hỗ trợ thiết kế SharePoint Communication Sites? PUPAM tư vấn kiến trúc intranet, Hub Sites, branding, content migration và training — triển khai nhanh, chuẩn Microsoft 365 best practices. Liên hệ →

Was this article helpful?

Your feedback helps us improve our content.

Join the conversation

24 reactions

Share your thoughts, ask questions, or discuss this article with other readers.

Comments are coming soon. In the meantime, email us at hello@pupam.com with your thoughts.
P

PUPAM Tech Team

Passionate about email automation and helping teams work more efficiently. Follow me for more insights on productivity and modern communication tools.

Stay updated with our latest articles

Join thousands of readers who get our best content delivered directly to their inbox every week.

No spam. Unsubscribe anytime.

Ready to transform your email workflow?

Join thousands of teams already using Pupam to streamline their communications.

Get Started Free