Creating search engine friendly URL's in ASP.NET MVC

Question

I would like to develop URL's which look like the following:

http://mysite.com/products/1/best-product-in-the-world

Where all i need to get to the proper record is the following route:

http://mysite.com/products/1

When I add the product description piece to the URL ("best-product-in-the-world") I get URL encoding issues. I've tried to use Server.UrlEncode when constructing this portion of my URL in an ActionLink(...):

<%= Html.ActionLink(item.Subject, "../Post/Detail", 
    new { id = item.ID, 
          descriptiveUrl = Server.UrlEncode(Product.ShortDescription) }, 
    new { rel = "canonical", 
          title = Product.ShortDescription, 
          @class = "product-hyperlink" })%>

But this renders regularly encoded elements for special characters and spaces, much like the following:

http://localhost:2392/Products/Detail/1/best+product+in+the+world253f

...which creates a 400, bad request exception. Not sure I've done the question justice, but can provide further clarification if need be.

Update: this post's URL is as follows, and i'm trying to do something very similar!

http://stackoverflow.com/questions/1148955/creating-search-engine-friendly-urls-in-asp-net-mvc

jn29098 · Accepted Answer · 2009-07-19 00:48:32Z

3

In a deeper Google search, I found the following link for generating slugs:

http://www.intrepidstudios.com/blog/2009/2/10/function-to-generate-a-url-friendly-string.aspx

Thanks @Rob and @Coding the Wheel for giving me the terminology I really needed to find this answer!

answered Jul 19, 2009 at 0:48

jn29098

1,3791 gold badge15 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rob · Accepted Answer · 2009-07-19 00:39:25Z

2

A simple option would be to add a property to your model object with an accessor that normalises the appropriate field (short description in this case) down to a suitable "slug"; that is, the bit of junk text after the identifier. You then use this when constructing the URI.

The normalisation process might be as simple as removing any non-alphanumeric characters and replacing spaces with hyphens.

answered Jul 19, 2009 at 0:39

Rob

48.5k5 gold badges76 silver badges93 bronze badges

1 Comment

jn29098 Over a year ago

I think you are correct. Here's another post which is asking the same question (stackoverflow.com/questions/217960/…). I guess I want to make sure that I'm generating a URL-safe "slug".

user2189331 · Accepted Answer · 2009-07-19 00:41:07Z

1

The standard practice here is to store a 'slug' with each post that will function as the post's outward-facing URL. For example, your slug for the above post would be:

best-product-in-the-world

A decent CMS will do this for you automatically, and allow you to tweak the slug before saving.

answered Jul 19, 2009 at 0:41

user2189331

1 Comment

jn29098 Over a year ago

So I'm not using a CMS. Are you familiar with any libraries or snippets which handle all possible character variations and issues to generate the initial slug value?

Collectives™ on Stack Overflow

Creating search engine friendly URL's in ASP.NET MVC

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related