W3C Validator

Seppe
210 Posts
Seppe posted this 03 January 2020

Good morning

After checking a lot of my websites, I have a still returning error, especially while using sections:

Warning: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
< section class id data-section-title>

Any suggestion to fix this?

greetings

Good morning After checking a lot of my websites, I have a still returning error, especially while using sections: > Warning: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections. > &lt; section class id data-section-title&gt; Any suggestion to fix this? greetings
Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Vitaliy WD
501 Posts
Vitaliy WD posted this 03 January 2020

Hi.

So, try to add H2-H3 headings to you sections. This also will increase your SEO.

Hi. So, try to add H2-H3 headings to you sections. This also will increase your SEO.
Seppe
210 Posts
Seppe posted this 04 January 2020

Hi Vitaly
It seems like a part of my code is removed by default.

this is the code that automatically is generated by themler, and which gives the error:
(I added some blanks and _, so the code will not be stripped)

<section class=" bd-section-4 bd-tagstyles" id="section3" data-section-title="topbanner">

So I think it has something to do with the "bd-section" and "bd-tagsyles".

Hi Vitaly It seems like a part of my code is removed by default. this is the code that automatically is generated by themler, and which gives the error: (I added some blanks and _, so the code will not be stripped) <section class=" bd-section-4 bd-tagstyles" id="section3" data-section-title="topbanner"> So I think it has something to do with the "bd-section" and "bd-tagsyles".

Last edited 04 January 2020 by Seppe

Vitaliy WD
501 Posts
Vitaliy WD posted this 04 January 2020

Hello.

This is not error, just a warning. The main reason is that each section on page must have heading (about what this section). Like each Page have heading.

So right after this code (or in module/widget that in this section) add this code (heading):

<h2>Write your heading here</h2>

Do it for all Sections and test again.

<section class=" bd-section-4 bd-tagstyles" id="section3" data-section-title="topbanner">
<h2>Write your heading here</h2>
<p>Your content</p>
</section>

According to W3C's HTML5 documentation: "A section is a thematic grouping of content, typically with a heading."
For example, a home page could normally be split into sections for introduction, content, and contact information.

About Headings: https://www.w3schools.com/html/html_headings.asp
About Semantic Elements: https://www.w3schools.com/html/html5_semantic_elements.asp

Need to know some basics if you want W3C validation :)

Hello. This is not error, just a warning. The main reason is that each section on page must have heading (about what this section). Like each Page have heading. So right after this code (or in module/widget that in this section) add this code (heading): <h2>Write your heading here</h2> Do it for all Sections and test again. <section class=" bd-section-4 bd-tagstyles" id="section3" data-section-title="topbanner"> <h2>Write your heading here</h2> <p>Your content</p> </section> According to W3C's HTML5 documentation: "A section is a thematic grouping of content, **typically with a heading**." For example, a home page could normally be split into sections for introduction, content, and contact information. About Headings: https://www.w3schools.com/html/html_headings.asp About Semantic Elements: https://www.w3schools.com/html/html5_semantic_elements.asp Need to know some basics if you want W3C validation :)

Last edited 04 January 2020 by Vitaliy WD

Seppe
210 Posts
Seppe posted this 04 January 2020

Thanks for the info.
I know aboud headings and stuff, but I didn't know I had to add it also in the sections.
Probably I have a lot of updating to do :)

Thanks for the info. I know aboud headings and stuff, but I didn't know I had to add it also in the sections. Probably I have a lot of updating to do :)
Support Team
Support Team posted this 05 January 2020

Hello,

As Vitaliy mentioned, this is a warning, mostly related to SEO purposes.
I will forward this to the developers but this won't be a top priority issue.
Please, consider adding headings manually. We apologize for the inconveniences caused.

Gina
Themler Support

Hello, As Vitaliy mentioned, this is a warning, mostly related to SEO purposes. I will forward this to the developers but this won't be a top priority issue. Please, consider adding headings manually. We apologize for the inconveniences caused. Gina Themler Support
Pranya13
1 Posts
Pranya13 posted this 16 March 2022

Sections must have headings for SEO best practices.

You can refer to Heading Tags on Scaler Topics blog for more info regarding how to add headings in sections

Sections must have headings for SEO best practices. You can refer to [Heading Tags on Scaler Topics][1] blog for more info regarding how to add headings in sections [1]: https://www.scaler.com/topics/html/headings-and-paragraphs-in-html/
You must log in or register to leave comments