Skip to main content

H1

Use H1 for the main page headline. It tells visitors and search engines what the page is about, so it should be clear, specific, and aligned with the offer.

How It Works In Atomicat​

In Atomicat 3.0 headings are handled through the Text element with an HTML tag setting. H1 is a text preset where the tag should be h1. The Text drawer supports editable content, preserved inline HTML, click events, and tag selection; style controls handle typography, color, spacing, and responsive alignment.

When To Use It​

  • Create the primary headline above the fold.
  • State the core promise, product, or outcome of the page.
  • Support SEO by matching the page topic without keyword stuffing.
  • Anchor a landing page section when the H1 is part of a template.

Configure The Element​

  • Write one specific headline before styling.
  • Confirm the tag is H1 and avoid adding several H1 elements on the same page.
  • Use Click Event only if the headline intentionally behaves like a link; otherwise use a Button.
  • Adjust typography for mobile separately so the headline does not wrap awkwardly.
  • Keep supporting copy in Text or Advanced Text instead of overloading the H1.

Testing Notes​

  • Preview desktop and mobile above the fold.
  • Check that the H1 is still readable over background images or gradients.
  • Review the page title, meta description, and H1 together for consistency.

Limitations And Tips​

  • Do not use H1 for decorative large text when it is not the main topic.
  • Avoid putting multiple offers into one headline; split support points into subheadings or bullets.
  • Animations can distract from H1 clarity; use Animated Text only when it improves the message.

FAQ​

Can I have more than one H1?

It is best to keep one main H1 per landing page for clarity and SEO.

Is H1 different from Text?

It uses the Text system with the heading tag set to H1.

Should the H1 be clickable?

Usually no. Use a Button for the main action unless the headline is intentionally a link.