Community forum for knowledge and support

Updated 9 months ago

Heading hierarchy and google page reading

At a glance

Does the heading style h1 maintain the same hierarchy structure as heading 1? When it comes to google reading the page ?

S
A
O
7 comments

No, heading style h1 is just a styling. Heading 1 is the HTML tag that google will look at.

If you want Google to know it’s important, you should use the HTML Heading 1

oh thank god i asked this now and now after 40 pages done

Sofian is right, thats why we use the heading 1 override tag etc. As Google reads it one way, but as users we sometimes want the H2 to be bigger than the h1 for better UX. πŸ™‚

so if i need heading (for h1) but for this section i need some spec styling and that styling i made for heading-style-h3 then i put both in.

So, i made a small example.

Imagine you want the title of the pricing section to be an H1 HTML tag but still look the same- h2 style heading.
First, you see on the image below, I copy paste the pricing 1 component and the HTML tag is set to heading 2 (1) and it has no style attached (2)

If I want to make the title an H1, I will have to select the title, use the small icon (1) and switch the tag to H1 (2). If the title style is not fitting my taste, I can always change the class to Heading-style-h2 (3)

everything makes sense now, can see i have to redo a few lil things. Thank god i saw all of this now:

Thank you like really πŸ™ŒπŸš€

Add a reply
Sign up and join the conversation on Slack