この記事では、Webサイトのすべての記事と投稿に目次または索引を含めることの重要性について説明します。また、WordPress自体またはHTMLで目次を作成する方法についても説明します。要約から始めましょう：
正確に私がWordPressで私の記事を要約する方法。手動でプラグインなしで、好きな単語やIDを使用できます。何百ものプラグインでWordPressを評価せずに、私が欲しい記事でこれをすべて。
索引または目次とは何ですか？
記事または投稿では、これらは読者を投稿の小見出し（通常はH2）に直接リダイレクトする内部アンカーリンクです。これにより、彼が2,000語の記事を読んだり、1つの投稿にいくつかの異なるトピックを含めたりするのに多くの時間を浪費するのを防ぐことができます。
一般的な単語に関して言えば、インデックスは、アルファベット順、体系的、時系列、数値、または英数字の順序で編成できる単語のリストです。
インデックスは、指標、合図、または症状と同じであり、特定の状況や条件を比較、説明するための基準となる要素であり、本やリストのアイテムのそれぞれのページも示します。
目次は、記事の最初にあるリストで、[論文、本など]のすべての章を含んでいます。 目次は、内容が続く順序で、文書の主要な区分、セクションを列挙したものです。 それはしたがって、迅速でシンプル、簡潔かつ明瞭な要約となります。
翻訳することはどちらも同じことですが、私は個人的にそれを要約と呼ぶことを好みます。おそらくWordPressでインデックスを検索する人もいれば、目次を検索する人もいれば、アンカーリンクを検索する人もいます。
この記事で両方の表現を使用する主な理由は、Googleでの位置とランキングを改善し、より多くの人々にリーチするためです。実際、これは記事の目次と索引を使用するという目標です。
アンカーリンクと目次の重要性
アンカーリンクは、ページのセクションまたはサイトの別のページに移動するためのリンクです。それらは非常に重要であり、競合他社から目立つようにしたい場合は、決して無視してはなりません。
要約と索引は、記事や投稿で非常に重要です。これは、アンカーリンクを使用すると、記事のランク付けが容易になり、代替キーワードでより頻繁に表示されるようになるためです。
したがって、SEOを改善するために、常に目次を記事に追加してください。私はこれを手動で行い、多くはプラグインを使用しますが、手動でアンカーリンクのIDをより適切にカスタマイズできると思います。
アンカーリンクのあるインデックスはどのようになりますか？
インデックスは、目立つブロック、異なる背景色、太字のタイトルでリストする必要があります（私はPreformattedブロックを使用します）。目次リストは、ダッシュ[-]の後にアンカーリンクを持つテーマを続けて並べ替えることができます。
字幕と同じ単語で目次にトピックをリストする場合としない場合があります。インデックスと小見出しH2を少し変えることを好むことがあります。テキストがGoogleで見つかる可能性が高くなるように、さまざまな単語で変化させようとしています。
アンカーは、[#]で始まるリンクであり、パスがページ自体の中にあることを示します。字幕の主題とは関係のない数字や単語でランダムなアンカーリンクを配置する習慣がある人もいます。
アンカー[#example]の場合でも、グーグルや他の検索エンジンでより良い位置に配置するためのキーワードが含まれていることが重要であることを覚えておく必要があります。したがって、アンカーに数字やランダムなものを使用しないでください。
アイコンでは、リンクは常にチェーンで表されていることに気づきましたか？すでにアンカーは文字通りアンカーによって表されていますか？簡単に言えば、アンカーはチェーンの終わり、またはどこかで確立されたリンクの最終的な宛先です。
記事にインデックスを作成する際の問題は何ですか？
あなたのサイトのSEOとランキングにとって非常に有益であるにもかかわらず、インデックスは読者を目的の部分に直接ジャンプさせ、あなたのサイトに費やす時間を減らし、より少ない広告を見ることができます。バウンス率とクリック単価に影響する場合と影響しない場合があります。
単語が少ない記事や投稿のインデックスも奇妙に見えることがあります。私は通常、800以上の単語と3つ以上のH2小見出しである記事でアンカーリンク付きのインデックスを使用します。
これを手動で行う場合、自動生成されたIDは、手動で生成されたIDと同じ権限を渡しません。手動で行うと、カスタムアンカーを追加でき、Googleがそれを悪いことと見なす可能性を減らすことができます。
HTMLで目次を作成する方法
Gutenbergエディターを備えた新しいバージョンのWordPressの前は、手動でHTMLコードを使用して、アンカーリンク付きの目次を作成する必要がありました。最近では、新しいグーテンベルクエディターのおかげでこれが簡単になりました。
それでも、HTMLのアンカーリンクがどのように機能するかを詳しく説明します。目次に加えて、アンカーリンクが移動する[ID]を手動で追加する必要があります。通常、このIDはヘッダー（H2、H3、およびH4）に配置されます。
最初の目次または索引では、HTMLコードは次のようになります。
<strong>記事の概要</strong> <a href="/ja/”/#nome_da_ancora”">-アンカータイトル</a> <a href="/ja/”/#nome_da_ancora2”">-アンカータイトル2</a> <a href="/ja/”/#nome_da_ancora3”">-アンカータイトル2</a>
HTMLビューの結果は、次のようになります。
これはHTMLで作成された要約です。同じリンクタグを使用しますが、リンクの代わりにhref=#blablaを追加します。ハッシュタグ[#]は、リンクが同じページにあり、IDであることを示しています。
ハッシュタグを配置したら、H2字幕または要約に表示するその他の場所へのパスを追加する必要があります。 HTML出力は通常次のようになります。
<h2 id="nome_da_ancora">
プラグインなしでWordPressの要約を作成する方法
ハッシュタグは必要ありません。 WordPressエディターでは、キーワードの間に引用符を使用せずにIDを追加できます。この問題は自動的に修正されます。ほとんどのHTMLリーダーとエディターは、引用符を使用して理解できると思います。
新しいGutenbergエディタの目次の機能を知っているので、より良いものを作成することを提案します。すべてのH2ヘッダーを含む記事を書き終えたら、情報ボタンをクリックして、文書の概要の下に表示されるすべての目次をコピーすることができます。
この要約には、グーテンベルクエディターのハッシュタグと内部IDも含まれます。背景が灰色のフォーマット済みのWordPressボックスにすべてをコピーして貼り付け、貼り付けに付属しているH2を消去して、ダッシュ[-]を追加して終了するだけです。
要約内のリンクを編集し、上記の例のようになるまでカスタムハッシュタグを配置するだけです。その後、H2ヘッダーの記事を読み、それらを選択して、ブロックオプションに移動します。
H2やその他のヘッダーのブロックオプションでは、高度なタブにHTMLアンカーオプションがあります。このフィールドに目次に追加したIDを入力するだけで、ハッシュタグは使わずに[#]。WordPressはHTMLを編集する必要なく、自動的に追加します。
目次–WordPressで目次を作成するためのプラグイン
記事全体を通して、私は要約を手動で行うことと、ハイパーリンクをよりクリーンに保つためにプラグインを使用することを大いに拒否することについて話しました。残念ながら、私は考えを変えてしまい、無駄な作業と時間を避けるために、プラグインに固執することになりました。
現在、私はLuckyWP Table of Contentsプラグインを使用しており、アンカリンクを小文字にし、アクセントなしでH2およびH3タイトルと同じになるように設定しています。このプラグインについてあまり話すことはありませんが、もし何か探しているのであれば、これが最高だと思います。
テキストエディタを使用した巨大な目次のアンカー
WordPressの記事の要約やその他のHTMLテキストにハッシュタグとIDを自動的に追加できる変数置換ツールを備えたテキストエディターがあります。
私はMacOSを持っているので、CODA 2テキストエディタを使用しています。これは私が見つけた唯一のテキストエディタであり、記事の最初と最後を行き来することなく、ヘッダーにIDを簡単に追加できます。 Dreamweaverには、テキストを検索して置き換えるための優れたオプションもあると思います。
検索と置換で変数をサポートするテキストエディタプログラムを使用して、次を追加して検索と置換を行います。変数は[]で囲まれます。
<a href=”#[1]”>-[2]</a>[3]<h2>
最初の変数は目次のIDを特定して記憶します。二番目の変数は目次内の残りの行と等しくなります。三番目の変数は、まだIDが追加されていないヘッダーまで記事の残りの部分を持っていきます。置き換えてください：
<a lol href=”#[1]”>-[2]</a>[3]<h2 id="[1]">
ロケーターがスペースや記号と競合する場合がありますが、通常は1回だけ置き換えられます。すべての記事ヘッダーでこれを行うには、置換を複数回クリックする必要があります。
次のようなタイプのヘッダー記事のみを使用してこれを行うことが重要です。
、記事コードのH2ヘッダーの間にタグを追加することもできません。何かが間違っている場合、エディターは置き換えるたびに間違った変数を割り当てます。
置換は最初の目次から情報を取得します。テキスト内のlolは、置換がリストの同じ行でプロセスを繰り返さないようにするためのものです（後で削除することを忘れないでください）。プロセスの繰り返しでは、IDを持つを飛ばし、正しいヘッダーに直接移動します。
少し紛らわしいように思えるかもしれませんが、これらすべてをビデオでよりよく説明できると思います。とにかく、少し頭を使って作業をスピードアップし、すべての記事にインデックスを付けて、競合他社との差別化を図り、SEOを改善します。
私はまた、私がどのように記事を書くかについて長いビデオ講義を作成しました。以下で見ることができます：