主題

使用標題引導人們和搜尋引擎瀏覽您的內容。

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 新增面板. Double-tap into the Title to adjust the content, then utilize the 風格面板 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 進入. 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 的最新帖子 (看全部)