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.

where to use H1 and H2 in my post ?

Featured Replies

i have a post which divided into sub topics... like 1-2-3-4-5-6....

should i use H1 or H2 for the sub heading topics ?

and where to use h1  ?

i dont know if these matters affect the seo for my post

  • 4 months later...
22 hours ago, Alington said:

Does the number of H1 tags on a page matter?

From an accessibility point of view yes, and to some degree it matters also for the search engines. H1 is the main heading of a given page, and for each section heading after it should be H2. And then, if a section has a sub-section it should use H3, and so on. This gives a document structure for both search engines and screen readers.

It's around this point that SEO types will jump in and say "It doesn't really matter, Google can figure it out" and to some degree their right, Google will take a stab at understanding your malformed mark up based on flimsy things like font size, but alas for screen readers it's not as simple. I've yet to find an SEO with a justifiable reason for making the headings all H1, or for example putting the logo in an H1 when it should be in a div. Until they have a valid reason stick to the semantics of headings, don't make Google and screen readers guess.

<h1>Main Heading</h1>
<p>Some copy</p>
<h2>Section 1</h2>
<p>Some copy</p>
<h2>Section 2</h2>
<p>Some copy</p>
<h2>Section 3</h2>
<p>Some copy</p>
<h3>Section 3: Sub-Section 1</h3>
<p>Some copy</p>
<h3>Section 3: Sub-Section 2</h3>
<p>Some copy</p>
<h2>Section 4</h2>
<p>Some copy</p>

 

Edited by BrowserBugs
Forgot Summit :)

  • 2 weeks later...

Use of H1 and H2 Tags are very important from my experience. They helps alto in better seo results.

See the attached picture for H1 H2 tags.

1.gif

Header tags have their own place on a page and have to be used in a proper order starting with your h1. The h1 tag should contain your targeted keywords, ones that closely relate to the page title, and are relevant to your content. The h2 tag is a subheading and should contain similar keywords to your h1 tag.

For clarity you can use as many H1 tags on a page as necessary, there is nothing in the HTML specifications documentation to say you shouldn't! Normally you'd only use one but if your page is split into 2 sections of equal importance then a H1 heading for each section can be appropriate.

For example lets say you have a page about fruit n veg. These are two different things so you could organise your headings like this:
 

<h1>Fruit</h1>
<h2>Berries</h2>
<h2>Tropical</h2>
...etc

<h1>Vegetables</h1>
<h2>Root vegetables</h2>
<h2>Stem vegetables</h2>
...etc

 

11 hours ago, BlueDreamer said:

For clarity you can use as many H1 tags on a page as necessary, there is nothing in the HTML specifications documentation to say you shouldn't! Normally you'd only use one but if your page is split into 2 sections of equal importance then a H1 heading for each section can be appropriate.

For example lets say you have a page about fruit n veg. These are two different things so you could organise your headings like this:
 


<h1>Fruit</h1>
<h2>Berries</h2>
<h2>Tropical</h2>
...etc

<h1>Vegetables</h1>
<h2>Root vegetables</h2>
<h2>Stem vegetables</h2>
...etc

 

i've never been as clear as i would like to be on this :) When i've discussed this with devs i've worked with we agreed that while we could use more than one on a page, we agreed to always aim for one.

in your fruit and veg example it makes sense but perhaps a little editorial control to title the page "produce" (or even "fruit & veg") as the only h1, with fruit as h2, and veg as h2 - as the fruit and the veg are probably sitting on a page about "fruit and veg" as one subject, rather than a split.

i would certainly be up for more than h1 on the page if it seemed a natural fit though :)

12 hours ago, davep said:

i've never been as clear as i would like to be on this :) When i've discussed this with devs i've worked with we agreed that while we could use more than one on a page, we agreed to always aim for one.

in your fruit and veg example it makes sense but perhaps a little editorial control to title the page "produce" (or even "fruit & veg") as the only h1, with fruit as h2, and veg as h2 - as the fruit and the veg are probably sitting on a page about "fruit and veg" as one subject, rather than a split.

i would certainly be up for more than h1 on the page if it seemed a natural fit though :)

I totally agree limiting to one H1 on any page makes sense as that's the expected norm these days, usually "advised" by SEO's of course :)

I have done pages with multiple H1's in the past,  and it made no difference to search rankings. On one site we needed to pay special attention to screen reader visitors, after testing those visitors they actually suggested multiple H1's to help them tab to content area a bit easier, less keyboard taps was the main reason, so there's an accessibility angle as well.

I'm up for starting a H1 revolution1

  • Jack 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.