[Cocoon]カテゴリーの詳細設定をしよう〜実践編〜

Cocoon カテゴリーの詳細設定

まずはWordPressにログインし、管理画面左側のサイドメニューにある「設定」からカテゴリーを開きましょう。

カテゴリーの一覧画面から、詳細な設定を行いたいカテゴリーを選びましょう。

ここでは、「未分類」カテゴリーを選択したとしましょう。編集画面は次のようになっています。

それでは項目を1つずつ見ていきましょう。

名前

名前はもちろんカテゴリーの名前です。

ここで設定したカテゴリー名は、色々なところで表示されます。

「名前」が表示される場所の例

例えば、記事の一覧ページでそれぞれの記事のサムネイル（アイキャッチ画像）にラベルという形で表示されます。

また、カテゴリー内の記事一覧ページへのリンクをサイドバーなどに表示した場合にも、この「名前」が使用されます。

そのほか、記事の最後にも表示されます。

スラッグ

スラッグとは、URLスラッグとも呼ばれるホームページ名の後ろにくっつく文字列のことです。

カテゴリー内の記事一覧ページのURLは、通常次のようになっています。

ここでは、URL内のこの「カテゴリー名」の部分をどうするかを決めることができます。

ただし、上の「【１つずつ丁寧に】WordPressの『パーマリンク設定』をしよう」の記事でも説明していますが、スラッグに日本語を使うのはできる限り避けましょう。

GoogleはURLについて、「論理的かつ人間が理解できる方法で URL を構成」するように求めているため、このような意味不明なURLはマイナス評価の対象になってしまいます。スラッグの説明文に

と書かれているのはそのためです。

したがって、カテゴリー名を英単語に直したものをスラッグに設定するのが一般的です。

英語がよく分からないという方は、Google翻訳に助けてもらいましょう。

親カテゴリー

親カテゴリーは、今編集しているカテゴリーを別のカテゴリーの中に入れたい場合に指定します。

カテゴリ色

カテゴリ色では、先ほど上の方で見た記事のサムネイル（アイキャッチ画像）や最後に表示されるラベルの色を設定することができます。

背景色

背景色は、ラベルの文字以外の部分の色です。

例えば背景色をグレーにすると、次のように表示されます。

文字色

文字色はラベルの文字部分の色で、背景色と同じように設定します。

赤枠部分からカラーコードを入力することも、同じように可能です。

例えば文字色を黄色にした場合、

次のように表示されます。

カテゴリタイトル

カテゴリタイトルは上で設定した「名前」と紛らわしいですが、完全に別物です。

こちらは、カテゴリー内の記事一覧ページ（カテゴリページ）を開いたときに表示される見出しです。

何も設定しない場合は、そのままカテゴリーの「名前」が使用されます。

しかし、Google検索などでいきなりこのページに飛んできたユーザーは、カテゴリー名しか表示されていないと何のページかがわからない可能性があるため、それを避けるという意味で「カテゴリタイトル」を設定する意義があります。

そのため、例えばカテゴリー名が「WordPress」であれば、カテゴリタイトルを「WordPressの記事一覧」のようにしてあげると、ユーザーが一覧ページに辿り着いたことに気づきやすくなります。

初めてそのページを見たユーザーにとってもわかりやすい名前をつけてあげましょう。

カテゴリ本文

カテゴリ本文は、カテゴリタイトルの下に表示される文章です。

主に、「そのカテゴリーは何なのか」、「どういう記事があるのか」、「どのような人に向けた内容なのか」というようにカテゴリーを説明するために使用されます。

文章を作成するためには「ビジュアル」と「テキスト」という2つのモードが使えるのですが、

「テキスト」は難しいので「ビジュアル」を使いましょう。

ビジュアルエディター

普段ブロックエディターで書き慣れている人は少し馴染みがない感じがするかもしれませんが、操作はどれも直感的にできるので難しいポイントはないと思います。

ここでは記事を読んでもらうわけではないので、短くポイントをまとめた説明が好ましいでしょう。

重要なところを太字にして強調したり、色を変えて注意を引いたりするような装飾も効果的です。

アイキャッチ

アイキャッチ（画像）とは、ページの先頭に一番大きく表示されるページを代表する画像です。

通常は普通の記事に設定することの多いアイキャッチ画像ですが、「選択」をクリックすればカテゴリページに設定することもできます。

表示の位置としては、カテゴリタイトルとカテゴリ本文の間に挿入されています。

カテゴリーに関連したいい画像を選ぶのは決して簡単ではありませんが、余裕があればぜひ設定しておきたいですね。

