CMS Development

ameliai
Member

H1 & H2 Tags

SOLVE

I am doing an SEO clean up and have multipe H1 tags on a singular page. When changing them to H2 tags it changes the format adding an extra line underneath the title. Is there any way to make the H2 tag the exact format as the H1 tags.

0 Upvotes
3 Accepted solutions
Oezcan
Solution
Top Contributor | Diamond Partner
Top Contributor | Diamond Partner

H1 & H2 Tags

SOLVE

Hello @ameliai 

 

you can do that with css.

 

Example:
your h1 is e.g. 72px

and so that the size e.g. is the same, you write

h2 {
font-size: 72px;
}

for colors you use

h2 {
font-size: 72px;
color: blue
}

the whole thing can go further, but I think like font-weight etc. but you'll find that out.

 

I hope I could help you here

Best regards

 

Özcan

Oezcan Eser Signature

View solution in original post

0 Upvotes
Oezcan
Solution
Top Contributor | Diamond Partner
Top Contributor | Diamond Partner

H1 & H2 Tags

SOLVE

The problem is that HTML is not a style language. HTML is a markup language and changing the style h1 to h2 is due to CSS not HTML. You have to style your h2, h3 etc like your h1.

 

Best regards,

Özcan

Oezcan Eser Signature

View solution in original post

0 Upvotes
Jnix284
Solution
Most Valuable Member | Diamond Partner
Most Valuable Member | Diamond Partner

H1 & H2 Tags

SOLVE

Hi @ameliai ,

 

Just going to throw this out there that Google has clearly indicated that there is not a limit for H1 tags on a page, as long as the structure of your content makes sense, you should style the page and use the various headings in a way that makes the most sense for your site visitors  (this is a great article covering the topic).


If my reply answered your question please mark it as a solution to make it easier for others to find.



Jennifer Nixon - Delivery Lead at Aptitude 8

connect with Jen on Linkedin

View solution in original post

5 Replies 5
Jnix284
Solution
Most Valuable Member | Diamond Partner
Most Valuable Member | Diamond Partner

H1 & H2 Tags

SOLVE

Hi @ameliai ,

 

Just going to throw this out there that Google has clearly indicated that there is not a limit for H1 tags on a page, as long as the structure of your content makes sense, you should style the page and use the various headings in a way that makes the most sense for your site visitors  (this is a great article covering the topic).


If my reply answered your question please mark it as a solution to make it easier for others to find.



Jennifer Nixon - Delivery Lead at Aptitude 8

connect with Jen on Linkedin

Oezcan
Solution
Top Contributor | Diamond Partner
Top Contributor | Diamond Partner

H1 & H2 Tags

SOLVE

The problem is that HTML is not a style language. HTML is a markup language and changing the style h1 to h2 is due to CSS not HTML. You have to style your h2, h3 etc like your h1.

 

Best regards,

Özcan

Oezcan Eser Signature
0 Upvotes
ameliai
Member

H1 & H2 Tags

SOLVE

Thank you for your help Ozcan!

Oezcan
Solution
Top Contributor | Diamond Partner
Top Contributor | Diamond Partner

H1 & H2 Tags

SOLVE

Hello @ameliai 

 

you can do that with css.

 

Example:
your h1 is e.g. 72px

and so that the size e.g. is the same, you write

h2 {
font-size: 72px;
}

for colors you use

h2 {
font-size: 72px;
color: blue
}

the whole thing can go further, but I think like font-weight etc. but you'll find that out.

 

I hope I could help you here

Best regards

 

Özcan

Oezcan Eser Signature
0 Upvotes
ameliai
Member

H1 & H2 Tags

SOLVE

Hi Ozcan, 

 

Thank you for replying. The font format is manageable however it is this line that appears. Our H1 format is how the 'About This Service' is. We want our H2 tags to be the same with the partial line underneath, however when changing to H2 it add a whole underline which cannot be removed unless we change the heading back to H1. This is the same for H3, H4 ...

 

Is this something that can be changed?

 

Many Thanks

Amelia

Screenshot 2022-07-06 090415.pngScreenshot 2022-07-06 090431.png

0 Upvotes