Main Title

Use Headings to guide people and search engines through your content.

Main titles provide organization to your web content and are essential for legibility. They are utilized by individuals and search engines.

A visual representation showing the concept of a user and a search engine utilizing titles. Beneath the user and search engine icon, two arrows point to a sample article named Learn all about beets with titles and paragraphs.

Key Points:

  1. Incorporate Titles
  2. Craft Titles
  3. Adjust Titles
  4. Enhance Titles

Incorporate Titles

There are six choices for Titles, ranging from most prominent to smallest: H1, H2, H3, H4, H5, and H6.

The Choose title settings panel exhibits six title options, a learn more notification, and a reveal all settings button.

Choosing the Appropriate Title

There are various methods to arrange content on a website using Titles. The primary Title, the initial words your users and search engines encounter, generally should be an H1. This can be likened to a newspaper headline.

A newspaper breakdown showing how the H1, H2, and H3 title structure could be arranged and read. Headlines are paired with an applicable title tag next to them.

Titles should be succinct, distinctive to the page you’re visiting, and tailored for human readers.

Sections of your site could have subsidiary titles — commonly H2s. H3s can be placed beneath H2s and so forth. Titles are utilized to provide your human readers and search engines a clear view of the content on the page.

An H3 title is selected in the designer. The Choose title type settings panel is below showing the H1- H6 title buttons, a discover more message with an Ok, understand it button, and a disclose all settings button.

Craft Titles

To design a Title in Webflow, you can insert one onto the canvas from the Add panel. Double-tap into the Title to adjust the content, then utilize the Style panel to modify font, font size, font weight, color, and more. If you have an already styled title, assign it a class name.

On the left, the typography part of the Style panel showcases a font drop-down menu, weight drop-down menu, size, height, and color input fields, four alignment options, six style choices, and a more type options button. On the right, an active class named Section Title is visible in the selector panel.

Adjust Titles

To modify the text, double-tap the element or choose it and click Enter. Then, highlight the placeholder text and replace it with your personalized content.

Enhance Titles

If you wish to emphasize, italicize, or style specific portions of your Titles, double-tap into the Title element and utilize the context menu for styling. Further examples and guidance on this procedure can be found in Inline text formatting.

Ewan Mak
Latest posts by Ewan Mak (see all)