How to create ‘jump to’ links for websites and blogs: The ‘skip ahead’ guide

In the internet’s age, we want answers, and we expect them immediately. It’s no surprise then that the average browser spends just 97 seconds reading a blog post.

If readers can’t find the information they need fast on your site, they’ll find another one where they can.

That’s why many blogs now use anchor code that allows readers to skip ahead to specific sections. If you’re a foodie like me, then you probably love the ‘skip to recipe’ feature that’s now a standard on cooking blogs.

Anchor text can also be useful on websites. Want to direct leads to a form at the bottom of the page? No problem. Want to create a sharable link that takes leads to a specific part of a page. Easy.

Follow the steps below to create your anchor point and the link or button that will take people there.

Step 1) Create your anchor

In edit mode, scroll to the part of the page you’d like to skip ahead to and add a ‘code’ block. Then edit the block to add the following code:

<p id=”Jumpahead”>

If you like, you can customize the code and replace “jumpahead” with your own title. I particularly recommend customizing your code if you plan to create a sharable link, as the title you enter here will be visible as an extension of the existing page address.

Step 2) Create a way for people to get there

To add a button that directs to your anchor point:

Add a button to your page and in the link dialogue box type #Jumpahead or #Your custom title. Save and test. Clicking the button should scroll your page to your anchor point. You can also use this same method when adding a link to text.

To create a sharable link that takes leads directly to your anchor point:

Simply take your page’s address, e.g. https://staceypottermarketing.com/copywriting and add your anchor title, along with #, as an extension. For example, https://staceypottermarketing.com/copywriting#Copyreview

 

And that’s it. Use anchor points to improve your website or blog’s usability and user experience for a lower bounce rate. Easy!

 
Next
Next

How to start a blog: Set-up, SEO, and topics that sell