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.

Come on?

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:

Anchor title

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:


Anchor title

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:

Introduction
Chapter 1
Conclusion

Throughout its content, calls to each section will appear as follows:


Introduction


Chapter 1


Conclusion

You can combine these links with H2 headings, for example. In this case, the code could look like this:


Introduction



Chapter 1



Conclusion

How to create an index using a Worpress plugin

index in wordpress

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.

index in wordpress

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:

index in wordpress

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:

https://rockcontent.com/blog/marketing-de-conteudo

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:

https://rockcontent.com/blog/marketing-de-conteudo/#conclusao


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!