• 首頁
  • 網路主題中心
  • Blazor
  • 安全性 & 匿名性
  • 工具
  • 測試與評測

Blazor 本地化

在 Blazor 中建立 SEO 友好的文化 URL

價格
5 €約 $182.65
最後更新 2026/1/29

使用 /en-us/page-name/ 路由進行直接存取。

目標是穩定的 URL 系統,而不僅是翻譯文字。

開始實作 檢查 SEO 訊號
路由模式 /en-us/guide/
  1. 01
    語言

    訪客閱讀的文字與使用者介面標籤。

  2. 02
    區域

    拼寫、貨幣、規則與範例的市場語境。

  3. 03
    路由

    使用者與爬蟲可直接開啟的公開路徑。

  4. 04
    內容

    可見頁面版本的元資料與架構必須描述的內容。

重要原因

文化 URL 幫助使用者與爬蟲選擇正確頁面

Cookie 可能會在請求後改變語言。

URL 可被分享、爬取、索引、快取及審核。

文化路由適用於公開文章、產品頁、文件與工具。

可爬取的語言頁面 明確的區域意圖 穩定的內部連結 可預測的備援機制
目錄
  • 01
    重要原因
  • 02
    核心概念
  • 03
    SEO 訊號
  • 04
    實作方式
  • 05
    翻譯過的 slug
  • 06
    導覽
  • 07
    常見錯誤
  • 08
    驗證
  • 09
    相關資源
  • 10
    文化 URL 問題

核心概念

分離語言、區域、路由與內容版本

在撰寫路由程式碼前,請先分清這些術語。

語言

使用語言呈現可讀文字。

英語、德語與法語是語言選項。

區域

使用區域表達在地意圖。

en-us 與 en-gb 可能需要不同拼寫、範例與優惠。

路由

使用路由以利發現。

像 /de-de/blazor/ 這樣的路由為所有人提供一個穩定地址。

內容版本

當意圖不同時,使用內容。

當法律說明、價格或範例不同時,撰寫獨立版本。

SEO 訊號

將文化路由與 Canonical URL 及 hreflang 規則連結

URL 只是其中一個訊號,相關的 Metadata 必須相符。

01

Canonical URL

將每個在地化頁面指向其專屬的首選 URL。

02

hreflang

使用 hreflang 連結每個真實的語言或區域版本。

03

x-default

對中立選擇器或全球回退使用 x-default。

04

BreadcrumbList

保持麵包屑的文化感知,使結構化資料與可見路由階層相符。

相關參考

Metadata 與 schema 必須傳達相同訊息

新增 metadata 和結構化資料時,請使用這些指南。

Blazor metadata 指南 閱讀 JSON-LD 指南

實作方式

將路由規則拆解成小部分

從一個服務、一個重新導向和一個路由模式開始。

Culture 服務合約

集中管理支援的文化與 URL 解析。

C#
public sealed class CultureRouteService
{
    private static readonly string[] SupportedCultures = ["en-us", "en-gb", "de-de"];

    public string ResolveCulture(string? routeCulture)
    {
        if (SupportedCultures.Contains(routeCulture, StringComparer.OrdinalIgnoreCase))
        {
            return routeCulture!.ToLowerInvariant();
        }

        return "en-us";
    }
}

Culture 重新導向端點

設定 cookie,然後返回 culture 路由。

C#
[Route("culture")]
public sealed class CultureController : Controller
{
    [HttpGet("set")]
    public IActionResult Set(string culture, string returnUrl)
    {
        Response.Cookies.Append(
            CookieRequestCultureProvider.DefaultCookieName,
            CookieRequestCultureProvider.MakeCookieValue(new RequestCulture(culture)));

        return LocalRedirect(returnUrl);
    }
}

程式設定

在映射控制器路由前註冊本地化。

C#
builder.Services.AddLocalization();
builder.Services.AddScoped<CultureRouteService>();

app.UseRequestLocalization(options =>
{
    options.SetDefaultCulture("en-us");
    options.AddSupportedCultures("en-us", "en-gb", "de-de");
    options.AddSupportedUICultures("en-us", "en-gb", "de-de");
});

app.MapControllers();

頁面路由

將 culture 段作為每個公開路由的一部分。

Razor
@page "/{Culture}/pricing/"

<a href="@BuildCultureLink(PageLinks.Blazor)">
    Blazor guides
</a>

路由現況

Blazor 可本地化內容,但無法本地化路由模板

文化段會變,slug 保持穩定。 翻譯 slug 需要自己的路由層。

