How to Link Within the Same Page

Most links take a user from one webpage to another. But what if you want to link within the same page?

For example, maybe you want the user to be able to click a link to get back to the top of the page, or jump from one section of a post to another.

This is called a jump link.

Like a regular link, there are 2 parts:

  1. The text that is linked.
  2. The landing spot (once the link is clicked).

For the text that is linked, use the following HTML:

<a href="#samplesection">Your link text</a>

For the landing spot, use the following HTML:

<a id="samplesection"></a>

30 thoughts on “How to Link Within the Same Page”

  1. I have used this trick before for word links, but now I’d like to do it with images (thumbnails at the top of the page that link to the pertinent text on the page), and using the same code gives me an error message. Is there a way to link an image to an anchor further down the page? Thanks!

  2. Thank you so much for this! By far the easiest directions I’ve found to do this! I use blogger though and whenever I go back to Compose from HTML the link changes! It works it I update it while still working in HTML but whenever I go back to writing in actual things (it’s a list page that needs updating frequently) the link changes in HTML and sends you into a blogger edit page. Help!?

  3. Hi Amy

    Thanks for guiding me on how I can link to something within the same post. Your video was really helpful and helped me to link within the same post.

    However, could you please guide on how linking within the same post could impact my SEO Strategy and how would Google read such links?

    Thanks in advance

    1. I’m not sure if there’s any major SEO impact for linking within a post. Of course linking to other pages on your site (i.e. internal linking) is great for getting people to stick around longer!

  4. Thank you so much 🙂 I Googled the instructions and yours was the clearest/easiest to follow!

  5. I don’t need this often, but when I do, it’s nice knowing how to do it. I have to come back here every time to copy the code, but I always know it will be here. Thanks, Amy!

  6. Amy I woke up in the middle of the night, thinking that I needed to figure out how to do this, and when I came to your site, I found *exactly* what I needed here! Thanks os much!

    1. Oh, funny! Always nice when something like that happens. I’m glad I was part of it. 🙂

  7. I can’t wait to try this! I’ve been wondering how people do that, but was way too lazy to research it. Thanks so much Amy!

  8. I wish I would have found your blog a LONG time ago. I’ve learned more (and had fun doing it) in the past two weeks than I have for the past 3 years of my…blogging experience. (I probably shouldn’t even call it blogging…it was more like stumbling in the dark…)

    I’ve just subscribed…and am so excited to learn more. I’ve taken in a lot of huge chunks because I have a lot of catching up to do…but I’m looking forward to learning in small pieces via e-mail. Thanks for culling the best for our benefit! You rock!

    1. Wow Natalie, thank you for your encouragement. I hope you’ll continue to find many helpful tips ’round these parts. 🙂

  9. Your timing is perfect! THANK YOU!!! I’ve been trying to figure out how to make a row of images on each page of my new website link down to the content that goes with that image. This tutorial made this so easy. You just saved me so much time and prevented another headache!

    1. Oh good! It’s always cool when something comes at the right time. 🙂 Glad you got it to work.

  10. Amy thanks for your video’s. I love to learn from you and I am going to utube to gather all of the helpful tips and tricks. I really did want to learn how to link the titles with the html tag. Cool. Jackie

Comments are closed.