PR

Cocoonサイトマップの作り方完全ガイド!【XMLとHTML対応】

ワードプレス

 

はじめまして。当ブログ管理人の後藤です。

未経験者が「なぜブログで10万稼げたのか?」その秘密を暴露します。 「今年こそは絶対稼ぎたい!」という人は今すぐご覧ください。


あっさり10万稼ぐためのメルマガ

 

 

それでは始めます。

 

ブログを始めたばかりで、Cocoonのサイトマップをどう作ればいいか分からず、管理画面の前で手が止まっていないでしょうか。

私も最初は「XMLとHTMLのどっちをやればいいの?」「プラグインは必要なの?」と、一通り悩みました。

この記事を読むと分かる事

先に結論を一言でまとめると、「Cocoonなら、

固定ページ

投稿一覧

カテゴリー

ショートコードと最低限のXML設定だけで、十分使いやすいサイトマップを用意できます。」

cocoon サイトマップの基本と種類をざっくり整理しよう

ごとう
ごとう

まずは「そもそもサイトマップとは何か」というところから、Cocoonで扱うサイトマップの種類をざっくり整理しておきます。ここを押さえておくと、このあと出てくる設定や用語に振り回されにくくなります。

サイトマップにはXMLとHTMLの2種類がある

サイトマップには、大きく分けて次の2種類があります。

種類 誰向けか 役割 送る/置く場所 主なファイル例
XMLサイトマップ 検索エンジン向け クローラーにページ構造を伝える Googleサーチコンソールなど sitemap.xml など
HTMLサイトマップ 読者向け 記事一覧の「地図」として見せる ブログ内の固定ページ /sitemap/ など

ざっくり言うと、XMLは検索エンジンのロボットに「うちのサイトにはこういうページがありますよ」と伝えるためのリストです。

HTMLは人間の読者に向けて、「このブログにはこんな記事がありますよ」と一覧で見せるためのページです。

Cocoonは、読者向けのHTMLサイトマップをテーマの機能だけで作れるのが大きな特徴です。

そこにWordPress標準のXMLサイトマップや必要に応じたプラグインを組み合わせれば、検索エンジンからも読者からも迷われにくい構成にしやすくなります。

Cocoonでサイトマップを作るメリット

私がCocoonでサイトマップを整えてみて、特に良かったと感じた点は次のとおりです。

特にHTMLサイトマップは、読者のためだけでなく、運営している自分のためのチェックツールにもなります。

私も一度サイトマップを作って眺めてみたら、「このカテゴリーは記事が少なすぎるな」「名前が似ているカテゴリが多いな」と気づいて、構成を見直すきっかけになりました。

 

【深呼吸タイム】

稼ぐために必要な3つのポイントを知っていますか?

  1. 稼げる広告
  2. 稼げるキーワード
  3. 稼げるライティング

これら全部を暴露します。

まずはあっさり10万稼ぐためのメルマガ

 

CocoonでHTMLサイトマップを作る手順

ごとう
ごとう

ここからは、具体的な作業に入っていきます。Cocoonの機能だけで、訪問者向けのHTMLサイトマップを作る流れを、順番に見ていきましょう。

HTMLサイトマップ作成の全体像

最初に、CocoonでHTMLサイトマップを作る流れをざっくり俯瞰しておきます。

ステップ やること 作業場所 補足
1 固定ページを新規作成 管理画面 → 固定ページ タイトルは「サイトマップ」など
2 パーマリンク(スラッグ)を設定 固定ページ編集画面 例:sitemap
3 本文に

固定ページ

投稿一覧

カテゴリー

を入力
固定ページ本文 ブロックは「ショートコード」が分かりやすい
4 プレビューで表示確認 固定ページ編集画面 狙った記事やカテゴリが出ているかチェック
5 公開してメニューに追加 外観 → メニュー ヘッダーまたはフッターに設置

手順自体はそこまで難しくありませんが、細かいところでつまずきやすいので、1つずつ丁寧に見ていきます。

固定ページを作り、タイトルをつける

まず、HTMLサイトマップ用の固定ページを作ります。

  • WordPress管理画面の左メニューから「固定ページ → 新規追加」をクリックする
  • タイトル欄に「サイトマップ」など分かりやすい名前を入れる

タイトル案としては次のようなものが使いやすいです。

  • サイトマップ
  • 記事一覧
  • このブログの目次

スラッグ(URLの末尾)は、短くて意味が分かりやすいものにしておくと、自分でも覚えやすくなります。

  • sitemap
  • map

本文に

固定ページ

投稿一覧

カテゴリー

ショートコードを入力する

このとき、よくあるミスは次のようなものです。

  • 全角の[ ]で囲んでしまう
  • 「整形済みテキスト」ブロックに入れてしまい、余計な余白が出る
  • コピー&ペーストした結果、前後にスペースが紛れ込んでいる

