はじめに

ブログを運営していると、「カテゴリ、ちょっとおかしくなってきたな」と感じる瞬間があります。

私のブログ ara-garage もそうでした。記事が増えるにつれて「NAS・PC」「AI・デジタル」といった大きめのカテゴリに記事が集中し始め、逆に「DIY」「おでかけ」は記事が少ないまま。カテゴリ名も読者にとってわかりにくいのでは、という気持ちがずっとありました。

そこで今回、Claudeを使ってブログ全体のカテゴリ再編を一気にやってしまいました。88記事が対象で、作業時間は約半日。戦略立案から実装・確認まで、ほぼClaudeに伴走してもらいながら完了できました。

この記事では、その作業の流れを丸ごとご紹介します。

今回やったことの全体像

5カテゴリ → 7カテゴリへ再編

変更前後のカテゴリはこちらです。

88記事のうち47記事をClaudeが自動で振り分け、残り41記事は私が最終判断しました。

作業の三段構え

この三段構えが、今回の作業を半日で終わらせられた最大の理由だったと思います。

Opusに戦略を立ててもらう

まず最初にやったのは、Claude Opusに「カテゴリ設計」の相談をすることでした。

ブログのコンセプト・記事一覧・現在のカテゴリ構成をまとめてOpusに渡し、「読者にとってわかりやすく、かつSEOにも効きやすいカテゴリ構成を提案してほしい」と依頼しました。

Opusが提案してくれた内容は、

• 「NAS・PC」は具体性を上げて 「NAS・自宅サーバー」 に
• 「AI・デジタル」は 「AI活用」と「ガジェット・アプリ」と「ブログ運用」 の3つに分割
• 「時事・社会」は検索意図に合わせて 「地政学・産業分析」 へ

といったものでした。ざっくりした方針だけ決まれば、あとは実装に移れます。ここでOpusに時間をかけすぎず、「だいたいの方向性が決まったらGO」というスタンスが良いと感じました。

Claude in Chromeで88記事を振り分ける

作業フローはこんな感じでした

Claude in ChromeはChromeの拡張機能として動き、Claudeがブラウザ上のWordPress管理画面を直接操作してくれます。今回の具体的な流れは次のとおりです。

1. WordPress管理画面の「投稿一覧」を開く
2. Claude in Chromeに「各記事のタイトルを見て、新しい7カテゴリのどれが適切か判断し、カテゴリを変更してほしい」と指示
3. Claudeが記事タイトルを読み、カテゴリ選択→保存を繰り返す
4. 判断が難しいもの（複数カテゴリにまたがる記事など）は「要確認」としてリストアップ
5. 私が「要確認リスト」を一覧確認して最終決定

ハマりどころと対処法

それでも88記事中47記事はClaudeが自動で振り分けてくれたので、作業量は体感で半分以下になりました。

Redirectionで301リダイレクトを設定する

カテゴリを変更すると、カテゴリページのURLが変わります。旧URLをそのまま放置するとSEO的に不利になるため、WordPressプラグインの Redirection を使って301リダイレクトを設定しました。

今回設定したのは4ルールで、内容はシンプルです。

Redirectionの設定自体は直感的で、旧URLと新URLを入力して保存するだけです。設定後はブラウザで旧URLにアクセスして、正しくリダイレクトされるか確認しておきましょう。

作業を終えて感じたこと

半日で終わった理由

普通にやっていたら、88記事のカテゴリを一つひとつ確認して変更するだけで半日以上かかっていたと思います。今回はClaude in Chromeが単純作業の大半を引き受けてくれたので、私は「判断が必要な場面だけ」に集中できました。

AIを使った省力化というと「全部任せる」イメージがあるかもしれませんが、今回感じたのは「任せる部分と自分でやる部分を最初に決めておくことが大事」ということでした。

人間が最終判断を持つことの大切さ

Claudeはカテゴリ振り分けを素早くやってくれますが、「この記事、どっちにも入りそう」という曖昧なケースの最終判断はやはり人間がするべきだと感じました。ブログの方向性やこれからどんな記事を増やしたいか、というビジョンはAIではなく自分の中にあるからです。

まとめ

今回のカテゴリ再編作業を通じて、Claude in Chromeの「得意なこと」と「向かないこと」がよくわかりました。

「戦略はOpus、実装はClaude in Chrome、最終判断は人間」という三段構えは、今後の大規模作業でも使い回せそうです。サイトのリニューアルや記事の棚卸しをお考えの方は、ぜひ参考にしてみてください。

ブログを書いていると、記事の内容と同じくらい「見た目」が読者の印象を左右すると感じることがあります。その中でも特に影響が大きいのがアイキャッチ画像と配色です。

今回はこの2つのテーマについて、実際の色を使いながら整理してみました。

アイキャッチはなぜ重要か

「画像なんてなくても記事の内容が良ければいい」と思っていた時期もありましたが、実際はそうではありませんでした。

SNSシェア時のOGP画像になる

XやFacebookでブログのURLをシェアしたとき、表示されるカード画像がアイキャッチです。このカード画像のことをOGP（Open Graph Protocol）画像と呼びます。画像ありとなしでは、クリック率に明らかな差が出ます。WordPressにSEOプラグインを入れておけば、アイキャッチを設定するだけで自動的にOGP画像として使われる仕組みになっています。

ブログ内の回遊性に直結する

WordPressのテーマによっては、記事一覧がカード型で表示されます。このとき各カードに表示されるのがアイキャッチです。魅力的な画像があるほど「次もこの人の記事を読もう」となりやすいです。

ブログのブランド統一感をつくる

毎記事で配色やデザインに一貫性があると、読者に「このブログらしさ」が伝わります。継続して読んでもらうための地盤にもなります。

「いいな」と感じる配色の6原則

