ASP.NET 2.0 動態設定頁面標題：結合 SiteMap 導航自動生成麵包屑標題

編輯：關於C語言

核心機制

ASP.NET 2.0 引入 <head runat="server">，使 <title> 成為伺服器端可控制的 HtmlHead 控制項。透過 Page.Title 或 Page.Header.Title 即可動態設定。

基本用法

// Page_Load 或任何事件中
protected void Page_Load(object sender, EventArgs e)
{
    // 方式 1：直接屬性 (推薦)
    Page.Title = $"目前時間：{DateTime.Now:yyyy-MM-dd HH:mm}";

    // 方式 2：透過 Header 控制項
    // Page.Header.Title = "另一種寫法";
}

進階：結合 SiteMap 自動生成階層標題

當使用 SiteMapPath, Menu, TreeView 等導航控制項時，SiteMap.CurrentNode 會自動對應目前頁面節點。遞迴向上蒐集祖先節點標題，組成「首頁 :: 產品 :: 手機 :: iPhone 15」格式。

C# 完整實作

using System;
using System.Web;
using System.Web.UI;

public partial class BasePage : Page
{
    private const string DefaultTitle = "歡迎光臨本站";
    private const string UnnamedTitle = "Untitled Page";

    protected override void OnLoad(EventArgs e)
    {
        base.OnLoad(e);
        SetDynamicTitle();
    }

    private void SetDynamicTitle()
    {
        // 若頁面已在 .aspx 靜態設定 Title，或為預設未命名，則自動覆蓋
        if (string.IsNullOrEmpty(Title) || Title == UnnamedTitle)
        {
            if (SiteMap.CurrentNode == null)
            {
                Title = DefaultTitle;
            }
            else
            {
                Title = BuildTitleFromSiteMap(SiteMap.CurrentNode);
            }
        }
    }

    /// 
    /// 迴圈向上建立階層標題 (效能優於遞迴)
    /// 
    private string BuildTitleFromSiteMap(SiteMapNode currentNode)
    {
        var parts = new System.Collections.Generic.List();
        var node = currentNode;

        while (node != null)
        {
            if (!string.IsNullOrEmpty(node.Title))
                parts.Insert(0, node.Title); // 插入頭部，保持根->葉順序
            node = node.ParentNode;
        }

        return string.Join(" :: ", parts);
    }

    /// 
    /// 遞迴版本 (教學參考)
    /// 
    private string BuildTitleRecursive(SiteMapNode node)
    {
        if (node.ParentNode == null) return node.Title ?? "";
        return BuildTitleRecursive(node.ParentNode) + " :: " + (node.Title ?? "");
    }
}

Web.config 啟用 SiteMap

Web.sitemap 範例

ASP.NET Core / MVC / Razor Pages 現代做法

// _Layout.cshtml
@ViewData["Title"] - 我的網站

// Controller
public IActionResult Detail(int id)
{
    var product = _service.Get(id);
    ViewData["Title"] = $"{product.Category} :: {product.Name}";
    return View(product);
}

// Razor Page (PageModel)
public void OnGet(int id)
{
    Product = _service.Get(id);
    ViewData["Title"] = $"{Product.Category} :: {Product.Name}";
}

SEO 與無障礙建議

<title> 為 **最重要的 SEO 標籤**，前 60 字元最關鍵，請置放核心關鍵字。
格式建議：頁面具體標題 | 網站名稱 或 層級1 :: 層級2 :: 頁面標題。
避免重複標題：每個 URL 應有唯一、描述性的 Title。
動態標題若包含使用者輸入，**必須 HtmlEncode** 防止 XSS：
Page.Title = HttpUtility.HtmlEncode(userInput) + " - 搜尋結果";