PR

AIにブログの問題点を丸投げしてみたら、謎の黒い四角の正体まで暴かれた話

AI

ブログを始めてしばらく経つけど、「なんか変なとこあるかも…でも何が問題かわからない」ってずっとモヤモヤしてた。

そこで、Claudeに「このブログ見て、問題点と改善点を挙げて」って丸投げしてみたら、思ってた以上にいろいろ出てきた。しかも、ずっと気になってたサイドバーの謎の黒い四角の正体まで判明。

今日はそのやり取りをそのまま紹介します。

まずブログを見せて、問題点を聞いてみた

🙋‍♀️ 私： このブログを見て、問題点とか改善とかを挙げて

🤖 Claude： ブログを拝見しました。いくつか改善できる点があります。

SEO面： タグページがインデックスされる設定になっています。タグページは内容が薄くなりがちなので「noindex」にした方がGoogleの評価が上がります。

サイトタイトル：「いくつになってもなっても今日が1番若い日」とタイポがあります。

プロフィールURL： 管理画面の編集URLがそのまま公開設定になっています。

テーマのアップデート： Cocoonが古いバージョンのままです。

え、タイトルにタイポあったの！？自分では全然気づいてなかった😂

AIが次々と修正してくれた

「一括してやってくれないの？」って聞いたら、Chrome拡張機能を使って直接WordPressを操作して修正してくれた。

修正してくれたこと：

  • タグページをnoindexに設定
  • カテゴリーページ2ページ目以降もnoindexに
  • Cocoonテーマを最新版（2.9.0.1）にアップデート
  • プロフィールURLを正しいページに変更
  • サイトタイトルのタイポを修正

サイトタイトルの修正はちょっと手こずってたけど、JavaScriptで直接フォームの値を書き換えて保存するという技で解決してた。なるほど…。

ずっと気になってたサイドバーの黒い四角

修正が一通り終わったあと、ずっと気になってたことを聞いてみた。

🙋‍♀️ 私： まだ四角いの、残ってるみたい

サイドバーのプロフィールウィジェットのところに、ずっと謎の黒い四角が表示されてたんよね。なんなのかわからなくて、ずっと放置してた。

🤖 Claude： 調べてみます。

AIがJavaScriptでページを解析し始めた。

🤖 Claude： 見つかりました。rgb(51, 51, 51)（ほぼ黒）のリンク要素があります。クラスなし、テキストなし、子要素なし。

さらに深掘りして…

🤖 Claude： プロフィールの説明文のHTMLが壊れています。「詳しいプロフィールはこちら」というリンクの</a>閉じタグが欠けていて、しかも古い管理画面のURLが入ったままです。これが黒い四角として表示されていました。

原因：プロフィールの説明文に書いたリンクのHTMLが不完全だった！

具体的には、こういう状態になってた：

<!-- 壊れてた状態 -->
→<a href="https://forever-youngish.com/wp-admin/post.php?post=16&action=edit">詳しいプロフィールはこちら
（←</a>が足りない！しかもURLが管理画面のアドレス！）

これが原因で、「内容のない黒いリンクボタン」がサイドバーに出現していた。

修正後はこうなった：

<!-- 正しい状態 -->
→<a href="https://forever-youngish.com/profile/">詳しいプロフィールはこちら</a>

AIがプロフィールの説明文を直してくれたら、黒い四角がスッキリ消えた！✨

ずっと謎だったのに、あっという間に解決。自分だったら絶対気づかなかった…。

Googleアドセンスの相談もしてみた

🙋‍♀️ 私： 昨日Googleアドセンスを申し込んだんだけど、A8.netとかのアフィリエイトがあると審査に通りにくいって言われたんだけど、一度外した方がいいの？

🤖 Claude： テニス記事に貼っているAdmiralのバナーなら、コンテンツとの関連性もあるし、アダルトや金融系でもないので、審査落ちの直接的な原因になる可能性は低いです。ただ、審査中だけ一時的に外しておくのが一番確実です。

🙋‍♀️ 私： 記事数はいくつだろ？カウントして

🤖 Claude： 合計77記事（公開済み73記事、下書き4記事）です。AdSense審査の記事数としては十分すぎるくらいです！

73記事もあったのか。我ながらよく書いてたな😊

やってみてわかったこと

AIにブログの改善を頼むと、自分では気づかないところまで見てくれるのが一番の収穫だった。

特に今回一番役に立ったのは「黒い四角の原因特定」。HTMLの構造の問題なんて、普通はどうやって調べるかもわからない。それをAIがJavaScriptでページを解析して、どの要素が原因かまで特定してくれたのはすごかった。

今回修正・改善したこと一覧：

  • ✅ サイトタイトルのタイポ修正
  • ✅ Cocoonテーマのアップデート
  • ✅ タグページ・カテゴリーページのnoindex設定
  • ✅ プロフィールURLの修正
  • ✅ サイドバーの謎の黒い四角を撃退

残ってる課題は404エラー（12ページ）の修正。これは「どのURLをどこにリダイレクトするか」の判断が必要なので、また時間があるときにやる予定。

同じようにWordPressのサイドバーに謎の黒い四角が出てる人、原因はプロフィール説明文のHTMLかもしれないですよ！確認してみて。

コメント