How to Link to a Specific Part of a Page

Advertisement

Allowing people to effectively “jump” to certain part of a webpage can help businesses grow better. But doing it right is more important than doing it wrong. Here’s how to add jump links to your content, step-by-step.





Try This Link



1. Give the object or text you’d like to link to a name.





In a normal linking scenario, the thing you need to link to has a URL of its own. But in this scenario, the page you want to link to and the page the link is on is one and the same — so you’ve got to make up a name for the link’s destination.









I’d recommend using word or phrase that describes the link’s destination. If you use a phrase, there should be no spaces — use underscores instead.

Advertisement




Example





Let’s say we wanted to link to an example of a company using Facebook ads in a post. Here’s what I’d use as my object’s name:





Place 1





Now, onto the next step.





2. Take the name you’ve chosen and insert it into an opening HTML anchor link tag.





Translation: Replace the red section of the tag below with the name you chose in the previous step:





<a id=”Place 1″>





Example





<a id=”Place 1″>will go.





3. Place that complete opening <a> tag from above before the text or object you want to link to, and add a closing </a> tag after.





Doing this sets the location of link. This is what your code should look like now:





<a id=”Place 1″>The object you want to link to.</a>





Example





<a id=”Place 1″>This is the Facebook ad example I want to link to.</a>





4. Create the hyperlink that’ll take you to that text or object.





Now, go to the part of the post you’d like to have the hyperlink in. You’ll need to add a typical hyperlink HTML markup, but in the part where you’d typically include a URL, you’ll include the pound symbol (#) then the name of the object you’re linking to. Here’s what it looks like:





<a href=”#Place 1“>Click here to see the content below.</a>





Example





<a href=”#Place 1″>Click here to see an example .</a>

Advertisement




5. Voila! You’ve got a functioning hyperlink between two pieces of content on the same page.









Put the Link Wher Do you Want <a href="Place1">Click Here</a>

Put the Place Where Want to go <a id="Place1">

Advertisement