How To Add Table Of Content For Your Articles

Introduction:

How To Add Table Of Content For Your Articles This article is so long. I need more time to read everything. Oh man! This article is so long. Oh, they have a table of contents. I am interested in this part.

I’m going to check this out. Well, a table of content is important for any article, especially for articles with more than 2,000 words, because it gives your site visitors a clear and organized overview of your article, which they need to know I help they find it easier that’s what’s natural.

Page Experience improves the ranking element. Now, if you’ve still need to add a table of contents to your articles, it’s time to do so. We will show you how.

And if you’re just using a separate WordPress plugin for the table of contents, you can finish it now because Rank Math has that tool for you. And if you’re using a table of content blocks from plugins like UST or all-in-one SEO, we’ll show you.

How to add them to the list of rank math block. Come on. Hey, It’s Jack from Rank Math, a WordPress SEO plugin that aims to provide you with the fastest and most innovative SEO tools. And on this channel, we regularly share the latest and accurate SEO knowledge like clockwork.

How To Add The Table Of Content

Let’s add the listing to our articles, shall we? Okay, now, I wrote this article. It’s about 2,800 words long, and I intend to list between the image and the first H2 heading tag. So let’s get it in. You can find the table of contents blocks by typing forward slash or table.

(“/table”), and you should see the list blocked by rank math. Alternatively, you scroll down to “Add Blocks,” “Browse All,” and you’d like to see Rank Math Blocks here. How To Add Table Of Content For Your Articles

Click on the List List Block, and it will add the List List to your article. Easy and easy peasy. You see everything you add to the headline tags, for example, “How does an air fryer work?” “How does a deep fryer work?” “This classification will be organized and hanged.

Listing demo and straightening up

These are the H2 heading tags. It’s H3s, H4s, and H5. Now, what you’re currently seeing is the number style. If you don’t want the number of bullets because you probably already added numbers to your headings, you can click to select the list block.

Yes, and it would appear quick edit bar. Now you can select the built option, which will look like this. And if you don’t like it.
In orientation, you can straighten everything left. But I like this one.

You can make this block “width” or “full width,” which takes up the full screen. Both options will depend on the theme you use. You can align “left” so your table can share space with your contents. Same goes for “Straight right,” or you can do that center straight, whatever works for you.

Block List Settings

Now, you need to click it to adjust the block settings.. Make sure to select the “setting” button and the “block” tab. Title Rapper titles, paragraphs, or devo tag you want to give this title to the list of lists.

I’m gonna need the title of the list as one of the title tags. I’ll have this as a bold paragraph. This is a personal preference of mine. It is up to you to decide. And then, if you have a block of heading tags to hide, for example, you see this H5 headline.

Tag that is out of the ordinary. You can exclude all the H5 titles from the playlist, and they’ll disappear. Next, you can change the text color to fit your brand. If any of these preset colors are inappropriate, click it, and you can paste your brand color code. How To Add Table Of Content For Your Articles

Here, let’s check it out.

You do note this order will change the text color and block the pills. If you want to change the color of these links, click on the link settings, and you will be eligible to change the color. You can change the background.

Colorful as well. If you would like to have a table of contents on your blog, you can opt for the gradual option. You can choose from one of these presets. You can add gradual points to change the gradual.

If you don’t want that, you can eliminate the control point. But if you want it to be that way, we just need to click the control point that controls the color on the left. Let’s make a change.

It’s about that color code.

You can change the line height by clicking these three vertical points and line height for typography. You will see the arrangements here. When you adjust settings, you can see spaces between expanding or contracting lines.

You can change the size of any text to these pre-defined settings, small, medium, large, etc. And if you have a particular size, you can click on it and choose the size you are comfortable with.

For me, I would usually just use Pixels.

For recruiting, it’s all about controlling the blanks between your block’s borders and actual content. If you increase recruitment, original content will be pushed, and if it’s at zero, it means your content will.

Near the border of the block. As far as margin is concerned, it controls the spaces off the block. If you add a margin, the whole block gets squeezed. Therefore recruitment controls the blanks inside the block, and margin controls the blanks outside the block. So feel free to play with this.

Displaying and helping individual items

And finally, if you can’t get the design you want from the settings we have, or your theme is adding extra blanks around the table of contents title or under links, then here’s your best option That you should add your css class. This will be the target of CSS.

Have you noticed that when I hover over a listing item, you see these buttons here? These buttons will allow you to change the anchor link or hide an item. Let’s talk about it first. For example, if I do not want to reveal any of the H3 heading tags, for example, this comes on. How To Add Table Of Content For Your Articles

