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:
Access the Site Builder
Click directly on the section you want to modify or add a new page section
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
andHeading 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
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?
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 [email protected] or click the purple help icon to send us a message 😄