Tutorial: Text and Heading in Mobile Editor

Headings are essential tools for structuring your content. By establishing a visual hierarchy, you can emphasize key points and improve readability. A well-structured hierarchy helps you achieve your website's goals: raising awareness, educating your audience, or driving conversions.

The site's content is built on the principle of a hierarchy of elements - from largest to smallest. It consists of:

  1. Header 1: The largest and most prominent heading for main titles and important announcements.
  2. Header 2: A significant heading used to introduce major sections or topics.
  3. Header 3: A sub-heading used to further organize major sections into more specific topics.
  4. Header 4: A standard heading used to divide content into smaller sections.
  5. Header 5: A smaller heading used to introduce subsections or subtopics.
  6. Header 6: The smallest heading used to label specific points or lists.

Please refer to the Improving SEO in Site Editor article to learn about the best practices on how to use Headings for SEO & Accessibility.

Customizing Text or Heading

Click a Text or Heading element and start typing to modify its contents.

Select text to display the editing menu and be able to:

  • Make the selected text bold, italic, underlined, or strikethrough.
  • Change a regular text to a heading, and choose the heading variation: Header 1, 2, 3, 4, 5, or 6.
  • Align the text element to the left, right, or center.
  • Add a link to a page (and select a page), anchor (page and section), URL, file, email address, or phone number. You can also turn on the toggle to open a link in the new tab.
  • Select font, style, and format.
  • Choose a font size and line height.
  • Choose a text color and its opacity.