bassjobsen

<p>This plugin stimulates WordPress editors to use correct headings for accessibility and seo. The heading tags are on the second row and hidden in the WYSIWYG editor in WordPress by default. The (non visual) text edit screen has no heading tag buttons at all.<br />
Editors will make heading bold instead of using the correct heading while the use of correct (nested) heading is important for accessibility and seo.<br />
This plugin add the format menu with heading tags in the first row of the WYSIWYG editor and add heading tags to the text editor.</p>
<p>Accessibility</p>
<p>[Section 508](<a href=”http://squizlabs.github.io/HTML_CodeSniffer/Standards/Section508/) states that your largest header must be an <code><h1></code> followed by an other <code><h1></code> or a subordinate heading element (h2 to h6). The structure of the headers should reflex the structure of your document. So the heading structure should be logically nested. Screen readers read this semantic heading structure to construct a table of contents. Screen readers don’t use any formatted style. Visual readers use the formatted style in stead of the semantic structure. See also: <a href="http://accessibility.psu.edu/headings" rel="nofollow ugc">http://accessibility.psu.edu/headings</a>.</p>
<p>SEO</p>
<blockquote>
<p>When the importance of a heading is established with HTML tags, you’re actually making it easy for the search engine robots to determine what your web page is all about. The search engine doesn’t have to guess at it. It can see exactly what your main topic is and place you under the appropriate keywords so your potential customers will be able to find you on the WWW.</p>
</blockquote>
<p><a href="http://stackoverflow.com/a/8178353/1596547" rel="nofollow ugc">Nov 18 ’11, Rupesh Pawar</a></p>
<p>Also read: <a href="http://yoast.com/blog-headings-structure/" rel="nofollow ugc">The heading structure for your blog</a></p>
<p>Contribute!</p>
<p>If you have suggestions for a new feature or improvement, feel free to contact us on <a href="http://twitter.com/JamedoWebsites" rel="nofollow ugc">Twitter</a>. Alternatively, you can fork the plugin from <a href="https://github.com/bassjobsen/stimulate_correct_headings" rel="nofollow ugc">Github</a>.</p>
<h3>Requirements</h3>
<ul>
<li><a href="https://wordpress.org/download/" rel="ugc">WordPress</a> tested with >= 3.6</li>
</ul>
<h3>Support</h3>
<p>We are always happy to help you. If you have any question regarding this code. <a href="http://www.jamedowebsites.nl/contact/" rel="nofollow ugc">Send us a message</a> or contact us on twitter <a href="http://twitter.com/JamedoWebsites" rel="nofollow ugc">@JamedoWebsites</a>.</p>


Stimulate Correct Headings

This plugin stimulates WordPress editors to use correct headings for accessibility and seo.

suppress

<p>Add the <strong>Table of Contents Block</strong> anywhere in your Gutenberg editor. It scans H2–H6 headings in the post content and builds a nested, clickable table of contents. Links automatically work by adding IDs to headings.</p>
<p>No configuration needed. Works on single posts and pages (not archives or category listings).</p>
<ul>
<li>No theme editing required<br />
You can activate the plugin on any site.</li>
<li>Compatible with Gutenberg / Classic Editor<br />
It processes the final rendered HTML.</li>
<li>SEO-friendly<br />
IDs are based on sanitize_title(), the same function WP uses for slugs.</li>
<li>Works with headings that already have IDs<br />
It does not overwrite existing IDs.</li>
</ul>
<p><strong>Example:</strong><br />
– Structure Your Content – Write your post or page using semantic headings (H2, H3, etc.)—just like you normally would.<br />
– Insert the Table of Contents Block – Add the “Table of Contents Block” anywhere in your editor (e.g., right after the introduction).<br />
– Let It Work Automatically – The plugin scans your headings, builds a hierarchical, scroll-linked table of contents in real time, and updates dynamically as you edit.</p>
<h3>Key Features</h3>
<ul>
<li>Server-side generated Table of Contents</li>
<li>Automatically detects H2–H6 headings</li>
<li>Generates nested lists based on heading hierarchy</li>
<li>Automatically adds IDs to headings when missing</li>
<li>Lightweight and simple</li>
<li>Useful for:
<ul>
<li>Adding a Table of Contents to a post or page</li>
<li>Generating heading IDs</li>
<li>Linking to sections within content</li>
</ul>
</li>
</ul>
<h3>Why use this plugin?</h3>
<ul>
<li>Smart Parsing: Supports H2 through H6 headings</li>
<li>Clean Output: Uses standard HTML lists for maximum theme compatibility</li>
<li>Non-intrusive: Does not modify existing heading IDs</li>
<li>Lightweight & Fast</li>
</ul>


Supplyist TOC Block

A simple Gutenberg block that automatically generates a nested table of contents from post headings.

Stimulate Correct Headings vs Supplyist TOC Block