不安なときは、ブロック内の文字を一度全部消してから、キーボードで「[」「sitemap」「]」と手打ちするのがおすすめです。

入力できたら、「下書き保存」→「プレビュー」で、想定通りにページ一覧が表示されるか確認します。

サイトマップページをメニューに設置する

HTMLサイトマップは作っただけではほとんど見てもらえません。

読者が迷ったときにすぐアクセスできるように、目に入りやすい場所にリンクを用意しておきましょう。

私がよく使う置き場所は次のあたりです。

  • フッターメニューに「サイトマップ」を追加する
  • グローバルメニューの「このブログについて」の中に入れる
  • サイドバーの一番下に小さくリンクを置く

特にフッターは、どのページからも同じ位置に表示されるので、サイトマップの定位置として使いやすいです。

 

【ちょっと一息♪】

私の妻がどうやって7日で初報酬を得て5万円の不労所得を得られるようになったか?
その全貌を知りたくありませんか?

今すぐその秘密を見る

Cocoonの 固定ページ

投稿一覧

カテゴリー

ショートコードとオプション一覧
ごとう
ごとう

ここからは、Cocoonの

固定ページ

投稿一覧

カテゴリー

ショートコードの細かい設定を見ていきます。「固定ページだけ出したい」「月別アーカイブは要らない」など、ブログのスタイルに合わせて表示項目をカスタマイズできます。

固定ページ

投稿一覧

カテゴリー

ショートコードの基本オプション

まずは、よく使う4つのオプションを表にまとめておきます。

オプション名 対象 初期状態 設定例 説明
page 固定ページ 1(表示する) page=0 固定ページを非表示にする
single 投稿ページ 1(表示する) single=0 通常のブログ記事を非表示にする
category カテゴリーページ 1(表示する) category=0 カテゴリー一覧を非表示にする
archive 月別アーカイブ 0(非表示) archive=1 月別アーカイブを表示する

何も指定せずに

固定ページ

投稿一覧

カテゴリー

だけ書いた場合は、固定ページ・投稿ページ・カテゴリーページが表示され、月別アーカイブは出てきません。

例えば次のように書くと、表示内容を変えられます。

数字の「1」が表示、「0」が非表示というイメージです。

初心者におすすめのサイトマップ設定パターン

どの設定にすればいいか迷ったときは、まず次の3パターンから選んでみてください。

パターン ショートコード例 向いているサイト 特徴
ベーシック

固定ページ

投稿一覧

カテゴリー

一般的なブログ全般 固定・投稿・カテゴリをまとめて表示する標準形
記事重視

固定ページ

投稿一覧

記事数が増えてきた雑記ブログ カテゴリ一覧は省いて、記事にすぐアクセスしやすくする
カテゴリー重視 カテゴリー構成がしっかりしている特化サイト 記事よりもサイト全体の構造を見せるのに向いている

私の場合は、幅広いテーマを扱うブログでは「ベーシック」、テーマを絞ったブログでは「カテゴリー重視」のパターンをよく使っています。

ブログの成長に合わせて、表示方法を少しずつ変えていくイメージでOKです。

 

★ちょっとだけ宣伝させてください★

「ブログで10万」と聞くと、

  1. センスが必要
  2. 文章力が要る

と思われがちですが、実は「勝ちパターン」を知っているかどうかだけなんです。

ブログで10万稼ぐ勝ちパターンとは

XMLサイトマップの作り方とサーチコンソール登録

ごとう
ごとう

次に、検索エンジン向けのXMLサイトマップを整えていきます。ここまでできると、Cocoonのサイトマップまわりの基盤はほぼ完成です。

XMLサイトマップを作る主な方法

WordPressでXMLサイトマップを用意する方法は、大きく分けて次の3通りがあります。

方法 使う機能・プラグイン 難易度 メリット 注意点
1 WordPress標準機能 追加プラグインなしでシンプルに使える 細かい除外設定などはあまりできない
2 SEO系プラグイン(例:Yoast SEOなど) 他のSEO機能と合わせて管理できる 設定項目が多く、慣れるまで時間がかかる
3 専用プラグイン(XML Sitemap系) サイトマップに特化した細かい設定が可能 プラグイン数が増え、管理がやや複雑になる

プラグインをできるだけ増やしたくない場合は、「1」のWordPress標準のXMLサイトマップをベースにするのが楽です。

すでにSEOプラグインを使っている場合は、そのプラグインのXMLサイトマップ機能を生かした方が、管理が一箇所にまとまってスッキリします。

どの方法を使うにしても、「同じサイトで複数のXMLサイトマップを有効にしない」ことが大事です。

XMLサイトマップをサーチコンソールに登録する流れ

