「Cocoon」でサイトマップを作成する方法・手順について（WP初心者用）

この記事はWordPress（ワードプレス）初心者さん向けに「Cocoon」でサイトマップ（HTMLサイトマップ）を作成する方法・手順について書いています。

「Cocoon」でサイトマップを作成する

はじめに、サイトマップには「XMLサイトマップ」と「HTMLサイトマップ」の2種類あります。

ざっくり言うと「XMLサイトマップ」は、Google検索などのクローラー用、「HTMLサイトマップ」は、ブログ（サイト）に訪問してくれる読者（人間）用と言ったところです。

今回、「Cocoon」で作成するのは後者の「HTMLサイトマップ」です。

WordPress 5.5以降は、何も入れなくても/wp-sitemap.xmlというXMLサイトマップ機能がコアに入っています。
カスタマイズ性は高くありませんが、WordPress初心者さんなら、このままでも問題ないケースが多いです。

「Cocoon」のテーマを利用している方はご存じだと思いますが、「Cocoon」のテーマは、上級者さんはもちろん、WordPress初心者さんにもやさしいので、「Cocoon設定」でHTMLサイトマップが簡単に設置できる機能が備わっています。

ダッシュボード左サイドバーの「固定ページ」⇒「固定ページを追加」をクリック。

開いた編集画面でタイトル部分に「サイトマップ」と入力（※他のタイトルでも構いません）

ここで一旦「下書き保存」をクリック。

パーマリンクが日本語（ページのURL）なので、「編集」をクリックして、
「sitemap」に変えます。「sitemap」と入力したら「OK」をクリック。

パーマリンク（個別記事のURL）には、日本語ではなく意味が解る内容のシンプルな英単語を使うようにしましょう。

右側「コード（テキスト）」であることを確認して、
テキストエリアに、ショートコード[sitemap]を入力します。

ここで、再び「下書き保存」をクリック。

続けて「プレビュー」をクリックして、サイトマップが表示されていることを確認します。

サイトマップが表示され、内容に問題がなければ「公開」をクリックします。

以上で「HTMLサイトマップ」の完成です。

「Cocoon」のサイトマップには、オプションもあるので、
興味のある方は「Cocoon」マニュアル
「簡単なサイトマップページを生成できるsitemapショートコードの使い方」
をご覧ください。

※サイトマップを表示する場所はお好みで！

ダッシュボード左サイドバーの「外観」⇒「メニュー」をクリック。

開いた「メニュー画面」で、メニュー名に「フッターメニュー」と入力し、
「メニューを作成」をクリック。

「固定ページ」欄の「サイトマップ」が選択できるようになるのでチェックを入れて
「メニューに追加」をクリック。

すると、「メニュー」欄に「サイトマップ」が追加されているのを確認して

その下の「メニュー設定」欄の「フッターメニュー」と「フッターモバイルボタン」にチ
ェックを入れ「メニューを保存」をクリックして下さい。

以上で、「サイトマップ」のブログ（サイト）への表示設定が完了です。

ブログ（サイト）の一番下に表示されていると思います。

ここまで、「「Cocoon」でサイトマップを作成する方法・手順について（WP初心者用）」について書いてきました。

「HTMLサイトマップ」は、読者向けに用意された言わば「サイト内のページ一覧ページ」です。

SEO的な効果で言えば、検索エンジン向けには、「XMLサイトマップの」方が重要度が高いです。

ただ、「HTMLサイトマップ」は「内部リンクをまとめて張れる」ので、間接的にSEOにプラスになることがあります。

「HTMLサイトマップ」は、SEOのために絶対必要と言うより、「ユーザーのために用意すると結果的にSEOにも良い」というイメージです。

「HTMLサイトマップ」は、まだ記事数が少なく、カテゴリーもシンプルという場合、必ずしもなくてはならないというものではありません。

あなたのブログ（サイト）で、必要になったタイミングで後から追加しても間に合います。