How To Add Automatic Table of Contents in Blogger (Updated)

Today in this article I'm going to teach you, How to Add Automatic Table of Contents in Blogger. I'll also be discussing about some of the benefits ..
Please wait 0 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated

If you ever have visited some professional website then you might have notice one thing i.e table of content. Every professional website contains table of contents which makes easier for user to navigate the content of the site. Table Of contents plays an important role to improve user engagement. 

There are mainly two types of table of contents used in blogger and WordPress.  The first one is manual table of contents and the second one is automatic table of contents. Manual table of contents is bit harder to implement on blogger especially if you are using smartphone. But, automatic table of contents are very much simple to implement and it saves our times as well. 

Today in this article I'm going to teach you, How to Add Automatic Table of Contents in Blogger. I'll also be discussing about some of the benefits of using table of contents in your blog post as well. If you want to know about them then keep reading this article till the very end.

Add Automatic Table of Contents in Blogger

How To Add Automatic Table of Contents in Blogger (Updated)


Automatic table of contents in blogger allow you to easily create a table of contents for your blog posts. This can help you to easily organize your content, and make it easier to find what you’re discussing. There are 2 different types of automatic table of content. The first one is inbuilt table of contents (available in only some blogger theme) of contents and second one is add-on table of content. Here I'll be teaching you to add add-on table of contents on blogger. Follow the given steps to add Automatic Table of Contents on Blogger. 

Step 1 : Login to your Blogger Dashboard.

Step 2 : Go to Theme and select Edit Html.

Step 3 : Now find  </head>  tag and paste the script given below just after the  </head>  tag.

How to Add Automatic Table of Contents in Blogger
<script async='async'> var head,newLine,el,title,link,ToC="<nav class='table-of-contents' role='navigation'><h4 onclick='toc()'>➡️Table of Contents</h4><ul style='display:none'>";$("article h2, article h3, article h4, article h5").attr("id",function(arr){return "point" + arr;});$("article h2, article h3, article h4, article h5").each(function(){el=$(this),title=el.text(),link="#"+el.attr("id"),ToC+=newLine="<li><a href='"+link+"'>"+title+"</a></li>"}),ToC+="</ul></nav>",$(".toc-pro").prepend(ToC);function toc() {$(".table-of-contents ul").toggle();}</script>

Step 4 : Search  ]]></b:skin>  and paste the Css code just before  ]]></b:skin> .

/* TOC */ .table-of-contents{flex:auto;width:fit-content;background:#eee;font-size:14px;padding:11px;margin:8px 0 30px 0} .table-of-contents li{margin:0 0 0.25em 0} .table-of-contents a{color:#2a5365} .table-of-contents h4{margin:0;cursor:pointer}

Step 5 : Open the blog post where you want to add TOC. Switch the post into Html View.

Step 6 : Paste the shortcuts code given below to the Place where you want TOC.

<div class='toc-pro'></div>

You have to add the shortcut code in every article or blog post where you want table of content.  Once you paste the code, an automatic table of content will be generated. You have add the code in Html View not in Compose View. If you add the code in Compose View then the code won't work.

Do table of contents help SEO ?

Do table of contents help SEO? This is a question that many people are asking, especially as the days of search engine optimization (SEO) become more and more important for businesses. 

The answer is, unfortunately, it depends on what you are looking to achieve with your SEO efforts. Are you trying to improve user engagement or trying to improve search engine optimization. 

If you are looking to improve your website's ranking in search engines, then using a table of contents will be the most effective way to do so. Table of contents provide a better user experience and can even give your content an SEO boost to increase reach on search engines.

However, if you are looking to improve the visibility of your website and improve the search engine visibility of your website, then a lack of a table of contents may be the better option for you to achieve your goal.

Do blogs have table of contents ?

Of course, blogs have table of contents.  You may have already seen table of contents in blogger website.  Especially blogger websites consists of two types of table of content. The first one is inbuilt table of content in which you just have to add shortcut code to activate automatic table of contents. The second type of table of is manual table of contents in which you have to add manually on each and every blog posts.

Inbuilt table of contents is available in some blogger themes only. Not every blogger theme includes automatic table of contents.  You can check whether your blogger theme includes automatic table of contents or not by visiting the customization site of your blogger theme.

Importance of table of contents

Table of contents are very much important for articles to rank. It doesn't matter whether you are using manual table of contents or automatic table of contents. Both types of table of contents are helpful for SEO optimization. Some of the main importance of using table of contents in your blog post are given below :-
  • It helps to increase User Experience 
  • It helps to rank your articles
  • It makes your site looks professional 
  • It helps user to find the needed content easily 
  • It helps to present organized contents
  • It helps to increase CTR from searches

Conclusion 

In order to keep your blog readers organized, you should include a table of contents in your posts. This will help readers know where they can find the information they are looking for in a given post.

Now it's your personal whether you want to add table of contents in your blog post or not. I also use table of contents in my blog post and I also suggest you to do the same because it will really be beneficial for you. 

I hope this article helped you while adding an automatic table of contents in your blog post. If you find this article helpful then let us know through your comments. It will make us feel great.  So that's all for today I'll meet you soon with some interesting topic that you might love.

About the Author

Greetings! I'm Pawan Bhattarai, a student and the mind behind Elite-notes. I might be boring, but my website isn't. Join me in exploring the world of knowledge!!

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
Site is Blocked
Sorry! This site is not available in your country.