Step by step to create an Index on WordPress! – WAU
When it comes to web pages, it is common to see publications that have a vast content and, consequently, a very large scroll. This practice is often important and inevitable for certain strategies, however it is a factor that complicates the accessibility of the website. With this in mind, it is important to speed up access to certain elements of […]
When it comes to web pages, it is common to see publications that have a vast content and, consequently, a very large scroll.
This practice is often important and inevitable for certain strategies, however it is a factor that complicates the accessibility of the website.
With this in mind, it is important to speed up access to certain elements of your page.
The good news is that there is an element in HTML that allows you to create links to certain page positions.
The HTML bookmarks allow readers to jump to specific parts of a given website, making it easier for visitors to navigate.
These markings are nothing more than links (or anchors) that, when clicked, cause the user’s page to scroll to the point where the marker was applied.
In this post, we will list a tutorial for each of the best options for creating content tables so that you can apply this strategy today.
It gets even easier if your site is built on the WordPress platform. There is a plugin that automatically creates a list of links that lead to each subtitle on a page.
How to create an index manually
If your interest is very specific, such as making a list of subtitles in just one content on your website or blog, the manual index is a good option.
These are two very simple steps. First, you need to create the list of links (or anchors) with all the subtitles you want to list:
In this case, we define the element as id #ancancer_name. This id must be unique, preceded by a hashtag (#) and it is very important that you do not use spaces in it. Numbers, characters like the underline (_) and the dash (-) are allowed.
Then, it is necessary to insert the code that will mark the point on the page where the user will be redirected the moment they click on the index:
In this part, notice that the hashtag (#) is not present. The id we used earlier comes back without it.
Ready! Your index is already working. For each new subtitle to be inserted, repeat the process.
For example, if your text has three subtitles, its index will have the following composition:
Throughout its content, calls to each section will appear as follows:
You can combine these links with H2 headings, for example. In this case, the code could look like this:
How to create an index using a Worpress plugin
Some sites like Wikipedia make use of index automation. When the H2, H3, H4, H5 and H6 subtitles are activated, for example, the wiki page system creates a table of contents.
Table of contents or index
Thinking about this same logic, the WordPress plugin called Table of Contents Plus automatically creates an index on your site.
Just install and activate the plugin on your dashboard and your posts will show such an index.
In addition, through the plugin’s control panel it is possible to define on which pages the custom index will appear. Look:
Using the anchor for external linking
Index created, you can now share this “jump” on the page with people who are not yet on your site.
For example, in the article “Content Marketing – Everything you need to know to become an expert on the subject” we have the following URL:
On this page we have an index that has a Completion topic, which uses the id #conclusion.
To share it, just insert a slash (/) at the end of the URL, next to the hashtag (#) and the completion ID.
This would be the end result:
Any questions left? Leave your questions in our comments if necessary. And if you want to make your blog SEO-optimized, learn all about the best WordPress plugin for SEO, Yoast!