WordPressの長い記事に目次を追加することは、読みやすさを向上させるだけでなく、サイト全体の構造を強化します。目次は読者にわかりやすいナビゲーションを提供し、興味のあるコンテンツを素早く見つけるのに役立ちます。この記事では、WordPressで手動またはプラグインを使って目次を追加し、投稿を整理整頓してユーザーエクスペリエンスを向上させる方法を詳しく説明します。
![画像[1] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロフェッショナルなWordPress修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102413070394.jpg)
カタログの役割と重要性
まず、なぜWordPressの投稿に目次を追加することが重要なのかを説明しよう。
- 読みやすさの向上:長い記事の場合、読者は必要な情報をどのように探せばよいのかわからず、迷ってしまうことがあります。目次は、すっきりとしたナビゲーションでユーザーを誘導し、関連するコンテンツに素早くジャンプできるようにし、読みやすさを向上させます。
- ウェブサイトの美観を向上させる:目次をつけることで、記事がより整理されたように見え、全体的なデザインが向上し、読者にコンテンツが明確に構成され、プロフェッショナルであると感じさせることができる。
- ユーザーエンゲージメントの向上:ユーザーが関心のあるコンテンツを簡単に見つけることができれば、より長く滞在し、より多くのコンテンツを読む可能性が高くなる。
- SEOの利点:検索エンジンのクローラーは、目次を通して記事の様々な部分をより簡単にクロールすることができ、SEOに役立ちます。検索エンジンは、ウェブサイトの最適化の一環としてページの構造を見ており、ディレクトリはウェブサイトの構造を強化するのに役立ちます。
![画像[2] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロフェッショナルなWordPress修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102503094067.png)
WordPressに手動でディレクトリを追加するには?
手動アプローチは、より自由でカスタマイズされたソリューションを好むユーザー向けである。次のセクションではクラシックエディター歌で応える グーテンベルク・エディターカタログを手動で
1.クラシックエディターで手動でカタログを追加する
まだクラシックエディターをお使いの方は、以下の手順でカタログを追加できます:
ステップ1:記事のトップにディレクトリタイトルのリストを作成する
まず、段落やリストを使って記事の上部に目次を作り、すべての記事タイトルをリストアップする。これにより、ユーザーは興味のあるセクションに簡単にナビゲートすることができます。タイトルは手動で入力することができ、各タイトルが記事内容の実際のタイトルと一致していることを確認する。
例えば、段落ブロックやリストブロックに次のように入力できます:
- 第一部タイトル
- 第二部のタイトル
- パートIIIのタイトル
![画像[3] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロのWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102503215840.png)
各ヘッダーテキストが改行各項目を独立した行にする。
ステップ2:HTMLアンカーIDの追加
次に、記事の各タイトルを調べ、各タイトルにユニークなHTMLアンカーIDを割り当てます。これは、ユーザーが目次のリンクをクリックしたときに、ページ内で誘導される場所のマーカーです。
に切り替える必要がある。テキストエディタHTMLコードの各見出しに手動でid属性を追加する。HTMLコードの各見出しにid属性を手動で追加する。
![画像[4] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロのWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102503240422.png)
例えば、タイトルが"ワードプレスウェブサイトの作り方"に、以下のHTMLコードを追加してください:
<h3 id="create-wordpress-website">ワードプレスウェブサイトの作り方</h2><h3 id="create-wordpress-website">ワードプレスウェブサイトの作り方</h2><h3 id="create-wordpress-website">ワードプレスウェブサイトの作り方</h2>
![画像[5] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロのWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102503312134.png)
このid属性は一意であり、ページ上で繰り返されてはならない。
ステップ3:アンカーリンクへの変換
各タイトルにHTMLアンカーを設定 身分証明書 その後、一番上のディレクトリ一覧に戻り、各タイトルをクリックしてジャンプできるアンカーリンクに変換する。
クラシック・エディターのビジュアライゼーションモードで、カタログのヘッダー・テキストを選択し、"リンク"アイコン
![画像[6] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロのWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102503331589.png)
ポップアップ表示されるリンクボックスに、ウェル番号(#)に対応するアンカーIDを追加する。ワードプレスウェブサイトの作り方"と入力することができる:
<a href="#create-wordpress-site">ワードプレスウェブサイトの作り方</a><a href="#create-wordpress-site">ワードプレスウェブサイトの作り方</a><a href="#create-wordpress-site">ワードプレスウェブサイトの作り方</a>
![画像[7] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロのWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102503335595.png)
ユーザーが正確にジャンプできるように、アンカーはユニークでタイトルの内容に関連したものである必要があることを忘れないでください。
2.Gutenbergエディターでブロックを使ってカタログを追加する
WordPress 5.0からデフォルトのエディターとなったGutenbergエディターは、投稿の構築にブロックシステムを採用しています。ここでは、Gutenbergエディタに目次を追加する方法を紹介します。
ステップ1:リスト・ブロックの作成
まず、左上の"+「アイコンをクリックし、検索ボックスに"リスティング"(ディレクトリはリストを使って追加する必要はありません)。リスト・ブロック」を選択し、記事に追加します。このブロックは記事の目次として機能します。
![画像[8] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロフェッショナルなWordPress修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102503351575.png)
ステップ2:アンカーポイントの作成
各見出しにアンカーポイントを作成します。見出しブロックを選択し、右側の列にある "詳細設定 "オプションをクリックします。HTMLアンカー "ボックスに、タイトルのカスタムアンカーを入力します。例えば、タイトルが「WordPressウェブサイトの作り方」の場合、"ワードプレスサイト作成".
![画像[9] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロのWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102503391874.png)
ステップ3:リストブロックにリンクを追加する
リストブロックに戻り、カタログ項目の名前を入力する。ワードプレスウェブサイトの作り方".テキストを選択し、ツールバーのリンクアイコンをクリックし、リンクボックスに「"」と入力する。1TP5Wordpressサイト作成".これにより、カタログ項目はそのセクションのアンカーにリンクされます。
![画像[10] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102503400818.png)
ステップ4:カタログ項目を増やす
さらに見出しを追加し、上記のステップを繰り返し、そのたびに新しい見出しのアンカーを作成してカタログにリンクさせることができます。
プラグインでWordPressにディレクトリを追加する
LuckyWP目次プラグインを使う
LuckyWP 目次 は、カタログのスタイルをより自由にコントロールしたいユーザーのための、もうひとつの強力なプラグインだ。
ステップ1:プラグインのインストール
他のプラグインと同様に、まずプラグイン・リポジトリから LuckyWP 目次 をインストールし、アクティベートする。
![画像[11] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロフェッショナルなWordPress修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102413005265.png)
ステップ2:プラグインの設定
アクティベーション後、"セットアップ" > "LuckyWP 目次"をクリックし、カタログの場所の自動挿入、カスタムカタログスタイルなど、お好みに応じて表示オプションを設定します。
![画像[12] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102413015297.png)
ステップ3:手動または自動でカタログを追加する
プラグインが自動的にすべての投稿に目次を挿入するか、手動で各投稿に目次を追加するかを選択するオプションがあります。プラグインは特定のタイトルを除外することもでき、目次に表示したくないタイトルは除外することができます。
エディターで "+"をクリックし、目次を追加してページの内容を自動的に特定し、カタログを作成します。
![画像[13] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102503421196.png)
![画像[14] - WordPressにディレクトリを追加する方法:読みやすさとSEOを改善するための完全ガイド - Photon Flux.com|プロフェッショナルなWordPress修理サービス、グローバルなリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024102503424454.png)
概要
WordPressの投稿に目次を追加することは、ユーザーの読書体験を向上させるだけでなく、ウェブサイトの構造とプロフェッショナリズムを強化します。手動で目次を追加しても、プラグインを使って自動生成しても、ウェブサイトに大きな最適化効果をもたらします。目次があれば、ユーザーは長文のコンテンツをより素早く簡単にナビゲートできるようになり、エンゲージメントと滞在時間が向上します。さらに、明確なページ内構造はSEOにもプラスの効果をもたらします。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/22175
この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし