Breadcrumbs and Table of Contents in Divi 5: SEO Building Blocks for Content Sites

Affiliate disclosure: techivilla.com may earn a commission if you buy Divi through links on this page, at no extra cost to you. We only recommend tools we would build with ourselves.

Two of the five new modules Elegant Themes shipped with Divi 5 are pure SEO and usability infrastructure: Breadcrumbs and Table of Contents. Neither is flashy, but on a content site — a blog, a review site, a documentation hub — they do real work: they help Google understand your site structure, they win featured snippets and sitelinks, and they keep readers oriented in long pages. This guide explains what each does and how to wire both into a Theme Builder template so every post gets them automatically.

Try the Divi 5 builder

Why these two modules matter for content sites

Search engines reward content that is well-structured and easy to navigate, and readers stay longer on pages they can move around in. Breadcrumbs and a table of contents address both at once:

• Breadcrumbs expose your hierarchy (Home → Category → Post) to crawlers and users alike, and that hierarchy can surface as breadcrumb trails in search results.
• A table of contents turns a long article into a navigable outline, improves dwell time, and gives Google jump-link targets that can appear as sitelinks under your result.

The key move is to add them once, in a Theme Builder template, so they apply to every post automatically rather than being hand-placed on each page.

The Breadcrumbs module

Per Elegant Themes, the Breadcrumbs module provides "a hierarchical link tree, making it easy to return to a post's parent category or your homepage." It is designed specifically for post and category templates in the Theme Builder. In practice it renders the trail dynamically from the post's actual position in your taxonomy, so you never maintain it by hand — publish a post in a category and the breadcrumb is correct on day one.

Placement matters: breadcrumbs belong near the top of the content area, above the title or just beneath it, where both readers and crawlers expect them.

The Table of Contents module

The Table of Contents module "automatically generates clickable tables of contents by parsing page content." Added to an individual post or — better — a Theme Builder post template, it reads the headings in the article and builds a linked outline with no manual upkeep. Per the documentation it parses the content to create the TOC automatically, so as you add or rename ##/### headings, the outline updates itself.

For long-form content this is the single biggest usability upgrade you can make: a 2,000-word guide becomes scannable, and the jump links give search engines structured anchors into your content.

Wiring both into a Theme Builder template

Here is the build that makes them site-wide:

1. Open the Theme Builder and add (or edit) a template for All Posts — or a more specific template for, say, your Reviews post type.
2. Edit the Body layout. At the top of the content area, drop in the Breadcrumbs module.
3. Beneath the title (or in a sidebar column), add the Table of Contents module so it parses each post's headings automatically.
4. Add your post title, featured image, and content modules around them using dynamic content.
5. Save and assign the template. Every post using it now ships with breadcrumbs and a TOC, generated per post.

Because both modules are dynamic, you build this layout exactly once. New posts inherit it.

Practical tips

• Write real headings. The TOC is only as good as your H2/H3 structure — well-named headings double as outline labels and as keyword-bearing anchors.
• Keep breadcrumbs above the fold of the content. They orient the reader before they commit to reading.
• Style with Design Variables. Set the link and separator colours via variables so a rebrand is one edit across every post.
• Pair with structured content. Breadcrumbs and a clean heading hierarchy reinforce the same signal search engines use to build rich results.

Affiliate and review sites benefit doubly here — the same TOC-and-breadcrumb template underpins better review pages, which we cover in a dedicated guide linked below.

FAQ

Do I have to add these to every post manually?

No. Add them once to a Theme Builder post template and they apply to every post automatically. Both modules generate their content dynamically from each post's hierarchy and headings.

Does the Table of Contents update when I edit headings?

Yes. It parses the page content to build the outline, so adding, removing, or renaming headings updates the TOC without manual editing.

Will breadcrumbs show up in Google results?

Breadcrumbs expose your site hierarchy and are a recognised structured-navigation signal; trails can appear in search results. They also help crawlers understand category relationships regardless of how they render in SERPs.

Are these modules part of Divi 5 or add-ons?

Both ship with Divi 5 as part of the five new core modules announced by Elegant Themes — no separate plugin required.

Bottom line

Breadcrumbs and Table of Contents are the unglamorous SEO building blocks every content site should standardise. Build them once into a Theme Builder post template, write clean headings, and every article you publish is automatically more navigable for readers and more legible to search engines.

Sources and further reading

Keep building

Read the Divi 5 affiliate review template guide