How To Change The Divi Post Archive Title To An H1 Heading Level In The Divi Theme Builder Tutorial by Pee Aye Creative

How To Change The Divi Post/Archive Title To An H1 Heading

In this tutorial I will show you how to change the dynamic content heading level for the post/archive page in a Divi Theme Builder template.
Categories: Tutorials

Join the Divi crowd!

Why And How To Do this

The Divi Theme Builder has several options for adding a post title. The first option is the Post Title module, but I rarely use that because there are way too many unnecessary options that I would need to turn off every time. Also, if I set up Presets for my heading levels, this means I would need to manually replicate those settings in the Post Title module also, which is an unnecessary extra step. Instead, I’d rather just use a Text module with dynamic content linked to the Post/Archive Title. This way, my Presets are already set on the site elsewhere, and I don’t even need to mess around with design settings.

If you also do this, you may have noticed a small issue. The heading text which should normally be an H1 heading is just regular paragraph text. This is bad for various reasons, most importantly SEO. So to change that, I use a simple trick.

post archive page title in Divi

Once you have the Post/Archive Title Dynamic Content option selected in the Text module Body, open the gear icon on the left. This opens up a new window with the pseudo classes Before and After fields. We are going to use these to our advantage for this trick!

You can see in the screenshot below what we are doing. Just add “<h1>” to the Before and “</h1>” to the After. The post or archive title is now an H1 heading!

changing the heading level in Divi dynamic content with before and after pseudo classes

Now you can use the normal Heading Text design settings! This is really nice if you are using Presets already, as the H1 heading would automatically match the rest of your site.

design settings for h1 h6 heading levels in Divi dynamic content

It’s that easy. You can change this to any other heading level too if you want, but H1 usually is what is needed for a page title. If you enjoyed this little trick please let me know in the comments!

Last updated Nov 9, 2021 @ 9:12 am

Subscribe

Each month we send out a roundup email newsletter with the latest tutorials, product updates, helpful resources, and any other industry or personal news. Occasionally we send an extra separate email here and there if we just can’t wait! So that’s what you will get if you subscribe, and you can always unsubscribe at any time if you just can’t take it anymore 🙂

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative in the beautiful state of Pennsylvania. He loves helping small businesses, exploring outdoors, building websites with Divi, and teaching others.

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

7 Comments

  1. Helene

    When using Divi Builder you will get duplicate content for Title tag and H1. Which is not the best solution for SEO. How can we solve that? It is occurring on your blogposts as well.

    Reply
      • Helene

        For an example both Ahref and Rank Maths is cleary indicating that when using Divi Builder for posts we get the duplicate content for Title tag and H1. You can check your page on rank math https://rankmath.com/tools/seo-analyzer/.

      • Nelson Lee Miller (aka The Divi Teacher)

        You’re being way too general. “Using Divi Builder for posts” is different than what you said before, so please clarify all your statements as to what is actually the cause, the tutorial, or the Divi Builder. The answer to that is 100% different.

  2. jerry

    hi Nelson,
    long time listener, first time caller… etc..
    I find your site super helpful and is my go-to for Divi things out of the square

    I’ve been trying to figure this one out for a while.. and the answer is so simple.. I wish I’d though of it.

    Thank you heaps.
    – Jerry

    Reply
  3. Marc

    Haha like always Da Divi Teacher has a trick for all Divi missing features :p Thank you so much, wish I would have searched that earlier, this is a must have for SEO!

    Reply

Submit a Comment

Your email address will not be published.

Recent Posts

0

Your Cart