メインタイトル

見出しを使用して、ユーザーと検索エンジンにコンテンツを案内します。

メインタイトルは Web コンテンツを整理し、読みやすさに不可欠です。メインタイトルはユーザーと検索エンジンによって使用されます。

タイトルを利用したユーザーと検索エンジンの概念を示す視覚的表現。ユーザーと検索エンジンのアイコンの下には、タイトルと段落が付いた「ビーツのすべてを学ぶ」というサンプル記事を指す 2 つの矢印があります。

キーポイント:

  1. タイトルを組み込む
  2. クラフトタイトル
  3. タイトルを調整する
  4. タイトルを強化する

タイトルを組み込む

タイトルには、最も目立つものから最も小さいものの順に、H1、H2、H3、H4、H5、H6 の 6 つの選択肢があります。

[タイトル設定の選択] パネルには、6 つのタイトル オプション、詳細情報の通知、およびすべての設定を表示するボタンが表示されます。

適切なタイトルの選択

タイトルを使用して Web サイトのコンテンツを配置する方法はさまざまです。ユーザーと検索エンジンが最初に目にする主要なタイトルは、通常 H1 である必要があります。これは新聞の見出しに似ています。

H1、H2、H3 のタイトル構造がどのように配置され、読み上げられるかを示した新聞の内訳。見出しは、その横に適切なタイトル タグとペアになっています。

タイトルは簡潔で、アクセスしているページの特徴を示し、人間の読者向けにカスタマイズされている必要があります。

サイトのセクションには、補助的なタイトル (通常は H2) を付けることができます。H3 は H2 の下に配置できます。タイトルは、人間の読者と検索エンジンにページ上のコンテンツを明確に表示するために使用されます。

デザイナーで H3 タイトルが選択されています。タイトル タイプ設定の選択パネルの下には、H1 - H6 タイトル ボタン、詳細を表示するためのメッセージと [OK] ボタン、および [すべての設定を公開] ボタンが表示されています。

クラフトタイトル

Webflowでタイトルをデザインするには、 パネルを追加タイトルをダブルタップしてコンテンツを調整し、 スタイルパネル フォント、フォント サイズ、フォントの太さ、色などを変更します。すでにスタイル設定されたタイトルがある場合は、クラス名を割り当てます。

左側のスタイル パネルのタイポグラフィ部分には、フォント ドロップダウン メニュー、太さドロップダウン メニュー、サイズ、高さ、および色の入力フィールド、4 つの配置オプション、6 つのスタイル選択肢、およびその他のタイプ オプション ボタンが表示されます。右側のセレクター パネルには、セクション タイトルというアクティブなクラスが表示されています。

タイトルを調整する

テキストを変更するには、要素をダブルタップするか、選択してクリックします。 入力次に、プレースホルダー テキストを強調表示し、パーソナライズされたコンテンツに置き換えます。

タイトルを強化する

タイトルの特定の部分を強調したり、斜体にしたり、スタイルを設定したりする場合は、タイトル要素をダブルタップし、コンテキスト メニューを使用してスタイルを設定します。この手順の詳細な例とガイダンスについては、「インライン テキストの書式設定」を参照してください。

ユアン・マック