Skip to main content

Adjusting heading sizes of page sections

Rodrigo avatar
Written by Rodrigo
Updated over a week ago

Changing the sizes of headings on your site pages lets you fine-tune your site for better optimization and search engine visibility.

In this article, we'll share how to adjust heading sizes on your site pages.

Introduction

Headings are important for both people visiting your website and for search engines.

Visitors look at headings to quickly see if the page has what they need. Big headings usually show the main ideas, helping visitors find their way around the content.

Search engines use headings to understand what the page is about. This helps place the page in search results where it fits best.

On Podia, you'll be able to adjust your headings based on 4 sizes: Heading 1, Heading 2, Heading 3, and Heading 4.

How to use headings the right way?

Headings get smaller as you go down. The H1 heading is the biggest on the page. H2 is a bit smaller than H1, and H3 is smaller than H2, and so on.

Start with the H1 heading, which is the biggest and shows the main idea of the page. It should be able to translate the main idea of your page. If you are targeting specific keywords for SEO purposes, make sure to include it in your H1 heading.

Best practices say you should only have one H1 heading per page.

Subheadings from H2 to H4 help break down and further organize your content into clear sections.

Most pages should have at least one H2 heading to outline major points. However, if having an H2 doesn’t make sense for your readers, it’s okay to skip it.

Use subheadings H2 to H4 where they naturally fit in your content, to guide readers through the text and clarify the structure.

Be careful to use these headings in order, avoiding any jumps in the heading levels to maintain a smooth flow and logical order.

Now that we have a better understanding of how to use headings, let's take a look at how to adjust heading sizes on Podia.

Adjusting heading sizes for page section

Here's how to adjust heading sizes for page sections on Podia:

  1. Access the Site Builder

  2. Select the Heading size you'd like to use from the left-hand menu

And that's it! Your headings will be automatically adjusted based on your choices.

Implications of adjusting heading sizes

Changing the heading sizes on your site can affect other parts of your page sections, like font sizes, colors, and more!

Let’s look at some changes you might see in page sections depending on your heading choices.

Font changes

Podia will automatically adjust font sizes of other elements of your page sections based on the heading size you select:

  • For sections using Heading 1, we will adjust button text and Subtitle to the Large style, and Pretitle to the Medium style.

  • For sections using Heading 2 , we will adjust button text and Subtitle to the Medium style, and Pretitle to the Small style.

  • For sections using Heading 3 and Heading 4, we button text, Subtitle and Pretitle to the Small style.

Paragraph text will remain the same and can be adjusted using the Text area of page sections.

Color changes

You might notice font color changes depending on what heading size you pick.

The reason for this is that each Heading size will have a specific color value and they can be different depending on what values you have.

Make sure to adjust your section theme colors if you want to change the color of a particular Heading size.

Collection sections

Collection sections include the title and their individual items, like Testimonials, Products, Plans, Grids & FAQ page sections.

In collection sections, the heading size you choose applies to the section's main title. The titles of individual items in the section will automatically use the next size down for their headings.

For example: if the section title is set to Heading 1, the item titles within that section will use Heading 2 .

The exception to this rule is if you select Heading 4, in which case individual item titles will also use Heading 4.


FAQ & Troubleshooting

Why can't I change the heading size of the title of my blog posts?

Blog post titles are automatically set to Heading 1, due to SEO best practices. Therefore, you won't have the option to change the heading size for blog post titles.

I'm noticing that other elements of my page sections - such as font sizes - are also changing when I change the heading size... Is this expected?

Yes. Changing heading sizes will also have implications on other elements of your page sections.

You can read more about its implications here.


Still need help?

If you have any questions, send an email to hello@podia.com or click the purple help icon to send us a message 😄

Did this answer your question?