Putting related links under a blog post is a great way of saying to your readers “Hey, if you have enjoyed this, stay a little longer. I’ve got more interesting stuff like this to share with you!”
And here we are going to learn how we can use Google Related Links to add related links under wordpress.com blog posts.
What is Related Links
Related Links is a tool to help webmasters increase page views on their sites.
Given a page on your site, Related Links can choose the most related pages from your site and show them in a gadget. You can embed this gadget in your page to help your users reach other pages easily.
Related Links also suggests searches that users can run within your site to find even more related pages.
Try it! Use the demo to create sample related links for one of your web pages.
Setting up Related Links
Currently, only invited users can use Related Links.
- from the site.
Note that all invited users are supposed to be able to use Google Related Links. But that does not help us wordpress.com bloggers at all. The code they give you is javacript, which is a no-no at wordpress.com.
We will try out a workaround if you want to have it.
How to create Google Related Links bookmarklet
Yes, we will create a bookmarklet that will help us get our Google Related Links for our blog post.
If you have never created a bookmarklet before, there’s no need to panic. You have to perform a very simple set of operations to accomplish your feat.
Simply click the link below.
Copy the code when you see it.
How to copy the code
Click somewhere in the code.
Press ctrl+a on your keyboard to select the whole code.
Press ctrl+c on your keyboard to copy the whole code.
Now go to Online-HTML-Editor and click the html button.
Paste the code in the Source Editor window.
Click the binocular icon.
A Search & Replace dialogue box will open.
Copy and paste the following phrase in the Search field.
Open the home page of your blog in a new tab and copy the url of your blog from the address bar.
Go back to your online-html-editor tab and paste your blog url in the Replace field.
Click Replace all.
Your code has now changed!
If you did everything right you have just created the much needed Google Related Links bookmarklet for your blog!
Now copy it quickly!
How to save the bookmarklet
Open your text editor and paste the code in a new file. Save the file. Please save the file as .html
My text file for the Google Related Links bookmarklet is named like this:
Open the file Googke-related-links-bm in a new browser window.
A text link that says “Find Related Links” will appear.
Simply drag and drop it into your browsers Bookmark Toolbar.
How to use the Google Related Links bookmarklet to find related contents
After you publish a new post, view the post in your browser. Make sure your blog post url is in the address bar.
Now click the bookmarklet from your Bookmarks Toolbar. It says “Find Related Contents”
A Google Related Links Demo page will be loaded with links from your blog that Google thinks are related to that post.
:idea: View the Google Related Links Demo page of related contents for this blog post.
How to create an image map of your Related Links
I create and paste an image map of my related links and paste the image map under my blog post.
To create an image map, I use my trusty and handy Kwout Firefox add-on. I just choose the part that begins with the heading Google Related Links and ends with the last related link.
I then paste the image map code in my blog post using the HTML tab and click the “Update” button.
When I view my blog post again I see the desired Google Related Links for that blog post!
You can view an example of Google Related Links for this blog post below: