ブログ記事の目次ジェネレーター

ブログ記事の目次ジェネレーター: 用途

WordPressのコードエディターなどの記事のHTMLを貼り付けると、各セクションへのリンク付き目次が作成されます。h2、h3、必要ならh4の見出しを読み取り、既存のidは残し、足りないidは見出しの文字からアクセント記号なし・ハイフン区切りで重複なく作成します。

出力されるコードは2つです。導入文の後に貼り付ける目次と、見出しにidを付けた記事です。目次は開閉ブロックまたは固定ボックスから選べ、1、1.1、1.2 のような番号の有無も選べます。動きを減らす設定にも配慮したスムーズスクロール付きです。

使い方

1. 記事のHTMLを貼り付けます。
2. 見出しのレベル、形式、番号付けを選びます。
3. 目次とidを付けた記事をコピーします。

使うタイミング

• 長いブログ記事。
• ガイドやチュートリアル。
• よくある質問のページ。

よくある質問

目次はGoogle検索に役立ちますか？

役立つ可能性があります。見出しにアンカーがあると、Googleが検索結果の下にセクションへのリンクを表示することがあり、探している部分へ直接移動してもらえます。また、長い記事では目次が冒頭で、その記事が疑問に答えていることを示してくれます。

見出しにすでにidがある場合は？

既存のidはそのまま残し、足りないものだけを見出しの文字からアクセント記号なし・ハイフン区切りで作成します。2つの見出しが同じidになる場合は、2つ目の末尾に -2 が付きます。

目次はどこに置けばよいですか？

導入文の後、最初のh2の前です。目次が長い場合は、スマートフォンで本文が下に押し下げられないよう、開閉ブロック（details）を使ってください。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。

関連ツール