[Cocoon]タグの詳細設定をしよう〜実践編〜

タグの詳細設定

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

タグの一覧画面から、詳細な設定を行いたいタグを選びましょう。

設定を行うタグをクリックすると、編集画面が開きます。

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

名前

名前はもちろんタグの名前です。

ここで設定したタグ名は、色々なところで表示されます。

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

例えば、各記事のページで本文の最後に表示されます。

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

スラッグ

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

タグ内の記事一覧ページ（タグページ）のURLは、通常次のようになっています。

ここでは、URL内のこの「タグ名」の部分をどうするかを決めることができます。

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

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

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

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

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

タグタイトル

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

こちらは、タグページを開いたときに表示される見出しです。

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

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

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

ちなみに何も設定しない場合は、そのままタグの「名前」が使用されます。

タグ本文

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

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

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

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

ビジュアルエディター

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

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

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

アイキャッチ

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

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

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

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

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

メタディスクリプション

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

例えば、「Twitter裏技」というタグのメタディスクリプションに次の内容を入力したとしましょう。

Twitterの知られざる裏技設定に関する記事の一覧です。検索結果から余計なツイートを除外するための特別なコマンドやツイートの予約投稿、通知に関する個別設定など便利なのに多くの人が知らない機能が多いため、ぜひマスターして便利なTwitterライフを送りましょう！

すると、このタグを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ページ目以降は検索結果に表示させなくていいでしょう。

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

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

タグページを確認

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