New to DearBlogger? Welcome! You can find pretty much all the blogging advice here in video format on our YouTube Channel. Also FYI on DearBlogger.com we can now fix or create your blog for you. Thanks for stopping by!

All About PAGE JUMPS

Last updated on December 30, 2014 by | 24 Comments
Hi everyone! It’s me, Lorraine Reguly, your monthly contributor from Wording Well, here today to talk to you about page jumps. I know you will find this post useful, and I truly hope you take advantage of the benefits of the opportunity I give you at the end!

What are page jumps? What do they do? Why should bloggers use them, and when?

This post will answer all of these questions. I promise. Plus, I will make the whole concept of page jumps easy for you to understand, and teach you how to create them.

By the end of this article, I bet you will want to try experimenting with some page jumps of your own! You’ll be able to, too. 🙂

To help demonstrate how page jumps work, I have prepared a list of the contents of this article. Whichever link you click on will bring you to that particular section of the page!

Contents:

Behind the scenes: This marks the spot of a page jump!

Page Jumps – Definition

Page jumps are special links that you can create to move from one point to another within a blog post, an email newsletter, or a blogging guide. Sometimes they are called internal links.

[Back to Contents]

Behind the scenes: This marks the spot of a page jump!

Page Jumps – When to Use Them, + Why

Page jumps are most often used in long articles found on the internet and allow people to access information faster. Instead of scrolling down on the page, which can take many seconds or even minutes, a simple page jump link can be clicked, allowing for instant navigation. In today’s world, where this type of gratification is desired by busy people who don’t have time to waste, page jumps are a fantastic solution, and are welcomed by many!

Page jumps are also handy when you are posting lists. You can  allow someone to jump to a particular item on your list that interests them, rather than making that person scroll down and look at each item.

Page jumps are commonly used on Wikipedia, the internet’s encyclopedia. If you have ever looked something up on this site, you’ve probably noticed that, after each definition, there is a Table of Contents, and that every item listed in it is an internal link that takes you to another spot on that page. 

Page jumps can also be found in digital newsletters and other emails. Have you ever received an email that allowed you to jump to a particular section? I have! I’ve often wondered how to create them, too, and so I did some research on page jumps, and then put together this tutorial post to help demystify them for you and teach you how to use them.

[Back to Contents]

Behind the scenes: This marks the spot of a page jump!

Page Jumps – How to Create Them

Creating page jumps requires a teensy bit of coding knowledge. Rather, it requires that someone give you the code for you to copy and use, which I will do momentarily!

Remember when we first learned about coding and then expanded our knowledge in the second coding tutorial? Well, creating page jumps is much, much easier! (Take my word for it; if I, the self-proclaimed non-techie, can do this, trust me, so can you!)

What you need to know

There are three things you need to know:

  1. There are two parts to a page jump – the target and the link.
  2. You have to go into the text editor to insert both.
  3. What the special code is.

1. The target and the link

The target is the place where you want your reader to jump to, and must be given a special name.

The link is where you want your reader to click from, and its code must include the special name of the target. (You will understand how this works in a minute. Keep reading!)

2. The text editor

You have to switch from the Visual to the Text editor in order to insert the special pieces of code for both the target and the link. This is important because your page jumps won’t work otherwise!

this is a screenshot to show you how to switch between the visual and the text editor

3. The special code

The code for your target is

<a name=”NAME OF TARGET”></a>

The code for your link text is

<a href=”#NAME OF TARGET”>LINK TEXT GOES HERE</a>

These two pieces of code can be copied and pasted — and then customized to suit your needs — straight from this page. These are the vital codes you need in order to create page jumps.

NOTE: The capitalized letters must be replaced with the name you have chosen! 🙂

What to do to create the page jump

First of all, write your post!

Secondly, determine where you want your page jumps to occur. In this post, I created a list of contents to help me do this.

Thirdly, decide on a special name to give each of your targets. In this post, I simply decided to use the names: Contents, Part 1, Part 2, Part 3, Part 4, Part 5, Part 6, and Part 7. You can use any name you want! Of course, it’s a lot easier to keep track of what you are doing if you select names that are relevant to your list. 😉

Fourthly, you need to mark each target with the name you chose to use. You do this by using the target code and pasting it immediately before your target.

Finally, you need to insert the link code into the spot where you want the link to appear. This code must include (and match) the name of your target.

