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
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