Give the page a clear subject
An H1 is an HTML heading element used here for the main subject of an individual page. Supporting H2 headings introduce major sections, with further levels used when those sections contain their own subsections. This creates a navigable outline rather than a collection of large text blocks.
Headings help people scan the page and assist screen-reader navigation. Their level should reflect the content structure, not a desired font size. W3C’s headings tutorial explains the accessibility purpose of a logical hierarchy.
Example: a specific website development page
A page about custom web development should introduce that service clearly in its main heading. Sections about integrations, the development process and common questions can then sit beneath it. An unrelated promotional slogan can be supporting copy without replacing the description of what the page actually covers.
In a visual builder, check the HTML tag separately from the typography control. Making an ordinary paragraph larger does not turn it into a heading. Equally, choosing H1 simply because its default size looks right may create an unintended second main heading in a reusable section or footer.
Check the rendered page after editing
Inspect the heading outline after the theme and builder have both rendered. A theme may output a page title while the design contains another H1. Decide which component supplies the visible main heading, and test the result on the actual front end.
Use plain wording that matches the content. Avoid forcing repeated keyword variations into every heading or inserting markup that appears literally in the page. A logical outline should still make sense without the colours, animations and images. Review long headings on small screens so important words are not clipped or hidden by the layout.
Common questions about h1 heading
Is an H1 the same as the SEO page title?
No. The H1 appears in the page content. The title element is metadata used by the browser and considered by search engines when forming a result title.
Will fixing one extra H1 guarantee better rankings?
No. Clear headings are a useful structure and accessibility improvement, but they do not guarantee a ranking change. Review the page’s overall usefulness and technical health as well.
Related definitions
- HTML — HyperText Markup Language: the document structure used to describe web content, including headings, paragraphs, links, lists, images and forms.
- Page title — The title element in a web page’s head. It should identify the page clearly and distinguish it from other pages; search engines may rewrite the displayed title.
- Accessibility — Designing content and controls so people with different abilities can use them, including through a keyboard, screen reader, enlarged text or reduced motion.
- On-page SEO — Work on a page’s content and structure, including its topic, headings, metadata, relevant links and images, to help people and search engines understand it.
Related SEO guides
The main heading introduces the page, while supporting headings organise the detail that follows.
For help connecting these decisions with your website, explore our SEO services or start with an SEO audit.
Put it into practice
Explore our web design service or talk with Refined IT about applying this to your website or business systems.