She Knows SEO contains affiliate links and is a member of the Amazon Services LLC Associates Program. If you make a purchase using one of these Amazon links, we may receive compensation at no extra cost to you. See our Disclosure Policy for more information.
How to Create Jump Links in WordPress in 2 Steps 🤯
Organizing blog posts can suck. We need to make them user friendly, but we also want to include a lot of helpful information.
That usually means really long posts that are hard for users to navigate and lots of “as I said above”.
We want our content to be easy for our users to read so they can make the most of it, and actually read all our hard work.
One of the easy ways to organize your blog is to add jump links. Think of them like internal links within the same post.
If you’re already using a table of contents in your posts, you’re using a form of jump link.
But we don’t only want them in a table of contents. I’m going to show you how to customize them – like I did in my SEO Dictionary post – so you can put them anywhere in your blog. It only takes 2 steps!
You’ll even be able to use this to code your own table of contents if you prefer.
What Are Jump Links
Jump links are a term for links that “jump” to another point on the page.
The easiest way to explain them is a table of contents (ToC). If you clicked on the header “What Are Jump Links” in the ToC for this post, you’d get to this section of the post immediately, because the link jumps ahead.
If you’ve ever looked at the URLs for these links, you’ll notice they have a # in them before the text of the link. For example, the ToC link for this header section looks like this: https://sheknowsseo.co/how-to-create-jump-links-in-wordpress#What_Are_Jump_Links
These are helpful for users to get right to the content they want. But it’s not limited to a ToC.
You can use jump links anywhere on a blog!
It’s a great way to help people on phones not have to scroll back and forth to find the info you’re referencing, or to direct internal links to exactly the relevant piece of information for the person.
You’d much rather I linked directly to the section about Booking.com if I was telling you about it being a great affiliate, rather than linking to the overall article on the best travel blog affiliates, right?
Then you have to do the hard work of scrolling.
Make your audience’s lives easier by doing the work for them!
How to Create a Jump Link on Your Website
Step 1: Add an ID
In WordPress, go to the specific block you want to edit. Click on it and then select the 3 dots. From the drop down, select “Edit as HTML”. This will let you see the HTML of the block.
You are going to add the following ID to the text you want to be the final location for the link: id=”IDNAMEHERE“
For multiple words, it needs to be “ID_Name_Here” instead.
You add this right before the > in the code.
This tags the text with the specific ID. It doesn’t make it look like a link.
For example, to do it to the header above it’d look like this:
<h3 class=”wp-block-heading” id=”Step1″>Step 1: Add an ID</h3>
Step 2: Add the Link
Now you need to add the link to the text you want as the anchor. It works the same as adding a hyperlink.
To do this, you can just highlight the text in the WordPress block editor and hit Command + K (Ctrl + K) or the link icon. Then add just the ID with a #.
The example in Step 1 would be #Step1. This will automatically create a jump link within the same post.
This will automatically take the user to Step 1 in this post, putting that header at the top of the screen.
Easy peasy!
Bonus: Linking to Other Blog Posts
If you want to do this on from one blog post to another, you’ll need to add the URL of the post ahead of the #.
It would look like this for our example:
https://sheknowsseo.co/how-to-create-jump-links-in-wordpress#Step1
You don’t need to use unique IDs unless they’re within the same post. So I could use #Step1 for other posts, because it has the URL of the post ahead of it. That gives it a unique address.
I think of it like Main Street vs. Main Drive vs. Main Ave. The “Main” bit is the ID. The suffix for the street is the different URL of the post itself.
Note: Your user can see the text in the URL in their address bar, so keep it PG! But you don’t need to keep it exactly the same as the text itself. Keep it shorter to make it easier for you to add these links.
Prefer to Watch the Tutorial? Watch it On Youtube Here:
When to Use Jump Links
- In a Table of Contents or other navigation
- When you refer back or ahead to a section/graphic in the same post
- When you refer to a specific section of another blog post on your site
Conclusion
Now you have no excuse for cluttered posts that are impossible for your users to navigate!
Go make sure your posts are easy to follow and have these helpful faux-internal links in them to make it easier for your users to get right to the content they want.
They’ll impress your audience – and some of your blogging friends who will think you’re an expert coder.
While you’re learning about being helpful with your links, check out my guide to linking between categories on a blog. This will make your internal links even better for your audience.
Read More WordPress Blogging Tips
- 7 Worst WordPress Plugins You Should Delete Immediately
- Is a WordPress Blog Free?
- Essential WordPress SEO Plugins for Bloggers
- Blog Accessibility Checklist
- 60+ Best Blog Tools and Resources
- How to Add a Hyperlink in WordPress (Block and Code Editors)
- Lyrical Host Review: The #1 Host for Bloggers
- How to Create Jump Links in WordPress in 2 Steps
- How to Change a WordPress Theme: Step by Step Tutorial
- How to Export A List of All Blog Posts from WordPress Without a Plugin
- WebPageTest.org Tutorial: How to Find and Fix Site Speed Issues for Free
- How to Make an Author Box with Kadence for Better EEAT
- How to Use the Rank Math SEO Plugin: Step By Step Tutorial
- How to Change a Blog Post URL in WordPress Without Breaking Your Site
- When to Mark a Link “No Follow” for SEO
- When to Mark a Link as “Sponsored” for SEO