Bookmarking - "X" Marks the Spot

Last Update: September 14, 2015

Have you ever wanted to send traffic to a specific spot in a lengthy web page? Not a problem, jump links were made for the task. What's even better, once a jump link is created, you can bookmark it for use at a later date!


Introducing the Jump Link...


Just insert a bit of link code in the editor's Text tab. When your visitor clicks that link, they'll be whisked to another spot on the same page. For example, the following will create a jump link to a location called "collar" elsewhere on the page. The anchor text for the link code shown below is "dog collar", and it links to a place on that same page named "collar".

<a href="#collar">dog collar</a>

Note that when you create the anchor name (the bit inside the double quotes, after the # sign), it's going to be part of a link. Translation: make sure it begins with a letter, which is followed only by letters, digits, hyphens, or underscores.

... and the Target for the Jump Link


Next, tell the browser where the target can be found. Insert this little bit of code where you want your visitor to land (also in the editor's Text tab).

<a name="collar"></a> 

When your site visitor clicks on the jump link shown in the upper code box, their browser will shift their viewpoint, putting the target location called off in the second code box at the top of the browser's window. You can make the link jump to a spot further down the page, or take your visitor back up toward the top of the page. Beauty!

Targeting a location on another page - exactly!


You can even have your visitor jump to a targeted location in a different page on your site - or even jump from another site altogether to the specified target on your site!

To do so, you need to use the entire URL for the jump link,, including your site URL, page name, and target name. Using the same example, the link for the jump would be

<a href="http://yourdomain.com/pagename#collar">dog collar</a>

When a visitor clicks on that link, they'll be whisked to the site, the page, and the target within that page - the exact location you've specified!

In both cases, the link would appear as "dog collar" underlined in blue, and the destination would be the specific location you defined as "collar" on the page.

Now go forth and direct traffic!

Dennis


EDIT: I'm late to the party!

It turns out that Loes published a training on jump links at https://my.wealthyaffiliate.com/training/how-to-ad... nearly a year ago, and HelenDoyle did a training on this subject just after my blog was published. It can be found at https://my.wealthyaffiliate.com/training/internal-...

Join the Discussion
Write something…
Recent messages
DreamN Premium
This is AWESOME! Thanks so much for the training, Dennis
Dennis
Reply
Prestones Premium
There is SO much training here at WA it can actually obstruct success. Persistently posting is key!

Dennis
Reply
Donnie58 Premium
Thanks, Dennis! I've visited sites that did this and was wondering how it was done!
Reply
Prestones Premium
Hi Donnie -

A little HTML magic is all it is - and we're all magician's apprentices!

Dennis
Reply
HelenpDoyle Premium
Hi Dennis just checking this out. Isn't it amazing- great minds think alike. One thing I have slightly differently (as I probably researched elsewhere to you). In your pointer the anchor text is #collar. The dog collar is the text people click on to point them to the anchor text. Good blog though. I have had so much trouble learning this potentially useful tool it's nice to know others are working on it too.
Reply
Prestones Premium
Hi Helen -

Too many places anchor can be used here! Anchor text, anchor link, ... As you noted, there are a lot of places to research the topic.

The anchor text is "dog collar" in my example above, while the anchor name for the jump link is "#collar".

Hopefully I've haven't confused everyone with the terminology, or had it confuse me ;)

Dennis
Reply
HelenpDoyle Premium
As long as it works does it matter!
Reply
Quincy17677 Premium
Thank you for providing that information. I have a place on my website that will certainly be improved when I use this.
Reply
Prestones Premium
Spectacular Quincy!

Glad to have hit the mark with a bit of my ramblings ;)

Dennis
Reply
Dinh Premium
thanks, it looks useful!
Reply
Prestones Premium
Hi Dinh!

I hope you'll find it useful in your blogging efforts. Best of luck with it!

Dennis
Reply
MarionBlack Premium
I knew about anchor links on the same page but I didn't realize they could be done from a different page or website. Thank you for enlightening me (and brightening my day). ;) ~Marion
Reply
Prestones Premium
Hi Marion - and thanks for stopping by!

It's amazing what information is available here on site. The learning continues unabated ;)

Dennis
Reply
mijareze Premium
Thank you, good stuff!
Ed
Reply
Prestones Premium
Great to hear it may be of use Ed.

Just file it away, to be retrieved when the need arises!

Dennis
Reply
mijareze Premium
I will Dennis. Thank you!
Ed
Reply
carcol Premium
Thanks for this, bookmarked for future reference and when I have learned how to do some simple html work.
Reply
Prestones Premium
Hi Carol & Colin!

You'll be surprised how much you pick up here simply by exposure to so much information. You may feel you don't know much, but you'd be surprised at how your knowledge grows from one day to the next :)

Dennis
Reply
carcol Premium
I'm sure you're right Dennis but for the moment I struggle to understand WYSIWYG!
Reply
2Al Premium
Good stuff. Thank you for sharing.
Reply
Prestones Premium
My pleasure Alma!

I hope it serves you well in days to come :)

Dennis
Reply
EKautz Premium
cool beans!

Thanks Dennis!

ROCK ON!
E
Reply
Prestones Premium
Thanks for stopping by Eric - and for the beans :)

Dennis
Reply
EKautz Premium
My pleasure Dennis.

-eric
Reply
Loes Premium
Have a tutorial about this, for people who want the more visible approach
Reply
Prestones Premium
Greetings Loes!

I missed it - You published your training on jump (anchor) links before my time here at WA began. Nicely done, and nicely illustrated!

Dennis
Reply
Loes Premium
Thanks Dennis:)
Reply
Chessie Premium
Dennis, you're a mine of useful information. I've been stressing over this and here you are with the answer. Thank you so much. Ches
Reply
Prestones Premium
Greetings Ches!

... a mine of useful information, and no end of conversational fun at parties ;)

Glad it helps!

Dennis
Reply
jvranjes Premium
Hi Dennis, just a small comment.This is called jumper anchor link and you can use it to link even different sites in the same manner. Our friend Caraid (who is not here any longer) did some text on this:
Reply
Prestones Premium
Hi Jovo!

That's interesting... the syntax Caraid used for jumping to an anchor on another page was of the form... /#sverige while the syntax I've used omits that leading /

Both work, so apparently HTML syntax isn't entirely fixed!

Dennis
Reply
jvranjes Premium
Caraid is a true expert in html coding, this is his job as I remember. It was a sad day when he left.
Reply
Prestones Premium
Hi Jovo -

I just read a bit about Dave (Caraid) and his recovery, leading to his last blog and departure from WA. He sounds like a wonderful guy! I'm glad he found his time here theraputic, and hope he has been enjoying the return to his business!

Dennis
Reply
jvranjes Premium
You are good in reading between lines Dennis. Dave is a great personality, you can always rely on what he says. And he chose a proper pen name; Caraid means friend in Welsh as he explained once. I personally miss him.
Reply
Top