ページの見出しタグを管理する
読了時間：5分
見出しタグは、ページの見出しを表す、サイトの HTML コード内の要素です。見出しタグには、(H1) から (H6) までの階層構造があります。
見出しは、サイト訪問者が各ページの概要を理解するために重要なだけでなく、サイトの検索エンジンの最適化（SEO）にも役立ちます。
異なるレベルの見出しタグをタイトルとして使用し、ページのコンテンツをセクションやサブセクションで構成することができます。たとえば、Wix ブログ記事のセクションタイトルには H2 タグを、サブセクションタイトルには H3 タグを使用することができます。
重要：
見出しタグは、ウェブブラウザとスクリーンリーダーがサイトの構成を理解し、コンテンツをナビゲートする際の手助けにもなるので、サイトのアクセシビリティに考慮する上でも重要です。アクセシビリティについて詳細はこちら
この記事では、以下の項目について説明します：
ページに見出しタグを追加する
エディタでサイトのページに見出しタグを追加することができます。
たとえば、ページの上部に H1 タグを追加できます。H1 見出しタグは、各ページのタイトルとして機能します。このタグは、新聞の見出しに似た、ページの見出しとなります。
重要：
- Shift + Enter キーを押して改行することで、見出しタグを複数行のテキストに割り当てる（または単語間に改行を入れる）ことができます。
- 空白の H1 タグが生成されないよう、H1 テキストスタイルに空白の改行がないことを確認してください。
H1 タグを追加する方法はこちら：
Wix エディタ | こちらをクリックして手順を確認しましょう
をクリックします。
Editor X | こちらをクリックして手順を確認しましょう
をクリックします。
テキストの見出しタグの階層を変更する
コンテンツやデザインに影響を与えることなく、テキストの見出しタグの階層を変更することができます。たとえば、タイトルの見出しタグを H1 から H4 に変更できます。これは、テキストの見た目を変えずにページを再構成する必要がある場合に役立ちます。
Wix エディタ | こちらをクリックして手順を確認しましょう
Editor X | こちらをクリックして手順を確認しましょう
見出しタグをカスタマイズする
エディタでは、見出しタグのフォント、色とフォントサイズ、テキストスタイルを変更することができます。保存すると、変更がサイト全体に適用されます。
カスタマイズしたテキストスタイルは、「追加」メニューと「スタイル」下のドロップダウンにあります。
見出しタグをカスタマイズする方法：
- ページのタイトルとして使用されているテキストボックスをクリックします。
- 「テキストを編集」をクリックします。
- 「見出し 1」のテキストスタイルを編集します。
Wix エディタ | こちらをクリックして手順を確認しましょう
Editor X | こちらをクリックして手順を確認しましょう
ヒント：
「テキスト設定」下にある「変更をリセット」をクリックして、テキストのテーマを最後に保存したバージョンに戻します。
ページのソースコードで見出しタグを表示する
ソースコードを確認して、ページの見出しタグが正しく表示されているか確認することができます。
ソースコードでページの見出しタグを表示する方法：
- ページのソースコードにアクセスします。
- 「Ctrl」＋「F」を使って検索バーを開きます。
- 検索バーに H1（または <H2, H3 など）を入力して、見出しタグを特定します。
お役に立ちましたか？
|