Introduction
This article is so long. How to Do Keyword Research for Free in 2023. I need more time to read everything. Goodbye. Oh, man! This article is so long. Oh, they have a table of contents. I’m interested in this part. I’ll check it out.
Well, a table of contents is important for any article, especially for articles longer than 2,000 words, because it provides your site visitors with a clear and organized overview of your article, which helps them find what they are looking for easily that inherently.
Improves page experience, a ranking factor. If you still need to add a table of contents to your articles, it’s time. We’ll show you how. And if you have been using a separate WordPress plugin just for the Table of contents, you can remove that now because Rank Math has that tool. And if you are using a table of contents block from plugins like Yoast or All-In-One SEO, we’ll show you.
How to transform them into Rank Math’s Table of Contents block. Let’s go. Hey, it’s Shahzad and Maham from Maheretv, the one WordPress SEO plugin that constantly strives to provide you with the fastest and the most cutting-edge SEO tools.
How to Add a Table of Contents
Let’s add a Table of Contents to our articles, shall we? All right, now, I’ve written this article. It is about 2,800 words long, and I intend to place a Table of Contents between the image and the first H2 heading tag. So let’s hit enter.
You can search for the Table of Contents block by either typing the forward slash or Table (“/table”), and you should see the Table of Contents blocked by Rank Math. Alternatively, you can click “Add block,” “Browse all,” scroll down, and you should see Rank Math’s blocks here.
Click on a Table of Contents block, and it will add a Table of Contents to your article. Simple and easy. You see whatever you have added in the heading tags, for example, “How does an air fryer work?”, “How does a deep fryer work?” will be organized and displayed in this hierarchy.
Displaying and Aligning the Table of Contents
These are the H2 heading tags. These are the H3s, H4s, and H5. Now, what you’re seeing currently is the numbered style; if you don’t want the bullets to be in numbers because maybe you have already added numbers to your headings, you can click to select a Table of Contents block, and this quick edit bar will appear. You can now select the bullet option, which will look like this. And if you don’t like it.
In the indentation, you can align everything to the left. But I like this. You can make this block “Wide width” or “Full width,” which takes up the entire screen. These two options will depend on the theme you use. You can “Align left” so your Table can share space with your content. The same goes for “Align right,” or you can align it center, whichever works for you.
Table of Contents Block Settings
Now, to adjust the block settings, you only need to click on it. Ensure that the “Settings” button and the “Block” tab are selected. The title wrapper is the headings, paragraph, or div tag you want to give to this title for the Table of Contents.
I need the Table of Contents title as one of the heading tags. I will have it as a Bold paragraph. This is my personal preference. It’s up to you to decide. And then, if there is a block of heading tags you wish to hide, for example, you see this H5 heading.
Tag that is out of the norm. You can exclude all the H5 heading tags from the Table of Contents, and they will disappear. Next, you can change the color of the text to fit your brand. If either of these preset colors is unsuitable, click on this, and you can paste the color code of your brand.
Here, let’s test this out. This setting will change the text’s color and the block’s bullets. If you want to change the color of these links, click on the link settings, and you’ll be able to change the color. You can change the background.
How to Do Keyword Research for Free in 2023
Color as well.
- You can select the gradient option to have a Table of Contents as we do on our blog.
- You can choose either one of these presets.
- You can add gradient points to alter the gradient; if you don’t want that, you can remove the control point.
But if you want to customize it to be like this, all we need to do is to click on this control point that controls the color on the left. Let’s change.
It is to this color code. On the other control point that controls the color on the right, I’ll change the color code to this, and then referring to our blog, the angle of the purple is from downwards up, so let’s adjust the angle to 60 degrees. Now it looks like what we have on our blog. We need to change the text color to white and the links to white. And there, that’s how you customize the design of your Table of Content.
You can change the line height by clicking on the typography’s three vertical dots and line height. You will see the settings here. As you adjust the settings, you can see the spaces between the lines expanding or contracting. You can change the size of a text to these predefined settings, small, medium, large, etc. And if there is a specific size you want, you can click on this and select the measurement you are comfortable with.
For me, I’ll usually use the pixels. Now, add the specific size. And then, you can adjust the spacing around the Table of Contents block by expanding the dimensions. You will see the padding and margin settings. For padding, it is to control the spaces between the border and the actual content of your block. If you increase the padding, the actual content will be pushed in, and if it is at zero, it means your content will be.
Near the border of the block. As for the margin, it controls the spaces outside of the block. If you add the margin, the entire block will be squeezed in. So the padding controls the spaces inside the block, and the margin controls the spaces outside the block. So feel free to play with this.
Displaying and Hiding Individual Items
And finally, if you can’t get the design you want from the settings we have here, or your theme is adding extra spaces around the Table of Contents title or under the links, then your best option is to add your CSS classes. The CSS target will be this. How to Do Keyword Research for Free in 2023. Did you notice that you see these buttons here as I hover over the Table of Contents item?
These buttons allow you to change the anchor link or hide the item. Let’s talk about this first. For example, if I don’t want to display one of the H3 heading tags, for example, this, that comes.
With the H4s relating to it, click on the “eye” for the item, and the entire section will be hidden from the Table of Contents. And if you don’t want, for example, just this to be displayed on the Table of Contents, click on Hide, and it will be hidden. So this is very helpful if you want to hide items individually. Also, if you want to change the item’s text in case the title is too long, you can change the text without amending the title.
Adjusting the Anchor Links
Now, these links from the Table of Contents are jump links, in other words, anchor links. So even without this Table of Contents block.
What is an Anchor Link?
You can still create a table of contents using anchor links and the listed block. So to better explain this jump link, let me show you an example in case you need to know what it is. Let’s add a list block for this block of text. You see, each of these lists reflects the headings. So I’ll go to the first H2 heading and then expand the advanced settings. This is the HTML anchor. Let’s say that I add G-V-D, which represents the short form.
How to Do Keyword Research for Free in 2023
Of “grills versus deep fryers,” you will ensure that the words or letters are linked with dashes and underscores or remove the spaces. Let’s copy this. Go to the list, highlight the text, and click on this to add a link. You want to put a hashtag followed by the text added to the HTML anchor and save it as you update this page. View Post.
So as you click on this, it will lead you to the section. It works just like the Table of Contents block, which is what Jump Link is. But if you do this, it takes a lot of time, and that’s why the Table of Contents block makes things convenient for you.
Editing the Auto-Generated Anchor Links
Let’s remove this list. We will not amend the anchor if you have customized the HTML anchor when you add the Table of Contents block. But for those headings you did not customize, we will automatically add an anchor for you. But if you don’t like the auto anchor links we have added for you, maybe if it is too long, you can customize them by clicking on this edit link, and you can change them. Just make sure that you change.
How to Do Keyword Research for Free in 2023
The HTML anchor as well; otherwise, that customized link will not work. So as we update this, refresh the page. As I click on this customized link, it will bring me to that section. What do you think of the Table of Contents block?
Do you like what you see? If yes, can you support us with a thumbs up? And if you have any suggestions for improvements, leave them in the comments. Now let’s talk about how to reuse the Table of Contents block. All right, we like everything about the design of this Table of Contents block.
ALSO, READ SOME INTERESTING ARTICLES:
- How to Do Local Keyword Research for Your Small Business
- How to Add a Table of Contents For Your Articles
- How to Do Local Keyword Research for Your Small Business
- 19 Best SEO Tools for 2023
- 7 Favorite SEO Strategies
- How Long Does It Take to Rank on Google?
- Update Older Articles To Improve Rankings & Traffic
- 6 Best Ways to Increase Traffic to Your Website
And you wish you use it on all your other articles as well. You don’t want to redesign this block over and over again. So how should you reuse this block? Well, turn this block into a reusable block. Click on the block, expand the options, and create a reusable block.
Give it a name, say “Default Table of Contents,” and save. Next, go to another article where you want to add the Table of Contents. I want to add the Table of Contents block. Here. Let’s hit enter. Click “add a block,” “browse all,” and over.
How to Do Keyword Research for Free in 2023
Here you’ll see the Reusable tab. Click on that, and here’s the Reusable block we have just added. How to Do Keyword Research for Free in 2023. Click on that, and the Table of Contents block will reflect all the topics and subtopics related to this article. On top of that, even though this is a reusable block, any changes you make to this block will not affect the other blocks that are using the reusable block. If you change the color of the links to yellow, let’s save the changes.
It will not be affected if you visit the other pages that use the same reusable block. So that’s how you can reuse the Table of Contents block. Now let’s visit the global settings. Now, to change the default settings of a Table of Contents block, go to Rank Math’s General Settings, click Blocks, and change the default title for the block. I changed it to read more. Let’s save the changes. So the next time you add a Table of Contents block.
The title will reflect what you’ve added on the global settings, and then you can change the list style of the block to “Numbered” or “Unordered,” which are the bullets, and you can choose to exclude certain heading tags by default. How to Do Keyword Research for Free in 2023. You can add and customize the Table of Contents block by Rank Math. But what if you have used a Table of Contents block from other plugins like Yoast and All-In-One SEO?
Is the Table of Contents okay if you migrate to Rank Math? Let’s talk about that now. Now, if you are migrating from All-In-One SEO or Yoast to Rank Math for the first time when you go through the Setup Wizard, the information will be imported to Rank Math’s Table of Contents Block, so you don’t have to do anything extra, and the blocks will display normally. Now, if you realize that the Table of Contents block from the other plugins is not displaying properly after you have migrated to Rank Math.
This should be different, but if it does, all you need to do is head over to Rank Math’s Status and Tools. Select the “Database tools,” and you will see the Yoast block converter. If you use All-In-One SEO, then you will see this instead. Rank Math will detect and display accordingly.
Click on this convert block, and the blocks will automatically be converted to Rank Math’s Table of Content blocks. We hope to have added one new tool to your SEO toolbox and reduced one single-use Table of the Content plugin.
If you find this blog helpful, smash that thumbs-up button, and subscribe to us for the most accurate and up-to-date SEO knowledge. This is Shahzad And Maham from Maheretv; stay awesome, and I’ll see you in the next blog.
Please let us know in the comments if you have any questions, suggestions, or feedback about our Table of Contents block. And if it’s anything technical, don’t hesitate to contact our friendly support team. We are always here to help.