Title Content Block

  • Updated

The Title content block lets you insert structured header tags (H1, H2, and H3) directly into your design. This creates a clear content hierarchy for both readers and assistive technologies - improving web accessibility and SEO without the need for custom HTML.

Using proper header tags helps screen readers navigate your message, and on landing pages, it gives search engines a clear outline of your content’s structure.

Quick Reference (Advanced Users) - Click to Expand
  • Block location: In the sidebar, under Content Blocks → Title.
  • Header options: Choose from H1, H2, and H3.
  • Formatting: Use popup text options for font, color, size, and alignment.
  • Use case: Organize your content structure and improve readability for both humans and search engines.
Try it like this: Add a Title block to your landing page hero section and set it to H1 for your main heading. Beneath it, use an H2 for your supporting tagline or description - keeping your structure consistent and accessible.

 

How It Works

  1. From the sidebar, drag a Title block onto a Row in your design.

    Title Content Block in the Composer interface
  2. Configure the block in the sidebar - you’ll see similar options to the Paragraph block. You can adjust font, color, spacing, and alignment.
  3. When the text is selected, additional popup formatting options appear above the editor for quick inline styling.
  4. Choose the heading level (H1, H2, or H3) from the dropdown in the block toolbar to define hierarchy.

With the Title block, you can easily apply a consistent text structure throughout your message or page, without adding manual HTML tags.

Selecting H1, H2, or H3 from the Title block options

Use Cases

  • Accessibility: Screen readers rely on header tags to interpret and navigate page structure. A clear heading hierarchy helps visually impaired users understand your content order.
  • SEO: Search engines prioritize header content when analyzing landing pages. Properly tagged titles improve indexing and keyword relevance.
  • Design consistency: Using predefined header styles ensures visual harmony between your emails and landing pages.

Best Practices

  • Use only one H1 per design - it should represent the main subject or title.
  • Use H2 and H3 tags to create logical sections or subsections.
  • Maintain a clear visual hierarchy: larger headings should correspond to higher-level tags.
  • Keep headings short and descriptive for clarity and accessibility.
  • On landing pages, ensure headings include relevant keywords naturally (avoid keyword stuffing).

Was this article helpful?

Have more questions? Submit a request