ページが⻑いときは、冒頭に目次としてページの各地点に移動できる「ページ内リンク」を設置できている

サイト内のhタグをまとめましょう

まずはサイト内のアンカーリンク・目次をつけたい対象となるページのhタグをまとめましょう。hタグが何か分からない場合は下記記事をご覧ください。

hタグに関する説明記事へのリンクが入ります。

hタグを一覧でまとめるために今回使用するツールは『SEO Meta 1 click』です。SEO Meta 1 clickは見ているページのSEO対策情報を1クリックで解析できるGoogle Chromeの拡張機能です。

SEO Meta 1 clickのダウンロードはこちら

アドオンをクリックすると、下記のような画面が表示されます。

今回は試しにページとブログ記事の2つで例を用意しています。左がページ・右がブログ記事です。

左から2つ目、『Headers』のタブをクリックします。Headersで表示されているのは、このページのhタグの一覧です。

これらをコピー&ペーストでGoogleシートやExcelに後で確認できるようにしておきましょう。

まとめたのがこちらです。

ブログ記事 = 目次、ページ=アンカーリンクを設定しましょう

次にまとめたhタグの中から目次・アンカーリンクとなるものを決めて設定しましょう。ページの場合だと＜h2＞タグをアンカーリンクに、 ブログ記事の場合だとまとめまでのすべてを目次にしてあげることが多いです。ただ、ブログ記事の場合でもコンテンツ量が多いと感じる記事の場合は、＜h2＞タグのみを目次にするのもいいでしょう。

設置するものが決まれば、あとはサイト内にアンカーリンク・目次を作るだけです。

設置の仕方についてはHTML直書きかCMSで作りが違うため割愛します。