How to Link to a Specific Part of a Webpage & Share it

When you click a URL, the browser opens it in a new tab and takes you to the top of the web page. Right? But what if, you want to go to a specific part of a webpage.

This comes in handy when you are referring a specific answer in Q&A forum or when you want to quote text from a long article. This way your audience don’t have to waste time navigating the website.

Link to a Specific Part of a Webpage

#1 Use ID Tag

Say you are writing an article, where you are linking to a specific answer from StackOverflow. Unlike Reddit, there is no permalink in StackOverflow, so you’ll have to manually edit the HTML code.

Simply go to that answer you want to link to > Right-Click on the area near it > Inspect Element > look for the ID or Name attribute of the paragraph > and copy it to the clipboard. Inspect-Elements-in-chrome

find-out-ID-tag-from-souce-code

Next, take the URL of the web page and append the #ID at the end of it.

For instance, if the URL of the page is —
http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror

and its ID is — 29279234, then the jump URL will become –

http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror#29279234

#2 Use Citebite

The above method only works, if the webpage has an ID tag. But, most blogs on the internet (including this one) are written in WYSIWYG (what you see is what you get) editor and has all the body content in the form of a paragraph, with no use of ID or Name tag. Therefore, the above method is not applicable here.

So, to link to a specific part of a webpage which does not have any ID tag, use citebite. It’s an online tool, made especially for this purpose.

Simply, copy paste the text you want to quote along with its source URL. And in return you’ll get a special URL, which when clicked, will open the source webpage and automatically jump to your selection. If the quoted word is occurring in the article more than once, then it’ll jump to its first occurrence.

Link-to-a-Specific-Part-of-a-Webpage-with-citebite

The only downside here is, the final URL you get is from citebite, so you won’t be able to pass on link juice to the original source.

Bonus Tip

To link to a specific post on popular sites like Facebook, Twitter or even Stack Exchange etc, look for the post’s time-stamps. Once you find it, right-click it and copy its URL. Now, if you paste the URL in a new tab, you’ll only see that particular post. This works for most websites that use time stamps.

Link-to-a-Specific-Post-on-facebook-with-time-stamp

About Mrinal Saha

Mrinal is a tech geek who spends half of his day reading and writing about tech. While the nights are spent on shooting or editing YouTube videos. Feel free to geek out with him on-