Rocketspark allows you to do three different types of headings on a webpage. Although we differentiate these headings by size (e.g., “big heading”) it’s crucial to realise that these different headings are not only about font size, they’re about relative importance of information.
Designating a piece of text as a “big heading” will have two effects:
- The heading will appear in a large font size (i.e., looks big), and...
- Search engines will interpret that text as being the most important information on the page (i.e., what the page is about)
In other words, the heading doesn’t just affect the look of your website; it affects how well your website ranks for relevant search queries. So when you’re using headings you need to consider both your site’s visual design and its search engine optimisation (SEO). The bottom line is this: using headings incorrectly it can hurt your search rankings.
How to use each type of heading
We give you three different heading options. Here are a few hints and how-tos for using each type of heading:
1. Big heading:
- Each page should have just one big heading. Why? If you designate multiple snippets of text as big headings, search engines will get confused because they won’t know what the page is primarily about. Therefore…
- Your big heading should be the most important information on the page. That way, search engines know what the page is about, which improves how your page ranks in search results.
- In programming jargon, big headings use H1 tags (see below for explanation).
To use a big heading, click Add a block within a stack and select the big heading option.
2. Larger block title heading:
- It’s best to use it just a couple of times on a single page. Again, this will help search engines sift through your information and determine the importance of each piece.
- Use this type of heading for information of secondary importance.
- These headings use H2 tags (see below for explanation).
3. Smaller block title heading:
- You can use this type of heading as much as required by the content of the page.
- Use this type of heading for information of tertiary importance.
- These headings use H3 tags (see below for explanation).
To use a smaller block title heading, click Add a block within a stack and select the Text option. Then use the toggle switch to select the smaller letter A.
For the pros: a more technical explanation
HTML uses header tags to organise the information on a webpage into a hierarchy of importance. Header tags look like this:
<h1> primary information </h1>
<h2> secondary information </h2> ...etc.
Rocketspark uses H1, H2, and H3. To prevent confusion, we’ve avoided using the technical tag names:
- Big heading = H1
- Larger block title heading = H2
- Smaller block title heading = H3