I will be the first to admit it, I stumbled upon this little trick by accident while trying to be more organized and thought I would share it with you. It is how to add “Jump to” menus in SERPs.
You are probably thinking, what the heck are jump to menus?
I didn’t know they existed before this either, but it is actually a pretty cool feature which allows your visitors to instantly jump to a section in your text from Google search.
Jump To Menu Example
I don’t have an example yet on my blog because I haven’t had a chance to rewrite them all yet to this new format. So I will be using an example of a blog post I wrote on KeyCDN, “Speed Up WordPress.”
This post is indexed and so I searched for “Reduce Number of WordPress Plugins” (And yes I am in Incognito mode). As you can see, my SERP listing actually has a clickable link showing “Jump to” next to it. When you click it, it takes you directly to the H2 header “Reduce Number of WordPress Plugins” in my long post. This saves the visitor time from scrolling and it helps you stand out a little bit in SERPS.
From what I can tell it simply is showing up because Google is crawling the anchor tags I added within my post. A lot of my posts are rather long and so I started adding indexes at the top of them with anchor tags so people could jump down to what they wanted faster. Anchor tags seem a little old school to me and I don’t see a lot of people using them anymore. Maybe now they will make a comeback! Follow the steps below to add jump to menus to your posts.
Option 1 – How to Add Jump To Menus with Plugin
You can easily add these jump to menus with a free WordPress plugin called Table of Contents Plus. Just install the plugin and add the following shortcode anywhere within your post.
After adding the shortcode it will display a box like this in your post. The awesome thing is that you don’t have to type any of this. You simply write your post like you normally would with H2 and H3 headers and it generates a box like this automatically for you.
Option 2 – How to Add Jump To Menus with Code
List + Anchor Tags
First add a list at the top of your post. Then use a link like you normally would, but instead of linking to a URL, link to a name. You can make up whatever. You can see my example below.
<ol> <li><a href="#theme">Use a Solid Framework/Theme</a></li> <li><a href="#caching">Utilize Caching</a></li> </ol>
Below is what my list looks like in the post.
Then under the section where you have your headers, make sure to add the rest of your anchor tag. Here is an example of my first one. The important part is the “a id.” Make sure your name matches the name you picked above in your list.
<h2><a id="theme"></a>1. Use a Solid Framework/Theme</h2>
You could alternatively add the id on the header tag itself, such as:
<h2 id="theme">1. Use a Solid Framework/Theme</h2>
And here is what it looks like. Because I use the link before the text it doesn’t change any styles or colors.
And that’s it! Let your post index and you will start seeing cool jump to menus show up in SERPs. The next time you crank out a super long post, take a few minutes and add an index at the top with anchor tags! I won’t be doing this for all my posts, just the longer ones.
If this little trick on how to add jump to menus in SERPs was helpful please let me know below! And don’t forget to share, you guys are the reason I blog.
Get More Stuff Like This
Marketing, WordPress, Blogging Tips, SEO and Reviews, twice a month.
Thank you for subscribing.
Something went wrong.