配色は個人のセンスによるところが大きいと思われがちですが、実際には知っているか知らないかの差の方が大きいと感じています。原則を押さえるだけで、見た目の印象は大きく変わります。

① 60-30-10ルール（黄金比率）

使う色の面積比を「メイン60%：サブ30%：アクセント10%」にすると、画面全体が自然と落ち着きます。

特にアクセントカラーは「小さく使うほど効く」というのがポイントです。目立たせたい要素にだけ使うことで、視線を自然に誘導できます。

② 彩度レベルを統一する

複数の色を組み合わせるとき、鮮やかな色と淡い色が混在すると落ち着かない印象になります。彩度のレベルを揃えるだけで、一気に統一感が出ます。

③ 色温度で「雰囲気」を決める

暖色・寒色・中性色にはそれぞれ伝わる印象があります。記事の内容と色温度を合わせると、読者が感じるトーンと実際の中身がズレなくなります。

④ テキストのコントラストを確保する

背景色と文字色の差が小さいと、内容が読めません。特にアイキャッチに文字を入れる場合は、コントラスト比の確保が必須です。

目安はWCAG（ウェブアクセシビリティのガイドライン）のAA基準である4.5:1以上です。迷ったら白か黒の文字を選ぶのが最も確実です。

⑤ 使う色は3色まで

色が多いほど散漫な印象になります。メイン・サブ・アクセントの3色に絞るだけで、まとまりが生まれます。

⑥ 白・グレー・黒を積極的に使う

無彩色は「どんな色とも喧嘩しない」という特性があります。迷ったらベースを白やグレーにして、1〜2色だけ差し色にするのが最短の解決策です。

参考になる本の紹介

配色を自力で考えるのはなかなか大変です。そんなときに役立つ本を紹介します。

　Color Design　（株）KADOKAWA(Googleリンク)

本とCanvaの間の小さなギャップ

この本に掲載されているカラー数値はRGB形式（例：R=83, G=74, B=183）です。一方CanvaでカスタムカラーはHEX形式（例：#534AB7）での入力が必要になります。

変換はGoogleの検索窓に以下のように入力するだけです。

検索結果の一番上に変換結果が表示されるので、コピーしてCanvaに貼るだけです。

まとめ

アイキャッチと配色についてまとめると、こうなります。

配色は「センス」という言葉で片付けてしまいがちですが、実は体系化されたルールがあります。原則を知ったうえで配色の見本帳を活用すれば、ブログのアイキャッチのクオリティは着実に上がっていくと感じています。

COLOR DESIGN カラー別配色デザインブック

¥2,200 （2026/05/03 07:50時点 | Amazon調べ）

Amazon

ポチップ

ブログを立ち上げてしばらく経ったころ、「そういえばアクセス数ってどうやって確認するんだろう？」と気になり始めました。調べてみると、GoogleアナリティクスやSearch Consoleというツールの存在を知り、さらにGA4という新しい仕組みがあることもわかりました。

この記事では、それぞれのツールの違いを整理したうえで、ara-garage.com への実際のセットアップ手順をまとめました。同じような疑問を持っている方の参考になれば幸いです。

①ブログを立ち上げて気づいたこと

ara-garage.comを開設し、記事を書き始めてしばらくしたころ、ふと「どれくらいの人が読んでくれているんだろう？」と気になりました。記事を投稿しても反応がわからないのは少し心もとないものです。

調べてみると、Googleが無料で提供しているアクセス解析ツールがあることを知りました。その名も Google アナリティクス。さらに深掘りすると Search Console や GA4 という言葉も出てきて、最初は「どれが何なの？」と混乱しました。

②3つのツールの違いをざっくり理解する

まず整理しておきたいのが、それぞれのツールの役割の違いです。

簡単にまとめると、次のような違いになります。

③料理店で例えるとわかりやすい

ツールの違いをイメージしやすくするために、飲食店に例えてみます。

• GA4：お店の中に設置した監視カメラ。お客さんが来店後、どのテーブルに座り、何を注文し、どのくらい滞在したかがわかります。
• Search Console：お店の外にある看板や口コミ。どんなキーワードでお客さんが店を見つけたか、何人が看板を見てドアを開けたかがわかります。

両方あってはじめてブログの全体像が見えてくる、というわけです。

④ara-garage.comへのGA4設定

ara-garage.comはWordPressで構築しており、SEO SIMPLE PACKというプラグインを通じてすでにGA4のトラッキングタグが設置されていました。

GA4の管理画面でデータストリームを確認したところ、「過去48時間にトラフィックデータを受信しています」と表示されており、正常にデータが収集されていることが確認できました。

⑤Search ConsoleとGA4を連携する

Search Consoleはすでにara-garage.comに設定済みでしたが、GA4との連携はできていませんでした。連携することで、GA4の画面内でSearch Consoleのデータも一緒に確認できるようになります。

設定手順はとても簡単でした。

1. GA4管理画面 → 「サービス間のリンク設定」→「Search Console のリンク」
2. 「リンク」ボタンをクリック
3. Search Consoleのプロパティ（https://www.ara-garage.com/）を選択
4. ウェブストリーム（myblog）を選択
5. 「送信」で完了

設定完了後、「リンク作成済み」と表示されて無事に連携できました。

⑥これから確認できるようになること

GA4とSearch Consoleの連携が完了したことで、今後は以下のようなデータをGA4の画面だけで確認できるようになります。

• どんなキーワードで検索してブログに来たか
• どの記事が検索流入を集めているか
• クリック率・表示回数・検索順位の推移
• 訪問者数・滞在時間・デバイスの内訳

データは蓄積されるほど精度が上がります。しばらく運用しながら、どんな記事が読まれているかを確認しつつ、コンテンツの改善に活かしていきたいと思います。