I’ve been reading a lot about how plugins increase your load time. And with Google constantly changing and making updates to their algorithm, this is important to understand as a blogger. Now, let’s also be real here: sometimes trying to understand the Google updates is like trying to read a foreign language. Unless you understand all of that tech talk? Well, it can be downright confusing.
So instead of trying to figure it out from Google, I look for other places that can explain it to me. Websites like Moz, Neil Patel, and SEMrush.
Much easier to understand and process. And in turn, I can apply that better.
With page load time, in particular on mobile, becoming increasingly more important; I want to reduce the amount of plugins that I have. Now, I try to make sure that all of my plugins have a function and purpose. I have 17 plugins installed with plans to reduce that to 16 by the end of the year. The one that I’m working on getting rid of right now is my related posts plugin.
It is a very useful, very visually lovely plugin. But it also affects my site speed. I do know some HTML code and know enough to create a related posts table without using a plugin.
For this tutorial, I selected a recent post: Why I Stopped Trying to Be Supermom because it has a lot of potential for interlinking.
How to Create a Related Posts Table
First, you’ll want to be in TEXT mode so you can see your code:
Next, pick a spot in your post that you want the related posts table to appear. At the bottom makes the most sense but you can experiment with the location.
The table code that I used is an older HTML format but WordPress will correct that. This example piece of code will render a table that displays 4 related posts along with their titles.
To begin adding to the table, select your first related post and find the image that you want to use:
It needs to go in between the brackets or it will break the code of your table.
After you find the image from that post, make sure that it’s in a smaller format. For related posts, I like to use the 125×125 thumbnail size.
Insert into post, and it will show up like this in your table code:
This next step is really optional! You can either link your thumbnail image or you can go into the next row of code. Once you’re there, put the title of the post in between the brackets and link the title to your related post:
I prefer to have it separate but again, it’s really up to you! Here’s how it looks in visual mode with the first related post:
Not too bad so far but let’s fill out the rest!
You can pick posts with a similar message, similar theme, or that are popular on your blog. I would recommend sticking with a similar message or theme for at least three of the posts and one popular one that also fits. The point, after all, is to create a related posts table.
So here’s how it looks in visual mode:
And here’s how it looks in the post:
Next time I want to try and center the text so it doesn’t look so squished. But that’s really all there is to it when it comes to creating a related posts table! You can get fancier with it if you’d like, but it really looks okay like this.
If you have any questions for me, don’t hesitate to ask in a comment! And if you found this post useful, feel free to pin it for later!
Latest posts by Kori (see all)
- Kitchen Design Tips That Prioritize The Senses - May 27, 2023