TOC - Table of Contents

Check Out This Free WordPress Table of Contents Plugin

In this post we’ll take a deep dive into the free WordPress plugin – Table of Contents Plus. I don’t know about you but every now and then I get a little long winded when writing a blog post. Adding a Table of Contents (TOC) to longer posts can make your post easier to read (consume) and the section itself can help “breakup” our content so it’s not as overwhelming. The Table of Contents Plus WordPress plugin allows us to include a clickable post menu based on the number of headings (you determine which heading tags). Shorter posts can omit the TOC while longer posts with a lot of sections can include the table.

Our Attention Spans Are Shrinking

Bored - Short Attention SpanWhenever we write a post or article, we need to keep in mind that most people will simply “skim” the content. There’s no sense in getting upset about that; times are changing and it has become almost human nature. We want to see, hear, or watch things with the click of a button and move onto the next thing as fast as possible.

My laziness is really profound. I’m really interested in where it comes from – it almost feels chemical. And we’ve all got ADD now, short attention span and all that. ~ Hugh Grant

I recently had to stop at 2,000 words and break my post up into a series and another post went well over 2,500 words. That’s a lot of content for the average blogger to consume in one sitting – we’re asking a lot. There’s nothing wrong with that, in my opinion, sometimes it takes a lot of content to convey our message.

Creating Scannable (Skimmable) Content

With that in mind, it’s more important than ever to break up our content into very readable paragraphs with great subheadings. It also helps to use supporting content such as images, video, SlideShares and infographics, but that discussion is for another day.

You know you’re doing well when someone can skim down your content, reading the subheadings and get a good gist of your message. It’s our job to create enticing headline and subheading that will draw the reader in deeper for areas they’re interested in.

Speaking of long content, I’m doing it right now. I’ll get to the point soon, I promise.

Breaking Up Content

So now we have great content organized into easily readable chunks labeled with descriptive headings and subheadings.

Hot Tip Hot Tip: Never use the H1 tag more than once per page or post and that should be reserved for your post or page title.

 

So understanding that most people, or many people anyway, want to spend as little time as possible on your page; wouldn’t it be nice to include a clickable Table of Contents?

I started using a pretty cool WordPress plugin (free) that not only creates the Table of Contents but gives us some pretty cool options to customize it to our liking. Even better, the plugin will even create a Table of Contents automatically for past posts. (Ours is in the sidebar to your right but it can be embedded within the post content with the text wrapping around it as if it were an image)

Free WordPress Table of Contents Plugin

The plugin is called Table of Contents Plus.

The following section goes into a little detail for some of the options and features of Table of Contents Plus so if you’re not going to actually use this plugin for your blog, you can save some time by skipping the following section.

Skippable Section If You’re Not Considering A Table of Contents

Decide Which Posts Get A Table of Contents

I love this feature because if we have a short post such as one or two paragraphs describing a video or infographic, for example, there’s no need for a Table of Contents. Right?

No problem, Table of Contents Plus allows us to set a minimum number of headings before a Table of Contents is generated. By default the plugin is setup to generate it at four headings but something like six seems more appropriate. In other words, posts with fewer than six headings don’t need and won’t have a Table of Contents.

Another cool feature is we can easily prevent a Table of Contents from being generated, even if it has a ton of headings, by adding the exclusion short code of into our page or blog post content area.

What Is Considered A Heading?

You may be wondering what this WordPress plugin considers a heading, am I right? That’s another cool feature because you get to decide.

Each heading size you determine to apply will get a clickable link to that section. Simply click the “Advanced” section under the “Main Options” tab in the plugin dashboard. There you will see checkboxes for “heading 1 – H1” through “heading 6 – H6”. I decided to use H2 and H3 tags. That works perfectly for my writing style.

Positioning

You can determine where your Table of Contents will appear within your content by selecting (Under the “Main Options” tab); Before First Heading (Default), After First Heading, Top, or Bottom.

You can also customize individual posts by placing the short code where you want it on a particular post or page. You can also use the short code on particular pages or posts without the TOC being automatically being generated on all of your posts, if you so choose. This might be a good option when you only have a handful of posts where a Table of Contents makes sense.

You can also decide if your content should wrap around the Table or not and whether it should wrap to the left or right.

Other Features

We’ll be here all day if I go into detail with every feature so I’ll just list a few more I thought worth mentioning.

Table of Content Name – You decide the title of your table. You can even include your post/page title by using the code %PAGE_NAME% within the text area or the form (Where you put your table name in the “Main Options”). For example, you could enter Contents of %PAGE_NAME% and it will generate “Contents of” and then include that page or post’s title.

Table Size (Width) – You can determine how wide your Table of Contents will be either by pixels (PX) or percentage.

Font Size – You can adjust the font size using pt, %, or em.

Presentation – This option allows you to adjust the theme (background color) of your table (Grey, Light blue, White, Black, Transparent or Custom)

Bullets – One final feature I want to mention, because it made a huge difference on this blog, is the ability to use your theme’s default bullet style. You will find this option in the “Advanced” section.

