Razor Pages - Generate link rel canonical

problem

This very website, A Dev Solved It, is an ASP.NET Razor Pages application.

For a given Post page, different URLs work, as long as the first part, with the post id, is the same.

For SEO purposes, I wanted though to set a canonical URL for each post.

I looked around a bit, but I didn't find a simple answer of how to generate a link rel canonical for Razor Pages, most existing results are for ASP.NET MVC.

solution

In my Post.cshtml, I added:

@{
    var scheme = HttpContext.Request.Scheme;
    var host = HttpContext.Request.Host.Value;

    var canonicalUrl = $"{scheme}://{host}/{Model.Post.Id}/{Model.Post.Slug}";
}

@section Head {
    <link rel="canonical" href="@canonicalUrl" />
}

, while having a Head section in my _Layout.cshtml:

<head>
    
    @await RenderSectionAsync("Head", required: false)
</head>
Gravatar
Author: Dan Dumitru
Last Edit: February 17, 2023
Last Edit February 17, 2023
Created February 11, 2023
Views 23
Tags
Razor Pages
ASP.NET

Join us!

Do you like this website?

Bookmark it and come back here to write a post yourself when you run into something shareable.

Early collaborators will get to own a part of the project (5 to 20%)... >> read more

Your Comment

Feel free to post additional info or improvement suggestions.
preview
Optional, never shown, displays gravatar.

Formatting Tips

This editor uses Markdown to easily add code in your posts.

Triple backticks for full line(s) of code (or indent 4 spaces)

```
let foo = 'bar';
```

[link text](http://a.com)

*italic* **bold**

More Tips