Headings make it easier for visitors to your page to find the information they are looking for quickly. Most people skim websites, and headings make it easier for them to do this.
When choosing your heading, remember what it means to have a heading in your code. Typically, the average user doesn't know much or care about your markup and whether or not it's semantically correct as long as it looks awesome and provides the needed content/services. However, users that use assistive technologies, like screen readers, heavily rely on well implemented, structured, and meaningful markup.
To help make your site more accessible think about Navigating navigating through the <h1> and <h2> elements as allowing the user to understand the overall purpose of a page and how its content is structured. This could be similar to reading the table of context to a book. The <h3> through<h6> elements provide a quick understanding of the details in each section.
Add a Heading Using the Classic Editor
...
Click Add Module, you will be able to select 'Heading'. From there you will be able to enter the heading text. The default heading is <h2> . If you would like to change the level of the heading, click on 'Advanced Options', where you can choose the HTML tag. <h1> specifies the highest-level heading, and <h6> specifies the smallest.
Heading Styles
...