XMLサイトマップのURLが用意できたら、検索エンジン側に「ここを見てください」と伝えます。

 

 

 

【稼げるキーワード教えます】
▼  ▼  ▼
ba15a

 

 

 

サーチコンソールでの大まかな流れは次のとおりです。

  • サーチコンソールにログインする
  • 対象サイトのプロパティを選ぶ
  • 左メニューから「サイトマップ」を開く
  • 「新しいサイトマップを追加」に sitemap.xml などのURLを入力する
  • 送信ボタンを押す

しばらくすると、「成功」「取得できませんでした」といった結果が表示されます。

もしエラーになった場合は、次の点を見直してみてください。

  • サイトマップのURLを打ち間違えていないか
  • 実際にそのURLにアクセスするとXMLが表示されるか
  • XMLサイトマップを出しているプラグインや機能が有効になっているか

Cocoonサイトマップの設置場所と見やすくするコツ

ごとう
ごとう

ここからは、「作ったサイトマップをどこに置くか」「どう見せるか」という、ユーザー体験寄りの話をしていきます。せっかくCocoonでサイトマップを用意するなら、読者が自然に使いやすい場所に配置したいところです。

HTMLサイトマップのおすすめ設置場所

いろいろ試してみて、私が「使いやすいな」と感じた設置パターンをまとめました。

設置場所 メリット デメリット 向いているサイト
フッターメニュー 全ページから同じ位置でアクセスできる 目立ちはしないのでクリック数は控えめ 一般的なブログ全般
ヘッダーメニュー 読者の目に入りやすく、クリックされやすい メニューの数が多いとごちゃつきやすい 記事数の多い情報サイト
サイドバー 他のウィジェットと並べて設置しやすい スマホでは下の方に埋もれやすい PCからのアクセスが多いブログ

スマホの見やすさを重視するなら、次のような組み合わせがバランスが良いです。

  • ヘッダーまたはフッターのどちらかに1つリンクを置く
  • 記事下にさりげなくサイトマップへのリンクを置く

 


★ブログでは公開できない裏情報★


私の発行するメルマガではブログでは公開できない秘匿性が高い特別な情報を発信しております。

例えば、

  1. 実際に10万稼いだキーワード
  2. 今やるべきおススメ広告

などをこっそり暴露しています。ぜひ公開停止する前に受け取ってください。

あっさり10万稼ぐためのメルマガ


 

サイトマップページを読みやすくする小ワザ

固定ページ

投稿一覧

カテゴリー

をそのまま置くだけでも十分ですが、少し手を入れるとグッと読みやすくなります。

  • ページ冒頭に「このページについて」の説明文を2〜3行入れる
  • カテゴリーが多すぎる場合は、このページをきっかけに整理を検討する
  • 似たような名前のカテゴリーが並んでいないかチェックする
  • アイキャッチ画像はシンプルで目立ちすぎないものを使う

例えば、サイトマップページの先頭に、こんな一文を添えるだけでも親切です。

「当ブログの全記事をカテゴリ別に一覧表示しています。気になるテーマから、読みたい記事をお選びください。」

たったこれだけで、「このページは何のためのページなのか」がすぐ伝わります。

Cocoonサイトマップでよくある失敗と対処法

ごとう
ごとう

ここでは、私自身や周りのブロガーがつまずきやすかったポイントをまとめておきます。同じところで悩まなくて済むように、先回りしてチェックしてみてください。

HTMLサイトマップが表示されない・崩れるとき

HTMLサイトマップでよくあるトラブルを表に整理しました。

症状 主な原因 確認ポイント
サイトマップがまったく表示されない 全角の[sitemap]を書いている 半角の[ ]で入力し直す
行間が不自然で読みづらい 「整形済みテキスト」ブロックで書いている ブロックタイプを「ショートコード」に変更する
カテゴリーが多すぎて長すぎる カテゴリーの細かい分け方をやりすぎている カテゴリー構成を見直し、不要なものを統合する
同じようなリンクが何度も出てくる テスト用の固定ページや下書きが残っている 不要なページを非公開・削除にする

CocoonのHTMLサイトマップは、一度仕組みを作ってしまえば基本的に自動で更新されます。

だからこそ、最初の設定を丁寧に整えておくと、あとが本当に楽になります。

XMLサイトマップで混乱しやすいポイント

XMLサイトマップまわりで混乱しやすいケースも、よく出るパターンがあります。

状況 よくある落とし穴 シンプルな対処
複数のプラグインを入れている それぞれがXMLサイトマップを出している どれか1つに絞り、他のXML機能はオフにする
サーチコンソールに複数のURLを登録している sitemap.xml と sitemap_index.xml などをいくつも送っている 実際に使っているXMLサイトマップだけを残す
noindex設定とぶつかっている インデックスさせたくないページまでマップに含めている 本当に検索結果に出したいURLだけが入るように設定を調整する

