Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

H1 classes, and headings etc

Featured Replies

Hi Everyone.

 

Have to admit, SEO is something I don't really understand but it's something I endevour to learn.

 

anyhoo..

 

I have a site, with: (in this order on the page)

 

<h2>welcome to bla bla bla etc</h2> font size is 16px, then right after that

 

<h1 class="bigtext">We offer bla bla bla etc </h1> font size is 22px

 

is this not good for seo purposes, is it ok to have your h1 smaller than your h2? or even have your h1 appear on the page after your h2 or does do the spiders/bots heads in etc.

 

Thanks

 

M

even if H2s are more important SEO-wise, that doesn't mean that you should make them bigger than an h1, nor should you place them above an h1. I'm guessing that as the h2s are more specific to search results they are given more weight because of that. (and the h1 would be a reflection of the page title -i.e. title tag - too).

 

still for humans, screen readers and pretty much common sense, h1 first and then h2s in your document structure.

There is no problem with you changing the size of the H1 or H2 tags.

 

I would use them sparingly on the page and would ensure that your keyword is used in them,

 

You could use something like <h1>my keyword is here</h1> and then later <h2>here is my keyword</h2>

There is no problem with you changing the size of the H1 or H2 tags.

 

I would use them sparingly on the page and would ensure that your keyword is used in them,

 

You could use something like <h1>my keyword is here</h1> and then later <h2>here is my keyword</h2>

except it looks stupid if your h1 is smaller than your h2 :)

except it looks stupid if your h1 is smaller than your h2 :)

 

 

Really that would depend on the design, I coded up a site that was designed with a smaller h1 than h2 and it looked not stupid at all :p

Really that would depend on the design, I coded up a site that was designed with a smaller h1 than h2 and it looked not stupid at all :p

 

but to me - and possibly a lot of others - i would imagine it would feel stupid, merely because the more important h1 heading should be bigger than a h2 within the visual hierarchy.

  • Author

Thanks for all these replies..

 

I think visually it probably does make more sense to have the H1 larger than H2, sort of thing, but I would of thought that the search engines etc would be smart enough to still put the h1 before the h2, even if the h2 is is before the h1..

 

some good points mentioned here though.

 

if you set a h1 class, , ie <H1 class="big heading"> BIG HEADING </h1>

 

would that still count as a h1 to the search engines?..

 

M

  • Jo 90 locked this topic
Guest
This topic is now closed to further replies.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.