Personally, I think the default appearance of the generated Table of Contents looks a little dry, technical and dataie <- I invented a word with too many vowels.  Luckily the customization features makes Table of Contents Plus the perfect fit. The ability to use my blog theme’s bullets makes a huge difference alone. The standard list “dots” were very ugly on this blog. I prefer the little arrow images you see on our TOC in the right sidebar..

Finishing Up

So there you have it, well over 1,000 words and I didn’t even get into the plugin’s Sitemap feature.

Plugin Security – I’m not a coder or plugin expert so I can’t look into the magical code and determine the worthiness of this plugin, much less the load or security; all I can go by is that at the time of this post it’s rated 4.9 out of 5 stars (73 ratings & 91,599 downloads) and seems to be current with updates (Version 1408 released August 1, 2014). I would direct any concerns to the developer at dublue.com/plugins/toc/.

Final Notes

I had to play around with the settings a little to make the table look right on Hot Blog Tips. I had to wrap the table on the right, below the first title, and still leave room for any images on the right. I ended up putting ours in the sidebar to reduce any “crowding” conflict on older posts.

Recap and Action Step

The Table of Contents Plus plugin won’t be for everyone but if you take anything from this post, I hope it will be the understanding that blog content is being consumed quickly – in most cases. There are certainly exceptions, such as a detailed how-to article where the reader needs to follow step by step instructions, but people are just being pulled in too many directions nowadays.

Helpful Writing Tips

If it fits your style, install Table of Contents Plus and, whether or not you do, consider these helpful writing tips:

  1. Short, easily digestible paragraphs.
  2. Amazingly descriptive titles.
  3. Use bold, italics or highlighted text when appropriate.
  4. Use images to enhance and breakup your content (Don’t get carried away though and trash things up).
  5. Ordered and numbered bullets will always be in style.
  6. Consider block quotes and colored sections like I’ve done with this post.
  7. Most of all, create amazing content and don’t forget to let your personality shine.

I‘d REALLY Love To Know

I appreciate you taking the time to read this post but…

Did you read it all or just skim it? Seriously, I won’t hold it against you. It would be a pretty cool, albeit unreliable, survey. So let me know it the comments – Read it all or just skimmed it? 🙂

About Brian D. Hawkins

Blogging superhero by day and internet super villain by night. Blogger, future online millionaire and an all around great guy.

Comments

  1. Hi Brian,

    I have never thought about adding tables of contents, but that’s probably because I don’t write long blog posts, at least not at the moment.

    I don’t read every blog post I “read”, I admit that I skim. So, adding the table of contents would be a good thing do to for posts that are long. I probably read every post that’s less than 500 words.

    Just wondering, how would adding a table of contents be for SEO? Would it have a positive or negative impact?

    -Jens

    • Thanks Jens, I can understand that. I just wrote one over 2,500 words and I almost didn’t read it myself just to proofread it. Well, not really but I understand. lol

      That’s a good question as far as SEO. I know internal linking can be a good thing but since that’s actually just linking to an anchor, I doubt that it makes a difference either way; for good or bad. The truth is, I’m not entirely sure.

  2. Hey Brian, great post.

    As you said TOC plugin greatly helps in making content scannable.

    It also gives your SERP snippet a unique look. For relatively longer posts with table of contents, Google offers you Jump to navigation in SERPs.
    I really love it. It matches the keyword in the anchors and returns results.

    Thanks.

    • That’s a great point Akshay, I didn’t even consider that analogy. I keep going back and forth between the post body and the sidebar. I think I’ll keep it like it is for now. I like the way readers can click the “hide” link if it gets in the way of something.

  3. Seems to be nice plugin, specially useful for those who tend to publish very long articles and wants to provide good user experience. I believe the author plugin was inspired by wikipedia 🙂

  4. Hey Brian. That was a pretty interesting post.

    I have to admit I did skim it a little and then had to read it with more depth to see exactly what the plugin did. I suppose you could have it at the top of the post so people can click on the bit that interests them most?

    Also you said not to use more than 1 tags per post. Man you absolutely went way over that amount 😉

    • Actually it is at the top of my posts Peter, I just moved it to that particular section for this pst but it’s normally below the first heading. I don’t use H1 tags but I do have it setup to show H2 and H3 tags too. I appreciate you stopping by.

      Oh yeah, I have to own up to skimming content as well. lol

  5. Hey Brian!

    To be true, i just skimmed through the article as i don’t like to read such long articles. however i also look up for important points and yes, i think i have read almost all the important points mentioned on this article.

    The plugin you mentioned is really worth trying out, i’ll definitely try it out for my new blog which will be having some lengthy articles!

    Keep up the good work and keep sharing!!! 🙂

  6. Hey Brian,
    I usually don’t read the whole content unless I find it worth to. However, I would really love to use this plugin for one of my upcoming projects. Thanks for pointing out at very right time.

Speak Your Mind

This site uses Akismet to reduce spam. Learn how your comment data is processed.