Basics about headings

Support
#1

Hi, is there any tutorial or guide for beginners wanting to understand about h1, h2 looking like h3, h4 etc. I’ve no clue what these meant & don’t know which one to choose & the implication on how the heading looks like on various devices. Any samples to help me understand will be welcome!

#2

Hello There,

Thanks for writing in! If you are using class custom headline, the heading level is the h tag wrapper and the looks like option will be apply the styling of the selected h tag. For example, you have a custom headline that is using h2 as the heading level but it looks like h4 which could be a lot smaller than a normal h2 heading tag.

At the moment, we do not have any guide or tutorial that is available in our knowledge base. You might want to check out the custom headline shortcode: http://demo.theme.co/integrity-1/shortcodes/custom-headline/

Hope this helps.

#3

Nope, that doesn’t help :joy:

Anyone who can can explain it in simple words? What is the difference between h1, h2? & h3, h4, h5 & h6. Any samples or screencasts will be helpful.

So we know how to choose, or why we choose “h2 but looks like h4”. Why don’t we choose h4 right away or just reduce the font?

#4

Hi There,

h1, h2 & h3, h4, h5 & h6 are use for identify different kind of headings.
You can make all the H tags similar look through CSS but the font size is in decrease order by default in html tag.
For SEO propose it good to have one H1, and H2 in a page where as h3 and rest can be used multiple time.

Thats why there is option to choose different tags for user convenient. You can use any tag and design is as per your requirement. But its better to use at least one H1 and H2 for better SEO.

Hope this clear.

Thanks

#5

I’m guessing from your explanation is that H1, H2 are major headings and so I should have only one. Thus these are for the Home page, right?

You said: “Thats why there is option to choose different tags for user convenient.”
May i know where is this option, and where are the tags, or how do I assign the tags?

If you can show a sample or screencast, it will help.

#6

Hello @iamwithU,

Thanks for asking. :slight_smile:

I suggest you to watch following video featuring Matt Cutts. It’s a bit old video but the fundamental concept remains the same.


Here is a screencast that you can take a look. https://cloudup.com/cgCK7rTKMGs

Thanks.

#7

I watched the 2 videos, but they don’t explain the basics nor tell us what is the difference btw H1, H2 etc.

Do you have a simple picture to illustrate what H1, H2, H3, H4, H5 & H6 means? Is it just different heading sizes?

Without knowing what H1, H2 etc means, I don’t know what to choose. I had tried exploring with selecting different combinations of say, H2 looks like H4, but can’t figure out the significance or implication.

#8

Hi @iamwithU,

In design view, its difference is just the same, H1 is the bigger as the intended display. There is no restriction on what to use and where to use, it’s up to you.

But in SEO and data presentation, yes, H1 is the main title and there should be only one in a single page. Then H2 can serve as subtitles of H1, it depends on what you’re presenting. Example, there is a page that list all the articles (an index page) and item has its own title, then that title would be H2 which can be repeated.

H1 = My Blog
H2 = Article titles within the My Blog

if you click an article, it will then load the main article page

H1 = Main article title
H2 = Main article sub-title
H3 = Title per section of the article

Then H3 and below are standard titles for widgets, sub-texts and sections, and so on.

But yes, if your aim is for just design then you may use it anything you wish :slight_smile: , just make sure H1 is added once if you’re planning to index it with search engines.

Plus, you can choose H3 and you can still display it the same as H1 by choosing the display as option, it’s for visual changes while following the SEO standard.

Thanks!

#9

Wow, Rad, you explained it so beautifully & succinctly. I now understand it finally!

Thank you very much :kissing_heart:

#10

You’re welcome. Glad we could help.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.