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

Nelson Miller Pee Aye Creative
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 [last-modified %date%]

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 🙂

Blog Post Optin

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

16 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.

    • Lisa

      Helen, I’m experiencing the same issue. Did you figure out a solution?

      Nelson, if a category page has 20 posts in that category, then you have multiple pages with that category h1. So multiple pages with the SAME h1. But if you could add something just before the that would insert the page number in the h1, it would eliminate the duplicate h1 problem.

      Reply
  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
  4. Diana Pascucci

    BAM! Exactly for this I was looking. Thank you (again)!

    Reply
    • Hemant Gaba

      I’m so glad you like it! You are most welcome Diana!

      Reply
  5. Bill

    A couple of years later, and still necessary. Thanks Nelson!

    Reply
  6. Chris

    Hey Nelson,
    That leaves two H1 tags on the blog post.
    The Comment Count is also enclosed in an H1. Can this be changed to an h2 or h3 tag?

    https://imgur.com/a/1noj5yM

    Reply
  7. lance

    Hi Nelson,

    this works great when I add the for a dynamic Post Archive/Title in my Text Module content.

    But if I add a ACF text field into that very same Post archive/Title in the same Text Module, the same won’t do anything.

    As if the ACF field is not treated the same way than the Post Archive/Title by Divi Module.

    I can’t seem to find any option in ACF field group that prevents or authorise this kind of thing.

    Did you run into this?

    Reply
    • Hemant Gaba

      Hi Lance!

      There should be no issue with ACF custom field heading. Can you please share the URL of the page so that I can check it?

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Recent Posts

0

Your Cart