ちなみに、画像の設定をリセットしたい場合は「クリア」をクリックすれば何も設定されていない状態に戻すことができます。

メタディスクリプション

メタディスクリプションは少し特殊な設定項目で、ここに入力した内容はサイト内には現れません。メタディスクリプションが現れるのは、検索結果です。

例えば、「手抜きレシピ」というカテゴリーのメタディスクリプションに次の内容を入力したとしましょう。

体がヘトヘトで料理をする気力もない…そんなときに役立つお手軽簡単手抜きレシピ集です。フライパン1つでできるものからなんとフライパンすら必要ないものまで！材料だってあるものでぱぱっと作れるものばかりなので、初心者の方も問題なしです！！

すると、このカテゴリーをGoogleなどで検索したとき次のように表示されます。

ユーザーの目に魅力的に映るような文章を考えましょう。表示される文章量は使用するブラウザーによって異なるのですが、目安としては次のようになっています。

スマホに合わせて50文字程度にするとパソコンで見たときにスカスカになってしまうので、だいたい120文字に収まるくらいが理想です。

もちろん面倒だから設定しないというのも1つの選択肢としてはありで、実際ほとんど気にしていない人も多いため、無理のない範囲でこだわるのが賢いやり方です。

メタキーワード

メタキーワードはメタディスクリプション以上に特殊な設定項目で、サイト内どころか検索結果にも表示されません。

実は、メタディスクリプションやメタキーワードなどの「メタ」の名が付いているものは、ユーザー向けの情報ではなく検索エンジン向けの情報なのです。

そのため、メタキーワードが検索エンジンにどう評価してもらえるかということがここでの焦点となるのですが、Googleは2009年の段階ですでに「メタキーワードは無視をする」と発表をしています。

ユーザーにとっても検索エンジンにとっても見えないのであれば、2021年現在ではメタキーワードを設定する必要はまったくないと言えます（参考：「Google がサポートしているすべてのメタタグ」）。

説明

説明はカテゴリーの説明を行うための文章なのですが、「カテゴリ本文」とは異なる場所に表示されます。

試しに次の「未分類」という部分にマウスカーソルを当ててみましょう。

使用するブラウザーによって反応は異なりますが、例えばGoogle Chromeの場合、ツールチップと呼ばれる次のような小さいテキストが浮かび上がります。

ツールチップがあると、ユーザーが実際にクリックして新しいページを開く前に、どんなページに繋がっているかを伝えることができます。

「説明」に設定する文章は「カテゴリ本文」や「メタディスクリプション」の内容と同じでも構いませんし、違う内容にしても構いません。

noindex

noindexは、カテゴリページを検索結果に表示しないための設定です。

カテゴリページは通常、カテゴリーに属する記事の一覧を表示しているだけなのでページ自体に価値はありません。

「カテゴリ本文」や「アイキャッチ」などでカテゴリページを装飾し、ただの記事一覧ではなくユーザーを案内するために有用なページに仕上げることができなければ、むしろサイトの評価を下げてしまうことにもなってしまうのです。

そのため、ここまでの設定を終えた時点でカテゴリページを1度見直し、Google検索などでいきなりそのページに辿り着いたときにユーザーの興味を引くことができるかどうかをよく確認しましょう。

ちなみに、

とあるように、ここでの設定を反映させるためにはCocoon設定の「SEO」タブというところもチェックする必要があります。

Cocoon設定に移る前に「更新」をクリックして設定を保存するのを忘れないようにしましょう。

Cocoon設定「SEO」タブをチェック

「Cocoon設定」を開く

WordPressの管理画面のサイドメニューから「Cocoon設定」を開きましょう。

Cocoon設定のページが開いた直後は、「スキン」タブが開かれていると思います。

「SEO」タブを開く

タブの中から「SEO」をクリックしましょう。

次のような画面が開きます。

「headタグ設定」：「headタグに挿入」

ここでは、「headタグ設定」の「headタグに挿入」に注目します。

「カテゴリページをnoindexとする」は、次のように設定しましょう。

チェックを入れなかった場合、「カテゴリページの2ページ目以降をnoindexとする」という欄も設定する必要があります。

こちらも設定方法は同じで、設定内容は名前の通りですが、

なんて考えているユーザーはまずいないので、2ページ目以降は検索結果に表示させなくていいでしょう。

「変更をまとめて保存」をクリック

設定が終えられたら、忘れずに「変更をまとめて保存」をクリックしましょう。

設定がうまくいったかをカテゴリページで確認

最後に設定したカテゴリページを開いて見栄えを改めて確認しましょう。