Understanding H1 Heading Style and Its Impact on SEO

·

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

· Sorted by Oldest

Sofian B.
·
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
Anders
·
oh thank god i asked this now and now after 40 pages done
Anders
·
ty so much Sofian B.
Ollie B.
·
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. 🙂
Anders
·
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.
Sofian B.
·
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)
Anders
·
everything makes sense now, can see i have to redo a few lil things. Thank god i saw all of this now: Thank you Sofian B. like really 🙌🚀
❤️1

Sofian B.
·
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
Anders
·
oh thank god i asked this now and now after 40 pages done
Anders
·
ty so much Sofian B.
Ollie B.
·
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. 🙂
Anders
·
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.
Sofian B.
·
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)
Anders
·
everything makes sense now, can see i have to redo a few lil things. Thank god i saw all of this now: Thank you Sofian B. like really 🙌🚀
❤️1