求助：ASP.NET Core Razor Page实现SEO友好URL配置

我来帮你搞定ASP.NET Core Razor Page的SEO友好URL实现，两种你想要的方案都给你详细拆解：

这种方案的好处是既保留了ID作为可靠的查询标识，又通过PostName提升了SEO效果，还能避免同名文章的路由冲突。

1. 完善Razor Page的路由约束 #

你已经写了@page "{id}/{postName}"，建议加上路由约束来规范参数格式，同时提升安全性：

@page "{id:int}/{postName:slug}"

• :int 确保id必须是整数，过滤无效请求
• :slug 限制postName只能包含字母、数字、连字符和下划线，符合SEO友好的URL规范

2. 校验URL中的PostName是否匹配真实文章的Slug #

为了避免用户手动篡改URL里的postName仍能访问（比如把/Post/1/asp-net-seo改成/Post/1/random-text），我们需要校验并做301重定向（对SEO友好的永久重定向）：

@page "{id:int}/{postName:slug}"
@using KianHyd.Web.Models.Services
@inject PostServices _PostServices
@{ 
    var id = int.Parse((string)RouteData.Values["id"]);
    var post = await _PostServices.GetPostById(id);
    
    // 假设你的Post模型里有一个存储SEO友好名称的Slug字段
    var correctSlug = post.Slug;
    if (!string.Equals(postName, correctSlug, StringComparison.OrdinalIgnoreCase))
    {
        // 重定向到正确的URL，传递301状态码告知搜索引擎更新索引
        Response.Redirect($"/Post/{id}/{correctSlug}", permanent: true);
        return;
    }

    ViewData["Title"] = post.Name;
}

3. 生成正确的文章链接 #

在其他页面生成文章跳转链接时，要同时传入id和postName参数：

<a asp-page="/Post" asp-route-id="@post.Id" asp-route-postName="@post.Slug">@post.Name</a>

4. 给Post模型添加Slug字段并自动生成 #

你需要在Post实体中添加一个Slug字段，用来存储预先生成的SEO友好名称（比如把文章标题转换成小写、空格替换为连字符、去除特殊字符）。可以在创建文章时自动生成：

// 工具方法：将标题转换为SEO友好的Slug
public static string GenerateSlug(string title)
{
    // 去除重音字符
    var normalizedTitle = title.Normalize(NormalizationForm.FormD);
    var sb = new StringBuilder();
    foreach (var c in normalizedTitle)
    {
        var category = CharUnicodeInfo.GetUnicodeCategory(c);
        if (category != UnicodeCategory.NonSpacingMark)
        {
            sb.Append(c);
        }
    }
    var slug = sb.ToString().Normalize(NormalizationForm.FormC);
    
    // 去除特殊字符、替换空格为连字符、合并多个连字符
    slug = Regex.Replace(slug, @"[^a-zA-Z0-9\s-]", "");
    slug = Regex.Replace(slug, @"\s+", "-").Trim();
    slug = Regex.Replace(slug, @"-+", "-");
    
    return slug.ToLowerInvariant();
}

// 创建文章时调用
var newPost = new Post
{
    Name = "ASP.NET Core SEO优化指南",
    Slug = GenerateSlug("ASP.NET Core SEO优化指南"),
    // 其他字段...
};
await _PostServices.AddPost(newPost);

如果想要更简洁的URL，这种方案更合适，但要确保每个文章的Slug是唯一的，避免路由冲突。

1. 修改Razor Page路由 #

直接把路由改成slug参数：

@page "{postName:slug}"

2. 通过Slug查询文章 #

不再用ID查询，而是直接通过Slug获取文章：

@page "{postName:slug}"
@using KianHyd.Web.Models.Services
@inject PostServices _PostServices
@{ 
    var postName = (string)RouteData.Values["postName"];
    var post = await _PostServices.GetPostBySlug(postName);
    
    if (post == null)
    {
        // 找不到文章返回404
        Response.StatusCode = 404;
        return;
    }

    ViewData["Title"] = post.Name;
}

3. 确保Slug的唯一性 #

在数据库层面给Slug字段添加唯一约束，避免重复。如果用EF Core，可以在模型配置中设置：

protected override void OnModelCreating(ModelBuilder modelBuilder)
{
    modelBuilder.Entity<Post>()
        .HasIndex(p => p.Slug)
        .IsUnique();
}

4. 生成链接的方式 #

生成链接时只需要传入postName参数：

<a asp-page="/Post" asp-route-postName="@post.Slug">@post.Name</a>

1. 旧URL重定向：如果之前的/Post/{PostId}还在被搜索引擎或用户访问，一定要做301重定向到新的SEO友好URL，避免丢失现有权重。可以通过自定义中间件实现：

   // 在Program.cs（.NET 6+）中添加，注意要注入PostServices
   app.Use(async (context, next) =>
   {
       var path = context.Request.Path.Value;
       if (Regex.IsMatch(path, @"^/Post/(\d+)$"))
       {
           var id = Regex.Match(path, @"^/Post/(\d+)$").Groups[1].Value;
           var post = context.RequestServices.GetRequiredService<PostServices>().GetPostById(int.Parse(id)).Result;
           if (post != null)
           {
               context.Response.Redirect($"/Post/{post.Id}/{post.Slug}", permanent: true);
               return;
           }
       }
       await next();
   });
   

2. 添加Canonical标签：在页面的<head>中添加canonical标签，告诉搜索引擎当前页面的权威URL，避免重复内容判定：

   <link rel="canonical" href="@Url.Page("/Post", new { id = post.Id, postName = post.Slug })" />
   

3. Slug稳定性：一旦文章的Slug生成后，尽量不要修改；如果必须修改，要设置301重定向从旧Slug到新Slug。

内容的提问来源于stack exchange，提问作者Hosein Homayouni