Bookmarking - "X" Marks the Spot

25
1.6K followers
Updated

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

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training

Recent Comments

32

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

thanks, it looks useful!

Hi Dinh!

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

Dennis

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

Thank you, good stuff!
Ed

Great to hear it may be of use Ed.

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

Dennis

I will Dennis. Thank you!
Ed

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

I'm sure you're right Dennis but for the moment I struggle to understand WYSIWYG!

Good stuff. Thank you for sharing.

My pleasure Alma!

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

Dennis

cool beans!

Thanks Dennis!

ROCK ON!
E

Thanks for stopping by Eric - and for the beans :)

Dennis

My pleasure Dennis.

-eric

Have a tutorial about this, for people who want the more visible approach

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

Thanks Dennis:)

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

Greetings Ches!

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

Glad it helps!

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:

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

Login
Create Your Free Wealthy Affiliate Account Today!
icon
4-Steps to Success Class
icon
One Profit Ready Website
icon
Market Research & Analysis Tools
icon
Millionaire Mentorship
icon
Core “Business Start Up” Training