My Personal Tip: I do a lot of copying and pasting when I create page jumps. What I do is open a Word document and paste the code I need onto it. I then alter the two parts of the code to “fit” my blog post, using the names I have chosen. Then I go back and forth from my blog post to my document and copy and paste into the text editor in the appropriate parts, naming my targets and then adding the links using the text from my post. I copy and paste a lot; to me it’s easier, and I need to do this to keep things straight in my head! This practice helps me to focus on what I am doing. It might help you, too.

[Back to Contents]

Behind the scenes: This marks the spot of a page jump!

Page Jumps – Testing Them to See if They Work

Testing your page jumps to make sure they are working is easy. All you have to do is preview your post in a different window, and click on the links. If, for some reason, you are “sent” to the wrong spot, you will need to make corrections to the code.

[Back to Contents]

Behind the scenes: This marks the spot of a page jump!

Page Jumps – A Video Tutorial

Some people would rather watch a video than read, and so, to help you learn how to create page jumps by visually learning, I found this video on YouTube that will help you understand page jumps more clearly. You can watch it below or watch it on YouTube.

[Back to Contents]

Behind the scenes: This marks the spot of a page jump!

Page Jumps – Where I Have Used Them

I used many page jumps when I created my web hosting guide. Considering that I mentioned over a dozen different hosts coupled with the fact that it is 15550 words in length, you can understand why I wanted to include many page jumps in it!

I even created a list of contents that clearly shows the list of companies I contacted when doing my research for a web host. Of course, I made my decision to get my own website after I considered these many factors.

To give you an example of the target code that appears in my web hosting guide, take a look at the following two images and note where the (highlighted) code appears.

a screenshot of the web hosting contents from the guide

a screenshot of the code from the web hosting guide

Other Samples of Posts that Use Page Jumps

Posts that use page jumps effectively:

Link to Any Spot in a WordPress Post with Page Jumps (Bookmarks)

So You Want A Page Jump, Huh?

The above two posts may help you to understand page jumps more effectively. I’ve included them here because it took me a while to wrap my brain around this concept.

Some members of the Dear Blogger Community rose to the challenge and created the following posts that use page jumps:

*If you want your post to show up here, see the next section, where the challenge is put forth!

[Back to Contents]

Behind the scenes: This marks the spot of a page jump!

Page Jumps – A Challenge for You

Now that you understand how awesome page jumps are, I’d like for you to try creating some of your own.

Have you created a post that uses page jumps? Want your post listed above? If you do, read on!

To show you some support (because that what the Dear Blogger Community is all about!), I am extending a challenge to you (see below) that will allow you to:

  • demonstrate your new knowledge
  • get some link love from both Google and me
  • allow you to advertise or promote your website for free
  • prove that you are an engaged member of our community

The challenge I am extending to you is this: If you create a blog post that utilizes page jumps, I will add a link to your post in the above section, as promised, as long as your page jumps work!

All you have to do is leave me a comment with a link to your post. 🙂

So, tell me, are you going to rise to this challenge?

[Back to Contents]

Image courtesy of imagerymajestic,/ FreeDigitalPhotos.net

Share This Post

Related Posts

24 Responses to "All About PAGE JUMPS"

  3. Spike Jones · Edit

    Hello Lorraine, I use a super handy editor called UltraEdit which works especially well with editing webpage source code. For instance I created a 23 page website for a client in which I misspelled the name of the company (about 75 times!) and had to correct it. In UltraEdit, you open all the pages in the program, and can do a search and replace within ALL the open files! In less than 20 seconds, I had repaired all 23 pages for the spelling error! It works for any item in the document, whether an HTML tag or otherwise.

    It has saved my bacon many times, especially with updating copyright dates annually. That is until I found a handy Javascript to embed in the pages that does the date parsing automaigically!

    I realize this is an older blog post, but the tip included in my response is likely of great benefit to many out in the wider audience.

    Reply
    1. Lorraine Reguly · Edit

      The page jumps work, John, but it would be more helpful to your readers if you gave them the option of returning to the contents at the end of each section.

      To do this, you will need to create more page jumps in the same article.

      Please add these!!!

      Reply
  9. Kathleen Garber · Edit

    Thank you SO much for this. I used to do this back when I owned websites instead of blogs but couldn’t remember how to do it or what it was called to look it up. I have been wanting to do this with a FAQ page I have and finally I am able to get it the way I want. I used the information in this post before I even read all the way down to see the challenge but I’m happy to say I finished the challenge.

    My FAQ for a blogging marathon I run: http://www.biannualblogathonbash.com/the-blogathon/faq/

    They all seem to work for me!

    Reply

Post Comment