With H4s related, click “eye” for the item, and the entire section will be hidden from the listing list. And if you don’t want to, for example, just show this list in the list, click hide, and it will be hidden. So this is super helpful if you like to hide items individually.

Also, if you want to change the item text in case the title is too long, you can change the text without editing the title.

Adjusting the anchor links

Now, these links to the Table of Contents are jump links, in other words, anchor links. So even without that table of contents block.

What is the anchor link?

You can still create a table of contents using anchor links and enter blocks.. So to better explain this jumplink, I give you an example in case you need to know what it is.

Let’s add a block list to this block of text. You do note that each of these lists reflects titles. So I’ll go to the first H2 headline, and then I’ll expand the modern settings.. And this is HTML anchor.

Let’s just say I add G-V-D, which represents the short form.
“From the grills instead of deep roast,” you’ll make sure words or letters are connected to the dash and underscores or fill out the blanks. Let’s get a copy of this.

Go to the list, highlight the text, and click it to add the link. You may want to have a hashtag that includes text added to the HTML anchor and save it when updating this page. See the post. So when you click on it, it will take you to the section.

This table of contents acts like a block, which is a jump link. But if you do it, it takes a lot of time, and therefore the people on the list make things easier for you.

Editing auto generated anchor links

Let’s knock this off the list. We won’t edit the anchor if you customize the HTML anchor when you add to the list. But for those titles you didn’t comply with, we’ll automatically anchor it for you.

But if you don’t like the auto anchor links we’ve added for you, maybe if it’s too long, you can customize them by clicking on this edit link, and you can change them. Just make sure you change.
HTML anchor too. Otherwise, that assigned link won’t work.

So when we update it, update the page. When I click on that assigned link, it takes me to that section. What do you think of the list block? Do you like what you see?

If so, can you help us with a thumb up? And if you have any suggestions for improvement, leave them in the comments. Now let’s talk about how to repurpose the list list block list. Well, we love everything about the design of this Table of Contents Block. How To Add Table Of Content For Your Articles

And you want you to use it on all your other subjects too. You don’t want to redesign this block over and over again. So how should you repurpose this block? Ok, turn that block into a reusable block.

Click block, expand options, and create a reusable block. Give it a name, “List Default Table,” save it elsewhere. Next, go to another article where you want to add to the list. I want to add to the list. Here. Let’s get it in. Click “Add a Block,” “Browse All,” and more.

Here you will see the reusable tab. Click on it, and here is the usable block we just added.. Click on it, and the list list list block will reflect all the titles and subtitles related to this article.

On the top of this, although it is a reusable block

, whatever changes you make to this block will not affect other blocks that are using reusable blocks. If you change the color of the links to yellow, let’s save the changes.

If you visit other pages that use the same reusable blocks it won’t affect. So this is how you reuse the list block. Now let’s tour the global settings. Now, to change the default settings of the list block, go to the general settings for rank math, click on blocks, and change the preset title for the block.

I turned it up to read more. Let’s save the changes. So next time you add to the list. The title will reflect what you’ve added to the world settings, and then you can change the blocklist style to “number” or “unorganized,” which are tablets, and something you’ve already set. Can choose to omit the heading tags.

You can add and customize blocks the table of contents using rank math. But what if you used list block list included from other plugins like UST and all-in-one SEO?

If you migrate to rank math, is the list correct? Let’s talk about it now. Now, if you pass setup wizard migrating from All-in-One SEO or Youst to Rank Math for the first time, the information will be imported to the block included in the list of Rank Math, so you need to do extra work. Don’t, and the blocks will usually appear.

Now, if you have realized that the block of Table

of Contents from the other plug-in is not appearing properly after you migrated to Rank Math. This should be different, but if it does, all you need to do is go to rank math status and tools.

Select “database tools,” and you will see the USTblock converter. If you use All-In-One SEO, you’ll watch this instead. Rank will detect math and perform accordingly.

Click on this convert block, and the blocks will automatically be converted to Rank Maths Table of Content Blocks. So here we go hope. Added a new tool to my SEO toolbox and reduced the content plug-in single use table. Please let us know in the

comments if you have any questions, suggestions, or opinions about our Table of Contents block. And if it is a bit technical, feel free to contact our friendly support team..

We are always here to help. If you find this video helpful, smash that thumbs up button, and subscribe us for the most accurate and latest SEO knowledge. It’s rank math Jack. Good luck, and I’ll see you in the next video..