Tapan Kumer Das

WPWing

Boost your site’s SEO and maximize reader engagement with the Table of Contents (TOC) Block – Fast & SEO Friendly.
Long articles can overwhelm readers, causing them to leave your site early. This plugin automatically scans your content headings and generates a clean, nested list of anchor links. This allows users to jump directly to the section they need, decreasing bounce rates and satisfying search engines like Google.
Unlike clunky legacy plugins, our Table of Contents block is custom-built for the modern WordPress Gutenberg editor. It adds zero JavaScript to your frontend, keeping your website lightning-fast and ensuring you score perfectly on Core Web Vitals.
<h3>⚡ Super Lightweight & Performance-First</h3>
We know page speed matters for SEO. Our block generates minimal, valid HTML and injects absolutely no extra resources or external scripts. It’s built to perform seamlessly without adding bloat to your database or frontend.
<h3>🎨 Complete Customization Control</h3>
Unlike plugins that lock basic layout settings behind a pro version, you get full control over your layout directly inside the native block settings: 
* Style Natively: Easily add background colors, custom padding, and text colors by wrapping the TOC inside standard Gutenberg groups. 
* Flexible Layouts: Full native block support for both Wide Width and Full Width settings to match your theme. 
* Depth Control: Choose exactly which headings to include by restricting the maximum depth (e.g., show only H2 and H3, hide H4+). 
* HTML Flexibility: Choose between an Ordered (numbered) or Unordered (bulleted) HTML list structure for better semantic SEO. 
* Tidy Formatting: Toggle list indents on or off with a simple click to keep deep nesting looking clean. 
* Header Freedom: Disable the built-in H2 headline of the TOC block entirely from the sidebar, allowing you to write your own personalized introduction using standard heading blocks.
<h3>🚀 Key Features At A Glance</h3>
<ul>
<li>100% Automated: Scans content instantly to generate accurate internal jump links.</li>
<li>Pure Performance: Zero JavaScript added to the frontend—fully optimized for page speed.</li>
<li>Designed for Gutenberg: Integrates natively into the WordPress block editor experience.</li>
<li>Responsive Layouts: Inherits theme styles fluidly for perfect rendering on mobile devices.</li>
</ul>
<h3>🔌 Ultimate Compatibility</h3>
We ensure our block plays nicely with your entire WordPress stack. 
* Fully supports Rank Math and top-tier SEO plugins for schema optimization. 
* Works seamlessly with the GeneratePress theme and major page frameworks. 
* 100% compatible with popular AMP plugins for mobile-first rendering.
<h3>🧑‍💻 Dedicated Startup Support</h3>
At WPWing, we are committed to building high-quality, lightweight utility plugins for WordPress and WooCommerce. Our dedicated support team responds rapidly to the support forums to help you resolve any issues instantly.

Table of Contents (TOC) Block – Fast & SEO Friendly

Instantly add an SEO-friendly, automated, and hyper-fast Table of Contents block to your posts and pages. Fully optimized for Gutenberg and Core Web V …

James Kemp

Simply use the <code>[toc content=".your-container"]</code> shortcode to automatically generate a table of contents for any HTML container.
The shortcode accepts a number of parameters:
<ul>
<li><code>content</code> string required 
A CSS selector indicating the container of your content.</li>
<li><code>headers</code> string 
A comma separated list of heading selectors that you want to include.</li>
<li><code>speed</code> int 
Speed of sliding back to top.</li>
<li><code>anchor-class</code> string 
Class of anchor links.</li>
<li><code>anchor-text</code> string 
Prepended or appended to anchor headings. Leave blank to disable anchor links.</li>
<li><code>top_class</code> string 
Back to top button or link class.</li>
<li><code>spy</code> true/false 
Enable scroll spy. This will highlight the list items as you scroll past them.</li>
<li><code>position</code> append/prepend 
Position of anchor text.</li>
<li><code>spy-offset</code> int 
Specify heading offset for spy scrolling.</li>
</ul>

Shortcode Table of Contents

Display an automated table of contents via shortcode.

Table of Contents (TOC) Block – Fast & SEO Friendly vs Shortcode Table of Contents