Razor @page 路由使用字面模板。 本地化只翻譯頁面文字。 PageLinks 和 @page 字串仍由程式碼管理。

穩定的文化 URL /de-de/seo-friendly-culture-links-in-blazor/

只有文化會改變。

自訂翻譯 slug /de-de/seo-freundliche-culture-links-in-blazor/

翻譯過的 slug 需要 slug 表。 它們也需要重定向、canonical、網站地圖和 hreflang。

實務建議 BuildCultureLink(PageLinks.Blazor)

BuildCultureLink 會改變文化,不會改變 slug。

導覽

為每個支援文化的頁面呈現真實連結

使用帶有真實 href 值的錨點。

不要將語言路由藏在點擊事件處理器後面。

Razor
<NavLink href="@BuildCultureLink(PageLinks.WhatIsBlazor)">
    What is Blazor?
</NavLink>

<NavLink href="@BuildCultureSectionLink(PageLinks.BlazorSEOFriendlyCultureLinks, "faq")">
    Culture URL FAQ
</NavLink>
  • 使用集中管理的 PageLinks,而非手寫路徑。
  • 使用 BuildCultureLink 或 BuildCultureSectionLink 建立連結。
  • BuildCultureLink 會改變文化,不會改變 slug。
  • 在首次 HTML 回應時渲染錨點。
  • 保持導覽、canonical URL 與 hreflang 資料同步。

常見錯誤

大多數 culture URL 錯誤都是路由不匹配

路由範本通常不是困難的部分。

語言變更後,保持所有訊號一致。

重定向迴圈

不要無限重定向有效的文化設定。

文化設定正規化一次後,當路由已匹配時停止處理。

錯誤的預設值

不要在後期猜測預設文化設定。

對路由、元資料、網站地圖與回退邏輯使用單一預設文化設定。

重複的 slug

不要讓兩個頁面擁有相同的文化 slug。

集中管理的頁面連結讓意外路由衝突更容易檢視。

隱藏的連結

不要在僅客戶端狀態下隱藏語言路由。

爬蟲與使用者在 Blazor 互動前需要真實的 href 值。

驗證

發布前檢查每個 culture 路由

驗證呈現的 HTML,而不僅是 Razor 程式碼。

回顧 Blazor 基礎
  • 為每個支援的文化至少開放一個 URL。
  • 檢查渲染原始碼中的 canonical 與 hreflang 標籤。
  • 確認 FAQ 架構符合可見的問題與答案。
  • 爬取重定向以避免不支援文化的迴圈。
  • 檢查已翻譯的標題、描述、H1 文字和關鍵字。
Blazor 精選學習

用實務範例打造自信的 Blazor 應用

我的小提醒 我透過實務影片學習了 Blazor 基礎、架構選擇與可維護元件設計。

  • 逐步實作 Razor 元件、狀態與依賴注入。
  • 實用教學涵蓋主機架設、效能與部署流程。
  • 乾淨的 UI 技巧,讓 Blazor 程式碼易於維護。
探索 Blazor 課程

相關資源

當本地化影響 SEO 時,接著閱讀這些

使用這些指南了解 Blazor 基礎、metadata、schema 和 hubs。

推薦文章
Blazor 中心
瀏覽 Blazor 路由、託管、元資料與 SEO 指南。
閱讀文章
推薦文章
Blazor SEO 元資料元件
保持標題、Canonical URL、hreflang、Open Graph 與 JSON-LD 一致。
閱讀文章
推薦文章
什麼是 Blazor?
在選擇本地化架構前,先了解 Blazor 的渲染模式。
閱讀文章
推薦文章
JSON-LD 架構指南
選擇 Article、FAQPage 與 BreadcrumbList 架構,避免資料衝突。
閱讀文章

常見問題

文化 URL 是否比 Cookie 更適合 SEO?

是的。文化 URL 可建立可爬取且易於分享的頁面。

語言和地區有何不同?

語言控制文字內容,地區控制本地範例和優惠。

使用文化路由還需要 hreflang 嗎?

需要。文化路由讓 URL 清晰,hreflang 則用於連結它們。

本地化頁面的 canonical 應指向哪裡?

通常,canonical 指向相同的本地化頁面。

如何避免重定向迴圈?

對不支援的文化只重定向一次,然後停止。

GhostlyInc.com

無追蹤、分析或個資儲存。

獨立指南、工具與評測,助您實務網頁工作。

快速連結

關於我們 服務條款 GitHub YouTube

產品

工具 Gumroad Microsoft Store Microsoft Store 網頁

選擇語言

Made with by 版權所有 2022 - 2026 GhostlyInc.com