Headings are one of the most important factors in SEO. Search engines give higher weight to words within heading elements (H1, H2, .., H6) than the others. H1 has the highest weight, H2 a little lower and so on.
Headings normally appear in larger font sizes but sometimes keywords important for SEO should not appear too large.
To facilitate this, the theme offers five different font size settings for headings:
no class, headings_small, headings_xsmall, headings_xxsmall, headings_xxxsmall.
<h1>title</h1> is the largest, <h1 class="headings_small">title</h1> is a bit smaller, and so on.
Similarly, <h2>title</h2> is the largest, <h2 class="headings_small">title</h2> is a bit smaller, and so on.
These CSS classes can also be used for the container elements of headings.
The following headings:
<div class="headings_small">
<h1>Main title</h1>
<h2>Subtitle</h2>
</div><div class="headings_xsmall">
<h1>Main title</h1>
<h2>Subtitle</h2>
</div>Another important feature in the theme is related to page and post titles. Page titles (and the post titles on single post pages) are displayed in h1, post titles within post lists are displayed in h2 elements. That is typically good for SEO, but if you want, you can modify it. The dottoro_content_title_args and dottoro_post_meta_title_args filters allow you to change the heading tags and their CSS classes. For further details, please see Child Themes and Filter Hooks.
Post list shortcodes also allow you to specify the properties of headings. Further details, please see the heading_tag and heading_class attributes of the [post_list], [news_list] and [portfolio_list] shortcodes.