header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

ページの見出しタグを管理する

5分
見出しタグは、ページの見出しを表す、サイトの HTML コード内の要素です。タグには、(H1) から (H6) までの階層構造があります。
見出しは、サイト訪問者が各ページの概要を理解するために重要なだけでなく、サイトの検索エンジンの最適化(SEO)にも役立ちます。
異なるレベルの見出しタグをタイトルとして使用し、ページのコンテンツをセクションやサブセクションで構成することができます。たとえば、Wix ブログ記事のセクションタイトルには H2 タグを、サブセクションタイトルには H3 タグを使用することができます。
重要:
見出しタグは、ウェブブラウザとスクリーンリーダーがサイトの構成を理解し、コンテンツをナビゲートする際の手助けにもなるので、サイトのアクセシビリティに考慮する上でも重要です。アクセシビリティについて詳細はこちら

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

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

H1 タグを追加する方法:

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

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

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

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

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

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

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

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

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

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

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

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

  1. ライブサイトで、該当するページのソースコードを表示します。
  2. Ctrl」+「F」を使って検索バーを開きます。
  3. 検索バーに「H1」(または「H2」、「H3」など)と入力して、見出しタグを特定します。
A screenshot of locating the H1 tag in a page's source code.
ライブサイトに、追加した h1 タグの見出しが表示されている様子を示したスクリーンショット。
Wix エディタで、「見出し h1」パーツを追加する様子を示したスクリーンショット。
Wix エディタで、新しい見出しタグを選択する様子を示したスクリーンショット。
Wix エディタで、見出しタグのテーマをカスタマイズする様子を示したスクリーンショット。
A screenshot of locating the H1 tag in a page's source code.