Bookmarking - "X" Marks the Spot
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-...
Recent Comments
32
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
Hi Marion - and thanks for stopping by!
It's amazing what information is available here on site. The learning continues unabated ;)
Dennis
Thanks for this, bookmarked for future reference and when I have learned how to do some simple html work.
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
Have a tutorial about this, for people who want the more visible approach How to add an jump (anchor) link on same page
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
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: Link to part of a Page or Post
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
Caraid is a true expert in html coding, this is his job as I remember. It was a sad day when he left.
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
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.
See more comments
Thank you for providing that information. I have a place on my website that will certainly be improved when I use this.
Spectacular Quincy!
Glad to have hit the mark with a bit of my ramblings ;)
Dennis