この記事には広告が含まれています。

【初心者向け】AFFINGER7でカテゴリーを作成する方法とカテゴリーページのカスタマイズ方法

【初心者向け】AFFINGER7でカテゴリーを作成する方法とカテゴリーページのカスタマイズ方法

WordPressでブログを始めたばかりの方の中には、

  • カテゴリーはどう作ればいいの?
  • 親カテゴリーは必要?
  • カテゴリー数はいくつがいい?
  • SEOに影響するの?

と悩んでいる方も多いのではないでしょうか。

カテゴリーは記事を整理するだけではなく、読者が記事を探しやすくしたり、サイト全体のSEOにも良い影響を与えたりする重要な機能です。

AFFINGER7では通常のWordPressカテゴリー機能に加えて、カテゴリーページのデザインやSEO設定も細かくカスタマイズできます。

この記事では、AFFINGER7でカテゴリーを作成する方法から、SEOに効果的な設定方法まで初心者向けにわかりやすく解説します。

※ この記事はAFFINGER6時代に作成した内容をAFFINGER7対応版として更新しています。

カテゴリーの作成方法

カテゴリーは簡単に言えば「記事の分類」のことです。

カテゴリーを適切に設定することで、読んでいる方に見やすいサイトを作成することができます。

新規カテゴリーを作成する方法

新規カテゴリーを作成するには「投稿」→「カテゴリー」を選択します。

WordPressのカテゴリー作成画面

① 名前の入力

カテゴリー名を入力します。

② スラッグ

スラッグはURLに適した形式の名前です。

スラッグはカテゴリーを英語に訳して半角英数字(小文字)とハイフンを用いて入力するようにしましょう。

例えば、「動物」というカテゴリー名の場合、スラッグには「animal」と入力します。

スラッグについてはWordPressのパーマリンク設定についての記事で詳しく解説しています。

③ 親カテゴリー

親カテゴリーを設定することができます。

設定しない場合は「なし」で大丈夫です。

入力が終わったらページ下の「新規カテゴリーを追加」をクリックすればカテゴリーの作成は完了です。

新規カテゴリーを追加をクリック

AFFINGER7でも、カテゴリー作成自体はWordPress標準機能を使います。

カテゴリーページのカスタマイズ方法

カテゴリーの「編集」からカテゴリーページの編集をすることができます。

カテゴリーの編集をクリック

カテゴリーの編集ページではカテゴリーに関する14項目の設定が可能です。

カテゴリーの編集項目
カテゴリーの編集項目
カテゴリーの編集項目
① 名前 (必須)カテゴリー名を入力
② スラッグ (必須)スラッグを入力
③ 親カテゴリー親カテゴリーの設定
④ 説明カテゴリーページに任意のコンテンツを挿入
⑤ アイキャッチ画像を登録-
⑥ カテゴリリンクのサムネイル画像を登録-
⑦ categoryタイトルの書き替えタイトルの書き替えが可能
⑧ categoryのメタキーワードメタキーワード
⑨ categoryのメタディスクリプションメタディスクリプション
⑩ 背景色記事のサムネイル画像に表示されるカテゴリー背景色
⑪ 投稿の一覧表示カテゴリーページへの投稿一覧表示の有無
⑫ SNSボタンの表示SNSボタンの表示の有無
⑬ 1カラム(EX版限定)1カラム設定
⑭ noindexにする(EX版限定)noindexの設定

① 名前

カテゴリーの名前を入力します。

基本的にはこの名前がカテゴリーページのタイトルになります。

② スラッグ

スラッグは上記で説明したようにURLに適した形式の名前です。

スラッグを変更すると、そのページは全く新しいカテゴリーページとした扱いになります。

もし検索エンジンからそのカテゴリーページが高評価を受けていた場合は、スラッグを変更してしまうとまた評価ゼロからスタートになってしまいますので、スラッグは一度設定したら変更しないことをお勧めします。

③ 親カテゴリー

カテゴリーは階層構造を作成できます。

例えば、「犬」「猫」「動物」というカテゴリーを作成した時に

