Wix ヘルプ

見出しタグは、ページの見出しを表す、サイトの HTML コード内の要素です。タグには、(H1) から (H6) までの階層構造があります。

これらの見出しタグは、サイト訪問者が各ページの内容を理解するのに役立つだけではなく、サイトの検索エンジン最適化(SEO)にも役立ちます。また、Google や ChatGPT などの AI ツールが、コンテンツを理解して引用するのにも役立ちます。各セクションに明確な見出しタグを追加し、トピックを絞ってページを掲載すると、AI ツールがそのセクションを回答として提案する可能性が高くなります。

異なるレベルの見出しタグをタイトルとして使用し、ページのコンテンツをセクションやサブセクションで構成することができます。たとえば、Wix ブログ記事のセクションタイトルには H2 タグを、サブセクションタイトルには H3 タグを使用することができます。
重要:
見出しタグは、ウェブブラウザとスクリーンリーダーがサイトの構成を理解し、コンテンツをナビゲートする際の手助けになるので、サイトのアクセシビリティに考慮する上でも重要です。アクセシビリティに関する詳細はこちら

ページに見出しタグを追加する

エディタでサイトのページに見出しタグ(HTML タグ)を追加することができます。
たとえば、ページの上部に H1 タグを追加できます。H1 見出しタグは、各ページのタイトルとして機能します。このタグは、新聞の見出しに似た、ページの見出しとなります。
ライブサイトに、追加した h1 タグの見出しが表示されている様子を示したスクリーンショット。
重要:
  • Shift + Enter キーを押して改行することで、見出しタグを複数行のテキストに割り当てる(または単語間に改行を入れる)ことができます。
  • 空白の H1 タグが生成されないよう、H1 テキストスタイルに空白の改行がないことを確認してください。

H1 タグを追加する方法:

  1. エディタにアクセスします。
  2. エディタ左側で「パーツを追加」 をクリックします。
  3. 「テキスト」をクリックします。
  4. 「見出し h1」をクリックし、サイトページにドラッグします。
Wix エディタで、「見出し h1」パーツを追加する様子を示したスクリーンショット。
  1. テキストパーツをクリックし、見出しのテキストを入力します。

テキストの見出しタグの階層を変更する

コンテンツやデザインに影響を与えることなく、テキストの見出しタグの階層を変更することができます。たとえば、タイトルの見出しタグを H1 から H4 に変更できます。これは、テキストの見た目を変えずにページを再構成する必要がある場合に役立ちます。

テキストの見出しタグの階層を変更する方法:

  1. エディタにアクセスします。
  2. 該当するテキスト要素を選択します。
  3. 「テキストを編集」をクリックします。
  4. 「SEO・アクセシビリティ」をクリックします。
  5. 「見出しタグを選択」ドロップダウンから、新しい見出しタグを選択します。
Wix エディタで、新しい見出しタグを選択する様子を示したスクリーンショット。

見出しタグをカスタマイズする

エディタで見出しタグのフォント、色、文字サイズ、テキストスタイルを変更することができます。保存すると、サイト全体に変更内容が適用されます。

見出しタグをカスタマイズする方法:

  1. エディタにアクセスします。
  2. ページのタイトルとして使用されているテキストボックスをクリックします。
  3. 「テキストを編集」をクリックします。
  4. 「スタイル」ドロップダウンをクリックし、下部の「テーマを編集」を選択します。
  5. オプションを使用して、見出しのスタイルをカスタマイズします。フォント、色、書式設定などを変更することができます。
    ヒント:必要に応じて、下部の「初期設定に戻す」をクリックして、テキストテーマを、最後に保存したバージョンに戻すことができます。
  6. 「適用」をクリックします。
Wix エディタで、見出しタグのテーマをカスタマイズする様子を示したスクリーンショット。

ページのソースコードで見出しタグを確認する

ソースコードを確認して、ページの見出しタグが正しく表示されているか確認することができます。

ソースコードでページの見出しタグを確認する方法:

  1. ライブサイトから該当するページのソースコードにアクセスします。

  2. 「Ctrl」+「F」を使って検索バーを開きます。

  3. 検索バーに「<H1」(または「<H2」、「<H3」など)と入力して、見出しタグを特定します。

ライブサイトでソースコードを表示し、h1 タグを確認している様子を示したスクリーンショット。