A popular feature of web pages is the use of “named anchors” – which comprise a special type of url that takes a user to a specific section of a page, and an “anchor” that identifies that location. This requires adding a hash tag and the “name” to a url (#gohere) and placing a special link tag at the location.
Most often used for FAQ sections, this technique is also seen in a wiki’s in-page table of contents and in any kind of navigation that makes finding content on a page easier. One way to achieve this effect in an O365 site, is to add the anchor code using the script editor web part. But you have to know the code to use and it can leave you with a confusing array of web parts cluttering your page when you edit.
An easier way to do it without having to know any code, is to use the built in “Bookmarks” tool which is available in the ribbon’s link tools. All you have to do is add a “trigger” link the user will click, and a bookmark link located before the destination content. This will work in Small Business or Enterprise accounts and on public or private sites.
Open a page for editing
Insert your text and click the link tool under the insert tab
Select “address” and in the url box, simply add a hash tag and the name of your anchor. It can be anything but can only be used once per page: “#topic1” (Don’t include the quotes!)
Save the page
Destination “Anchor Link”/ Bookmark
Now you have a link on the page that points at a location, in this case: “/mypage.aspx#1”. The next step is to give that link a target on the page by adding a bookmark.
Highlight the title/heading of the content you want to link TO.
Click the link tool under the insert tab and select address
You have to make the text a link before you can add a bookmark, so enter a hash tag in the url box (which you’ll remove in the next step)
Click anywhere in the link that’s now on the page and open the “Link” tab.
Add the name you chose in the first step to the bookmark box (NAME ONLY – DON’T INCLUDE THE HASH TAG!).
Delete whatever is in the url box.
Save and publish the page.
Because SP Online is so poorly made, you may have to save the page and then go back in and delete the hash tag.
Repeat the whole process as many times as you need – making sure you save after each bookmark is added. And if you want to also add a “back to top” link below each content section, reverse the process. Put the trigger link after one section, copy and paste it after all the other sections and add the bookmark link to the top of the page.
Better Looking Links
Finally, if you want to add a little style to your links try using the “summary links web part” for your trigger links. It creates a neat, unordered list and offers a few styling and grouping options. You can also export it and use it as a template to add anchor links to other pages.