「動物」・・・親カテゴリー

「犬」「猫」・・・子カテゴリー

といったカテゴリー設定が思いつきますよね。

カテゴリーの階層構造のイメージ

カテゴリーの数が多くなってきたら、階層分けをしてあげるのがお勧めです。

④ 説明

ここではカテゴリーページに任意のコンテンツを挿入することができます。

例えば、カテゴリーページに「記事一覧」という見出しを挿入してみます。

カテゴリーの編集:説明欄に「記事一覧」と入力

実際表示を確認してみるとこんな感じです。

カテゴリーページの実際表示

もっと自由にコンテンツを編集したい方はマイブロック機能を利用するのがお勧めです。

詳しい編集方法については記事の後半で解説していきます。

⑤ アイキャッチ画像を登録

アイキャッチ画像の登録やその画像をタイトル下に表示させることができます。

カテゴリーのアイキャッチ画像を登録する画面

実際にタイトル下にアイキャッチ画像を登録するとこんな感じです。

カテゴリーのアイキャッチ画像を設定した実際表示

アイキャッチ画像は今ならAIを利用すると簡単に作成できます。

また、画像作成するならCanvaがやはり使いやすくて便利です。

初心者向けにCanvaでアイキャッチ画像を作成する方法についても別記事解説しています。

⑥ カテゴリリンクのサムネイル画像を登録

アイキャッチ画像の項目と同様にサムネイル画像を登録できます。

このサムネイル画像はウィジェットでカテゴリーをサイドバーなどに設置した時に表示させることができます。

カテゴリー:サムネイル画像の例

カテゴリーリンクのサムネイル画像の実際表示

カテゴリーを設置したのにサムネイル画像が表示されない・・・

って時は「AFFINGER管理」→「全体設定」→「カテゴリーリンク」の項目を確認してみてください。

「AFFINGER管理」→「全体設定」→「カテゴリーリンク」でサムネイル画像を表示の項目にチェックを入れる

※サムネイル画像を表示の項目にチェックを入れていないと表示されません。

⑦ categoryタイトルの書き替え

カテゴリーのタイトルを書き替えることができます。

例えば、カテゴリー名:「猫」のタイトル書き替え欄に「猫に関する記事一覧」と入力してみます。

タイトルを書き替えた実際表示はこんな感じです。

カテゴリーページのタイトルを書き替えた実際表示

⑧ categoryのメタキーワード

メタキーワードにはそのカテゴリーに関連するキーワードを入力します。

複数入力する際はカンマで区切って入力します。

以前はページを上位表示させる工夫として、重要度も高かったようですが現在はそれほど重要ではないようです。

⑨ categoryのメタディスクリプション

メタディスクリプションにはカテゴリーページの説明を入力します。

メタディスクリプションの書き方については別記事で解説していますので、そちらも参考にしてみてください。

→ メタディスクリプションの書き方-稼ぐに繋げる6つのテクニック

⑩ 背景色

ここで設定する背景色とはどこのことか解りにくいと思います。

この背景色は記事を作成してカテゴリーを設定した際に、タイトル上に表示されるカテゴリーの色です。

↓ この部分

カテゴリーの編集で設定可能な背景色の実際表示画面

⑪ 投稿の一覧表示

カテゴリーページに投稿一覧を表示させるかを設定できます。

⑫ SNSボタンの表示

SNSボタンを表示させるかを設定できます。

SNSボタンを表示させるとこんな感じです。

カテゴリーにSNSボタンを表示させた実際表示

⑬ 1カラム(EX版限定)

カテゴリーページを1カラムに設定できます。

ページを1カラムにするとサイドバーは表示されなくなります。

⑭ noindexにする(EX版限定)

カテゴリーページをnoindexに設定できます。

noindexとは検索エンジンにあえてそのページを登録したくない場合に設定します。

内容が乏しいページはサイトの評価を逆に下げてしまう可能性があります。

なので、そのようなページに対して「登録しないでくださ~い」と設定するのがnoindexの設定になります。