不安だからといって、あれこれ全部オンにするよりも、「必要なものだけに絞る」ほうが、Cocoonのサイトマップはシンプルにまとまります。

サイト構造とcocoon サイトマップの関係

ごとう
ごとう

ここでは少し視点を変えて、「サイトマップを作ることで、サイト全体の構造がどう見えてくるか」をお話しします。これはSEOだけでなく、読者のストレスを減らすうえでも大切な視点です。

サイトマップは「サイト設計の鏡」になる

HTMLサイトマップを上から下までスクロールしてみると、次のようなことが見えてきます。

  • カテゴリごとの記事数の偏り
  • 似たようなテーマの記事が別々のカテゴリに散らばっていないか
  • 昔作ったままのカテゴリー名が残っていないか
  • タグを増やしすぎていないか

私もサイトマップを見て、「このカテゴリー、名前の割に記事が少なすぎるな」「この2つのカテゴリーは、ほとんど同じ内容だな」と気づきました。

その結果、次のような見直しをしました。

  • 似たカテゴリーを統合する
  • ほとんど使っていないタグを整理する
  • メニューに出しているカテゴリーを見直す

Cocoonサイトマップを活かした整理の手順

サイト構造を見直したいときは、次のようなステップでチェックすると分かりやすいです。

  • HTMLサイトマップを一度、最後までスクロールして全体の流れを見る
  • 記事数が極端に少ないカテゴリーに印をつける
  • 名前が似ているカテゴリーがあれば、どちらかに統合できないか検討する
  • メニューに表示しているカテゴリーと、サイトマップ上のカテゴリーを見比べる

このとき、「初めてこのブログに来た人が、迷わず読みたい記事にたどり着けるか」という目線を意識してみてください。

Cocoonで作ったサイトマップは、そのための分かりやすい「鏡」になってくれます。

 


★初心者さん必見★

「あと3ヶ月早くこの情報を知りたかった…」

そうならないために、今すぐ実践したいノウハウをギュッと一つのメルマガに詰め込みました。

無料で読めるうちに受け取っておいてください。

あっさり10万稼ぐためのメルマガ

よくある質問(FAQ)

ごとう
ごとう

最後に、Cocoonのサイトマップまわりでよく聞かれる質問に、Q&A形式で答えていきます。

Q1. HTMLサイトマップとXMLサイトマップは、どちらか片方だけでも大丈夫ですか?

A. 動かすだけなら片方でもブログは動きますが、可能なら両方用意することをおすすめします。

HTMLのサイトマップは読者向けの「案内板」、XMLのサイトマップは検索エンジン向けの「ページ一覧表」のようなイメージです。

両方を整えておくことで、読者にもクローラーにもやさしいサイトに近づきます。

Q2. Cocoonを使っているなら、サイトマップ系のプラグインは全部いらないのでしょうか?

A. HTMLサイトマップに関しては、Cocoonの

固定ページ

投稿一覧

カテゴリー

機能だけで十分なケースが多いです。

一方で、XMLサイトマップは、サイトの規模や運営方針によっては専用プラグインを使ったほうが管理しやすい場合もあります。

まずはCocoonの機能とWordPress標準のXMLサイトマップだけで始めてみて、「もう少し細かく制御したい」と感じたらプラグインを検討する流れが無理がありません。

Q3. サイトマップを作れば、検索順位もすぐ上がりますか?

A. サイトマップを作ったことだけが理由で、順位が急に上がることはありません。

サイトマップの主な役割は、ページの存在や構造を検索エンジンに正しく伝えることです。

順位そのものは、記事の内容や内部リンク構造、外部からのリンクなど、いくつかの要素が合わさって決まります。

ただ、XMLサイトマップを整えることでインデックス状況が安定しやすくなり、HTMLサイトマップで読者の回遊が増えれば、間接的なプラスにはつながります。

まとめ:cocoon サイトマップを今日から整えよう

この記事のポイントをまとめます

そして、今日からできる最初の一歩は、とてもシンプルです。まずは固定ページで「サイトマップ」というページを1つ作り、本文に

固定ページ

投稿一覧

カテゴリー

と入力してみてください。

それだけで、Cocoonの機能を生かしたHTMLサイトマップの土台が整います。

あとは少しずつオプションを調整したり、XMLサイトマップをサーチコンソールに登録したりしながら、自分のブログに合った使いやすいサイトマップに育てていきましょう。

 

【深呼吸タイム】

稼ぐために必要な3つのポイントを知っていますか?

  1. 稼げる広告
  2. 稼げるキーワード
  3. 稼げるライティング

これら全部を暴露します。

まずはあっさり10万稼ぐためのメルマガ

 

 

 

記事を読んだらコチラ
▼  ▼  ▼
ba15a