こんにちは、ポヤラです。
あなたのブログに「読者向けサイトマップ」はありますか？
サーチコンソールには送ったよ！
それは検索エンジン向けのXMLサイトマップですね。
この記事では、読者のためのHTMLサイトマップの作り方を、初心者向けにわかりやすく解説します。
- サイトマップは2種類ある
- 結論：HTMLサイトマップは2つの方法で作れる
- ① archiveページを使う方法（初心者におすすめ）
- ② 手動でHTMLサイトマップを作る方法
- どちらを選ぶべき？
- 補足：自動生成スクリプトという方法もある
- まとめ
- はてなブログで収益化したい方へ
サイトマップは2種類ある
- XMLサイトマップ：検索エンジン向け
- HTMLサイトマップ：読者向け
HTMLサイトマップは、読者がブログ内の記事を探しやすくするためのページです。
結論：HTMLサイトマップは2つの方法で作れる
- ① archiveページを使う（最も簡単）
- ② 手動でHTMLサイトマップを作る（整理重視）
迷ったら、まずは①のarchive方式でOKです。
① archiveページを使う方法（初心者におすすめ）
archiveページとは？
はてなブログには標準で、記事一覧ページが用意されています。
https://あなたのブログURL/archive
このページは自動で更新されます。
新しい記事を書けば、自動的に追加されます。
※ テーマによっては、表示がシンプルな「記事タイトル一覧」になる場合があります。デザインは簡素ですが、機能としては十分にサイトマップとして使えます。
archiveページを確認する方法
① ブラウザのアドレスバーに
あなたのブログURL/archive と入力します。
② 記事一覧が表示されればOKです。
サイドバーに設置する方法
① ダッシュボード → 「デザイン」をクリック
② 「カスタマイズ（レンチアイコン）」をクリック
③ 「サイドバー」を選択
④ 「＋モジュールを追加」→「リンク」を選択
- タイトル：サイト情報（例）
- リンク名：サイトマップ
- URL：archiveページのURL
⑤ 「適用」をクリック
これで完成です。
- 更新不要
- 設定が簡単
- 初心者でも安心
② 手動でHTMLサイトマップを作る方法
カテゴリーごとに整理したサイトマップを作りたい場合はこちらです。
はてなProの場合（固定ページで作成）
① ダッシュボード → 「固定ページ」
② 「固定ページを作成」
③ URLは「sitemap」がおすすめ（小文字）
④ 記事一覧をカテゴリーごとにリンクで貼っていく
⑤ 公開する
無料版の場合
無料版は固定ページが使えません。
次のどちらかの方法になります。
- aboutページに作成する
- 通常記事として作り、トップに固定する
埋もれないようにする方法
通常記事としてサイトマップを作成した場合、何もしないと新しい記事を書くたびに過去記事として下に流れてしまいます。
必ず次のいずれかの方法で、常にトップページの先頭に表示させましょう。
方法①（おすすめ）
ダッシュボード → 「記事の管理」→ 対象記事の「…（三点メニュー）」をクリック →
「トップページの先頭に表示」を選択します。
方法②（補足）
記事編集画面の「公開日時」を未来の日付に設定する方法もあります。
ただし、記事の時系列が不自然になるため、基本的には方法①をおすすめします。
手動方式のメリット
- カテゴリー別に整理できる
- 重要記事を目立たせられる
- ブログ設計がしやすい
注意点
新しい記事を書いたら、サイトマップにもリンクを追加する必要があります。
どちらを選ぶべき？
| 方法 | 難易度 | 自由度 | 更新の手間 |
|---|---|---|---|
| archive | 低 | 低 | なし |
| 手動 | 中 | 高 | あり |
まずはarchiveでOK。
ブログ設計を整えたい方は手動方式がおすすめです。
補足：自動生成スクリプトという方法もある
JavaScriptを使って記事一覧を自動生成する方法もあります。
更新の手間はなくなりますが、コード編集やデザイン調整が必要になります。
カスタマイズに慣れてから検討するとよいでしょう。
まとめ
- HTMLサイトマップは読者のためのページ
- 簡単に済ませたいならarchive
- 整理重視なら手動作成
- どちらでもOK。目的に合わせて選ぼう
はてなブログで収益化したい方へ
初心者向けに、収益化までの手順をまとめています。