以上がカテゴリーの編集項目についての基本的な解説になります。

ここからは、実際にカテゴリーページのコンテンツをもっと自由に編集する方法について解説していきます。

カテゴリーページのコンテンツは「説明」の項目で編集することができます。

しかし、「編集しにくい!」「よくわからない」と思う方も多いのではないでしょうか?

そこで、もっと記事を作成するように自由にコンテンツを編集する方法について解説していきます。

マイブロック機能を使えば自由にコンテンツを作れる

結論から言えば、マイブロック機能を使えば自由コンテンツを作れます。

とても簡単です。

マイブロック機能を活用する手順は次の通りです。

  • マイブロック機能でコンテンツを作成
  • カテゴリーの説明欄にマイブロックのショートコードを貼り付ける

① マイブロック機能でコンテンツを作成する

まず「マイブロック」→「新規作成」を選択します。

AFFINGER7:マイブロックの新規作成

マイブロックの編集ページで普通の記事を書く要領でカテゴリーページのコンテンツを作成します。

試しに下のようなリストや記事一覧を載せたコンテンツを作成しました。

カテゴリーページのコンテンツサンプル

※ タイトルは表示されないので自由に設定して大丈夫です。

コンテンツの作成が終了したら「更新」をクリックして保存します。

② カテゴリーの説明欄にマイブロックのショートコードを貼り付ける

次に作成したマイブロックのショートコードをコピーします。

AFFINGER7:マイブロックのショートコード

コピーしたショートコードをカテゴリー編集ページの「説明」入力欄に貼り付けます。

カテゴリー編集の説明欄にショートコードを貼り付ける

更新をクリックして保存すれば、こんな感じにカテゴリーページに反映されます。

カテゴリーページを編集したサンプルページ

コンテンツを編集したいときはマイブロックの内容を編集すればOKです。

カテゴリーはいくつ作ればいいですか?

カテゴリーを増やしすぎると、記事数の少ないカテゴリーが増えてしまいます。

目安としては以下を参考にしてみてください。

記事数カテゴリー数の目安
10記事程度3~5個
30記事程度5~7個
100記事以上7~10個

1記事しか入っていないカテゴリーはなるべく作らないようにしましょう。

タグとの違いは何ですか?

カテゴリーは大分類、タグは細かな分類です。

まとめるとこんな感じです。

カテゴリーとタグの違い

親カテゴリーは必ず必要ですか?

記事数が少ないうちは不要です。

1記事に複数カテゴリーを設定してもいいですか?

設定できますが、基本は1カテゴリーがおすすめです。

AFFINGER7はカテゴリーページのカスタマイズ性能も高いです。

初心者の方はよく解らず難しいと思いがちですが、カテゴリーページのカスタマイズもコンテンツの編集も難しくはありません。

この記事を参考にして、カテゴリーページをカスタマイズしてみてくださいね。

AFFINGER7の詳細を見る

※ AFFINGER6は現在、AFFINGER7へと移行となりました。

合わせて読みたい関連記事

AFFINGER7で記事が読みやすくなる装飾・ブロック活用術

  • AFFINGER7の装飾ブロックを利用して記事を読みやすくするコツを初心者向けに解説した記事です。

AFFINGER7で記事を作成する方法-初心者向け-初めての記事公開手順

  • AFFINGER7で初めて記事を公開するまでに実際に行う手順を初心者向けに解説しています。

AFFINGER7完全ガイド|初心者でも収益化を目指せるWordPressテーマ

  • AFFINGER7に関する記事をまとめています。
  • 初期設定から使い方などAFFINGER7に関して幅広く役立つ記事を掲載しています。

AIブログの始め方|ChatGPTを使ったブログ運営完全ガイド

  • 今やブログ運営でAIの活用は当たり前です。
  • Chatgpt以外のGeminiや他のAIツールを利用する場合にも役立つ基本を解説。

ChatGPTでブログ記事を書く方法|初心者でもできるAIライティング完全ガイド

  • Chatgptを利用して記事を書く方法を初心者向けに具体的に解説した記事です。