SEO and user friendly URLs for Rails with FriendlyID08 May 2017
Rails by default uses a numeric id as a parameter for its URL. Sometimes when building a website such as this blog, instead of emmanuelcorrales.com/blog/4 we want the url to be more SEO and user friendly like emmanuelcorrales.com/blog/seo-and-user-friendly-urls-for-rails-with-friendlyid. We can achieve this by using the FriendlyID gem. In this tutorial I'll show you how to use FriendlyID.
Create a new rails project by executing the command below.
Add this line to the Gemfile.
Install friendly_id by executing the commands below.
Run the command below to generate a migration that will create a table for the slugs.
Generate a scaffold for our post with attributes "title", "description" and "slug".
Modify your Post model to look like the code below.
On your PostController.rb instead of accessing the post object like the code below.
Access it using the friendly method like the code below.
The app is finished. Run the app.
Go to http://localhost:3000/posts You can now set your custom slug whenever you edit your post.
Automatically update the slug based on the title
Personally I want the slug to be automatically updated based on the title so whenever I edit the title, I don't have to manually edit the slug. The app already uses the title to generate the slug when creating a new post but updating it doesn't change the slug.
We need to omit the block of code from the partial form where the slug is edited because its sets the value of the slug. The slug must be nil for it to be regenerated.
The partial form with the omitted code should be similar to the code below.
Set the post's slug as nil before it is updated to generate the new slug on update.
Now whenever you edit the title of the post the slug will change.