How to Show Related Posts in WordPress Without a Plugin?
Making your visitors go through each post increases the browsing time on your site and consequently, annoys the visitors.
One of the most powerful strategies to convert your visitors into sales leads is to have better user navigation, which increases user engagement on the site and reduces bounce rate. Bounce rate basically is the percentage of users of a website who “bounce” or navigate away from a website, instead of continuing browsing on the same website. Bounce rate has an immense effect on search engine rankings as well as on your Google Adsense earnings.
Benefits of adding related posts feature
You want your visitors to read more of your content and in order to do so, you need to make it easier for them to navigate from one post to another.
The best solution to keep bounce rate low and user engagement high is to offer easier navigation by adding related posts. This way you can hit three targets with one arrow – increased user engagement, increased Adsense earnings, and reduced bounce rate.
Related posts are a great way to encourage users to stay on your website. It is also an ideal way to bring your older posts to notice which have been pushed off the record and no longer get enough traffic.
How to show related posts?
There are two ways of showing related posts in your WordPress website – displaying it with a plugin and without a plugin.
Well, as a matter of fact, it is easier to use a plugin than adding few lines of code in some file. However, adding a number of plugins on your website may slow down the performance and speed of your website which is why it is always recommended to avoid using a plugin.
Today in this article, we are going to show you how to add related posts without a plugin. It’s easier, simpler and requires little technical knowledge.
You need to open your single.php files in WordPress editor and paste these lines of code where you want to display related posts on your website.
Single.php is a single post page where you can display just one post.
This code uses similar tags to display related posts.
To display related post according to different categories, use this code instead:
1 2 3 4 5 6
<h3>Related Posts</h3><ul> <li><a href="http://www.webdeveloperjuice.com/2017/04/06/sure-guide-improving-wp-site-accessibility/" rel="bookmark" title="Permanent Link to Sure Guide for Improving Your WP Site Accessibility">Sure Guide for Improving Your WP Site Accessibility</a></li> <li><a href="http://www.webdeveloperjuice.com/2016/08/10/advantage-of-choosing-wordpress-for-e-commerce-websites/" rel="bookmark" title="Permanent Link to 7 Advantages Of Choosing WordPress For E-Commerce Websites">7 Advantages Of Choosing WordPress For E-Commerce Websites</a></li> <li><a href="http://www.webdeveloperjuice.com/2016/08/06/top-6-beautiful-food-oriented-wordpress-themes/" rel="bookmark" title="Permanent Link to Top 6 Beautiful Food Oriented WordPress Themes">Top 6 Beautiful Food Oriented WordPress Themes</a></li> <li><a href="http://www.webdeveloperjuice.com/2015/12/26/how-to-show-related-posts-in-wordpress-without-a-plugin/" rel="bookmark" title="Permanent Link to How to Show Related Posts in WordPress Without a Plugin?">How to Show Related Posts in WordPress Without a Plugin?</a></li> <li><a href="http://www.webdeveloperjuice.com/2015/11/04/a-look-at-the-evolution-of-wordpress-and-what-future-holds-for-it/" rel="bookmark" title="Permanent Link to A Look at The Evolution Of WordPress and What Future Holds For It">A Look at The Evolution Of WordPress and What Future Holds For It</a></li> </ul>
Once added, check your website if it worked or not.
Emma is a web developer by profession and works for Wordsuccor Ltd., a WordPress Web Development Service provider with a global reach. She loves innovative approach to WordPress development services and has a strong inclination for a suite of creative endeavour.