WordPressカスタマイズ事例・実績のご紹介です。今回はカテゴリーページカスタマイズについてご紹介します。
WordPressの投稿アーカイブであるカテゴリーページは、投稿のリストを生成してくれる便利な機能となります。ただ、その表示形式は現在利用しているテーマに依存しています。一覧リストとしてシンプルな表示をして欲しいのに、各投稿の全文が表示されてしまうというような場合もあります。こうした場合は、WordPressテーマのカスタマイズによってシンプルなカテゴリーページに変更することで解決することができます。
WordPress（ワードプレス）はたくさんの応用が可能なブログCMSです。
弊社ファンフェアファンファーレではワードプレスでのホームページ制作・ウェブサイト制作、WordPress（ワードプレス）のカスタマイズサービスを提供しております。
「CMSの性質 CMSの最大の強みと弱点を補うポイント」でお伝えしましたが、ワードプレスもCMSのため、強みと弱みがあります。
CMSは、以下の様な性質があります。
ウェブサイトを構成する大半の部分がシステムで出来上がっているため、初心者でもおおまかには簡単にウェブサイトを構築できるような魔法の仕組みです。しかしながら、カスタマイズには基礎的な仕組みの理解が必要になります。
さて、WordPressカスタマイズ事例・実績として、ワードプレスのカテゴリーページのカスタマイズについてお伝えしていきます。
カテゴリーページとは？
WordPress（ワードプレス）には記事を投稿する機能がついています。
この機能は一般的なブログと同じです。
記事は単体のウェブページとして、生成することができますが、ワードプレスにはこの記事たちをカテゴリー分け、タグ付けする機能がついています。
そして、カテゴリー分けされたページを、該当カテゴリーの一覧ページにリスト化することができます。
この一覧リストページをカテゴリーページと呼びます。
このカテゴリーページは、記事をカテゴリした段階で自動生成されます。このような仕組みは、ワードプレスに限らず、ブログCMSでは通常付いている機能です。
ワードプレスのテーマファイルの中では、概ねcategory.php、もしくはarchive.php（共に存在しない場合はindex.php）でカテゴリーページの仕様を決定しています。
一般的にはこれらのファイルになりますが、テーマによっては、深い階層にファイル群が多数存在し様々な機能を実装しているケースもあります。
ワードプレステーマによって異なるカテゴリーページ
ワードプレスの各テーマによって、このカテゴリーページのリストの表現の仕方はバラバラです。
記事のタイトル・抜粋を表示するものが一般的ですが、記事に設置したアイキャッチ画像をリストに反映しているものもあります。
投稿の抜粋文ではなく全文が表示されてしまうカテゴリーページ
標準テーマの場合は、カテゴリーページのリスト項目たちが、抜粋文ではなく全文表示のものもあり、あまりリストとしては使い勝手が良いものではないケースがあります。
全文を表示する場合、縦に間延びするためリストとしてはあまり機能性が高いとは言えません。
WordPressカテゴリーページのカスタマイズ事例
弊社ファンフェアファンファーレは、WordPressなどのCMSをカスタマイズさせていただいております。WordPressホームページ（ウェブサイト）のカスタマイズ事例・実績のご案内です。
WordPressカテゴリーページのカスタマイズ事例としてお受けしたご依頼内容をお伝えさせていただきます。
ご依頼内容は、カテゴリーページの仕様を変更することがメインでしたが、その他細かいCSSでの設定やレスポンシブデザインも同時に承りました。
現状のWordPressテーマのカテゴリーページの仕様
- 投稿日ごとにリスト化されており、区切りのタイトルは投稿年月
- リストの項目は、投稿タイトル、投稿日、投稿へのリンク、および該当カテゴリのみ
カテゴリーページの仕様の問題点とご要望
今回ご依頼いただいたカスタマイズ対象カテゴリーページの仕様の問題点とご要望は次のとおりです。
- 現状のカテゴリーページでは、区切りが年月単位であるが、これを非表示にしたい。
- 抜粋文、および自由に記述できる概要分を掲載したい。
- 投稿へのテキストリンク画像リンクへ変更したい。
- カテゴリへのリンクだけでなく、様々な付加情報を掲載したい
- PC表示では、各項目を横並びにしながら、スマートフォンなどでは縦方向に項目を並べたい。
カテゴリーページのカスタマイズ
上記のご要望を元にWordPressのカテゴリーページをカスタマイズさせていただきました。
現状ではタイトルとテキストリンクなどのシンプルなリストでしたが、リスト項目自体に付加情報を掲載できるように、カスタムフィールドの利用を行いました。同時にタグページも同様の仕様にさせていただきました。
カスタムフィールドで自由度の高いリスト設計
WordPressのカスタムフィールド機能は、投稿に付加情報を設置できる機能です。この機能を活かし、各記事に、特殊な付加データを設置して、その設置項目をカテゴリーページに反映させ、さらに、その内容を横並びにするカテゴリーページを設置しました。
カスマイズによるメリット
- リストの見やすさを向上させるとともに、リスト項目の情報が多い
- リスト項目各情報の横並びによって、ページが縦長にはならないため、PCでの閲覧時のユーザビリティ向上
- カテゴリーページの情報量増加によるSEO向上
- リスト項目の情報量増加により、ユーザーのクリック率が向上
費用 8万円(カテゴリーページカスタマイズ分)
※費用は一例です。初回投稿時点の費用例です。
今回は、WordPressカスタマイズの内、カテゴリーページのカスタマイズ事例をご紹介させていただきました。
WordPressサイトの「カテゴリーページ」・「タグページ」カスタマイズ
カテゴリーページは「ただの一覧」ではありません SEO最強の「ハブページ」に変える設計思想
WordPressのデフォルト設定では、カテゴリーページは単に「新しい記事が順番に並んでいるだけの場所」です。 しかし、SEOに強いサイト運営者は、このカテゴリーページを「ハブ（拠点）ページ」として作り込んでいます。
なぜなら、個別の記事は「細かい悩み」を解決する場所ですが、カテゴリーページは「そのジャンル全体の専門性」を示す場所だからです。 「WordPress カスタマイズ」や「節約術」といった、検索ボリュームの大きいビッグワードで上位表示を狙えるのは、個別の記事ではなく、情報を束ねたカテゴリーページだけです。
ここでは、単にレイアウトを変えるだけでなく、検索エンジンとユーザーに評価されるためのカスタマイズの視点をお話しします。
「説明文」を入れないのは、看板のないお店と同じ
カテゴリー編集画面にある「説明（Description）」という入力欄。ここを空白にしていませんか。 多くのテーマでは、この入力欄に書いたテキストやHTMLが、カテゴリーページのタイトルの下に表示される仕様になっています。
ここに何も書かないということは、Googleに対して「ここはただの自動生成されたリストです」と言っているようなものです。 プロはここに、以下のような情報をガッツリと書き込みます。
このカテゴリーでは何が学べるのか（定義）
初心者におすすめの記事はどれか（内部リンク）
監修者のプロフィールや権威性
これを入力するだけで、カテゴリーページは「単なる一覧」から「読み応えのある辞書ページ」へと進化し、Googleからの評価（品質スコア）が劇的に向上します。PHPをいじるのが怖い方は、まずこの説明欄を充実させることから始めてください。
ユーザーを迷わせない「案内板」としての機能を実装します
記事数が増えてくると、カテゴリーページの中に50記事、100記事と溜まっていきます。 ユーザーがそのページに来たとき、新しい順に並んでいるだけでは、本当に読みたい「基礎知識」や「人気記事」が埋もれてしまい、探すのを諦めて離脱してしまいます。
カスタマイズの際は、単に新着順で並べるだけでなく、以下のような「区画整理」を行うことをおすすめします。
おすすめ記事を上部に固定する: PHPを編集して、特定のタグがついた記事や、読んでほしい「入門記事」をリストの最上部に別枠で表示させます。
子カテゴリーへのリンクを目立たせる: 「リフォーム」カテゴリーの中に「キッチン」「お風呂」があるなら、それらのボタンを目立つ場所に配置し、ユーザーが絞り込みやすくします。
カテゴリーページは、図書館の「書棚」です。新刊コーナーだけでなく、名著コーナーやジャンル別の棚を作ることで、ユーザーはサイト内を快適に回遊できるようになります。
個別記事との「カニバリ（共食い）」を防ぐ役割もあります
サイト運営でよくある失敗が、似たようなキーワードの記事を量産してしまい、Googleがどのページを評価すればいいか迷ってしまう「カニバリゼーション」です。
例えば、「ダイエット」というビッグワードを狙いたい場合、個別の記事で無理に「ダイエット」と連呼する必要はありません。 個別の記事は「糖質制限」や「ジョギング」といった具体的なテーマに集中させ、それらを束ねる「ダイエットカテゴリー」にパワーを集約させる。
このように役割分担を明確にするためにも、カテゴリーページにはしっかりとしたコンテンツ（説明文）が必要です。「親（カテゴリー）」と「子（記事）」の関係性を正しく設計することが、サイト全体のSEOパワーを最大化します。
（初回投稿日 2016年3月7日）
WordPress（ワードプレス）のカスタマイズ
各種WordPress（ワードプレス）のカスタマイズに対応しております。
Related page
-
WordPressカスタマイズ事例・実績として、WordPressテーマに組み込まれたカスタムフィールドによる「テーブル出力」について、このテーマの仕様が問題でレスポンシブ化できなかった事例をご紹介し、この問題を解決するために実施したテーマ内部の「テーブル」のレスポンシブ化によるモバイルフレンドリー
-
WordPressで制作されたウェブサイト（ホームページ）において、WordPressテーマがモバイルフレンドリーに対応していなかったためご依頼をいただきましたテーマカスタマイズ事例・実績のご案内です。既にある程度モバイルフレンドリー化されているものの、一部分がスマートフォン表示に適していない仕様になっていたため微調整を加えた事例
-
今回は、WordPressサイトのトップページをブログタイプから固定ページに設定するカスタマイズ方法をお伝えします。 WordPressはブログCMSのため、WordPress サイト（WordPressベースのホームページ）の大半のテーマ（テンプレート）は、基本的にブログ投稿がリスト表示されるWebデザインになっています。 WordPressテーマによって
-
WordPressをカスタマイズする場合の方法のひとつとして、WordPressサイトのヘッダーウィジェットを使ってヘッダーをカスタマイズする方法についてお伝えします。 WordPressテーマにウィジェット機能がある場合、WordPress管理画面の「外観」→「ウィジェット」から、各エリアのウィジェットを設定、編集することができます。 テーマ内にヘッダーエ
-
WordPressをカスタマイズする場合の方法のひとつとして、サイドバーウィジェットを使ってWordPressサイトのサイドバーエリアをカスタマイズする方法についてお伝えします。 WordPressサイトがサイドバーあり2カラム以上のレイアウトだった場合、ほとんどのWordPressテーマにおいてサイドバーウィジェットの設定が可能です。 ヘッダーウィジェット
