Carousel: Empty heading tags are created

[mrekici]

Impacted plugin

Jetpack

What

Empty heading tags

How

I am using the jetpack carousel. After loading the page, before images are selected, jetpack generates empty heading tags:

<h2 class="jp-carousel-photo-title"></h2>
<h2 class="jp-carousel-photo-caption"></h2>
<h3 class="jp-carousel-caption" itemprop="caption description"></h3>

How can I turn this off so that no empty heading tags are generated?

Thanks.

[jeherve]

Those are indeed added to the markup on page load, but they should then be populated when the page finishes loading. Do you not see any text inside the heading on your end? If could, could you post a URL where you see the issue here, so we can take a closer look?

Thank you!

[mrekici]

Thanks for the reply. The issue is that I don't see the headings, as they are generated without a command.

Website: https://emreekici.com/about-me-sound-engineer/

Example:
<h2 class="jp-carousel-photo-title"></h2>

The issue is a problem for me as these are considered headings for SEO, and there is no heading and no text under the heading.

Thanks again for the help!

[jeherve]

Thanks for the extra details!

There seems to be something wrong on your site at the moment. I think that some of your caching and concatenating options¹ are causing lots of JavaScript files to not be loaded properly on your site:

This, in turn, breaks Jetpack's Carousel feature. The headings should be injected via JavaScript into the Carousel view when the page finishes loading, but since JavaScript files are broken on your site, this doesn't happen.
Once you fix that issue, you should see the headings appear as planned.

Give it a try, and let me know how it goes!

Footnotes

1. You may be able to disable your caching plugin. Since your site is hosted on WordPress.com, it already comes with its own caching solution. You can read more about it here. ↩

[bugrevealingbme]

Yes, this problem can be harmful to SEO. We don't want Jetpack to use H2 and H3 here.

You can also visit this issue on my page.
https://xiaomiui.net/redmi-13c-spotted-on-gsma-imei-database-51567/

[stronenv]

We're seeing these tags loaded on a page with no carousel, so no content is added to the tatgs - is that intentional?

I've turned off the Jetpack Carousel on the site in question since we're not using it, but let me know if you'd like me to provide an example.

[jeherve]

@stronenv If you can give me an example that would indeed be helpful, thank you! Those tags should only be added when using the Carousel.

[stronenv]

Hey @jeherve!

Sure, I was able to reproduce it on a fresh site: https://stronenvtestingjpcarousel.wpcomstaging.com/

^ That's on WordPress.com, which might be relevant.