Is my Accordion Imitating H1 Tags?

OK, so i have this page here.

Yoast is either defective, or the accordion is causing the issue.
I am optimizing every page and I’m getting an error stating I’m using multiple H1 tags on this page.

I’ve inspected the code after clicking view page source, and there is only a single H1 tag.
The only other pages I’ve been unable to resolve the H1 error Yoast is reporting have an accordion.

Is it possible that the accordion is being treated as H1 on all the titles?
If yes, how do we set that to H3 or H4?

Jesse @ USAT Corp

Hi Jesse,

Please kindly consider that if you do not see any additional h1 tag in the source code then it is not possible for the theme to mimic the behavior of the h1 tag SEO wise. The theme can only mimic the view of the h1 tag but the actual tag should be represented to have an effect on SEO.

The same thing is true for the Accordion element. I checked our demo of the Accordion element and checked the source code. There is no h1 tag related to the accordion element:

https://demo.theme.co/elements/#accordion

It is better that you consult with the Yoast plugin support and ask them to give you the exact HTML code that causes the double h1 report.

Thank you for your understanding.

Ok, i just wanted to rule out a theme conflict first before reaching out to Yoast. They would certainly have responded first by asking if I was sure it wasn’t the theme. Thank you.

You’re welcome, Jesse.

And they did exactly that… “check to see if there’s a theme conflict”.
They said they think it could be that the theme treats the actual post title as an H1, even if i’m heading it from view.
But I’m still pretty certain that the title isn’t an H1. Even if it is hidden, it would still show up in the source code right? just with a hidden tag? and it would still carry an identifiable H1 tag, if it indeed had one correct?

Hello Jesse,

You are using Blank - No Container | Header, Footer page template. This template do not display any page title on the page so there is no way that the <h1> of the page title is causing the issue because it is not hidden and it is not being displayed on the page.

<?php

// =============================================================================
// VIEWS/INTEGRITY/TEMPLATE-BLANK-4.PHP (No Container | Header, Footer)
// -----------------------------------------------------------------------------
// A blank page for creating unique layouts.
// =============================================================================

get_header();

?>

  <div class="x-main full" role="main">

    <?php while ( have_posts() ) : the_post(); ?>

      <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
        <?php x_get_view( 'global', '_content', 'the-content' ); ?>
      </article>

    <?php endwhile; ?>

  </div>

<?php get_footer(); ?>

I already checked the page source and there is only one <h1> on the page.

And I have checked the accordion items and you are now using h3:

Have you clear your WP Rocket already? Maybe the Yoast plugin is checking the cache version of the page. Please clear your caches or temporarily deactivate WP Rocket or any caching plugin and check the Yoast plugin again.

Hope this helps.

I definitely confirmed that it is a Yoast error. thank you for your help and detailed explanation.

You’re welcome!
We’re glad we were able to help you out.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.