Does the heading style h1 maintain the same hierarchy structure as heading 1? When it comes to google reading the page ?
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
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 ππ