「自分のブログ名」でググってみた。何も出てこなかった。
ブログを公開して数日。ふと思った。
「自分のブログ、Googleで検索したら出てくるのかな？」
「invest-at-13」で検索。結果——
何も出てこない。
公開してるのに、URLを打てば見られるのに、検索には出てこない。
Googleは勝手にブログを見つけてくれるわけじゃなかった。 こっちから「ここにブログあるよ！」って教えてあげないといけない。
この記事の読み方
この記事では、僕がAI（Claude Code）に何を伝えたかと、AIが何をやってくれたかを分けて書いてる。
これからブログを始めたい人に伝えたいのは、プログラミングがわからなくても、「こうしたい」って言うだけでAIが全部やってくれるということ。僕が出した指示はめちゃくちゃシンプル。技術的なことはほぼ全部AIがやってる。
1. Google Search Consoleに登録する
僕が言ったこと
「今僕のブログ何人見てる？」→「ゼロ」→「やる」
これだけ。Google Search Consoleの存在すら知らなかった。AIが「Googleに登録しないと検索に出ないよ」って教えてくれて、「じゃあやる」って言っただけ。
AIがやってくれたこと
- Google Search Consoleの登録手順を教えてくれた
- 所有権確認用のHTMLファイルをブログに追加してくれた
- サイトマップの送信方法も教えてくれた ※サイトマップ＝ブログの全ページの一覧表みたいなもの。Googleにこれを渡すと、効率よく全部のページを見つけてくれる
- GitHubにプッシュして自動デプロイ
僕がやったこと
- Googleの画面でURLを入力してボタンを押した
- 確認ファイルをダウンロードした
- 「所有権を確認しました」が出てちょっと感動した
つまずいたポイント
サイトマップを送信したら 「取得できませんでした」 って表示された。焦ったけど、新しいサイトだと数時間〜数日かかるらしい。Googleは急いでくれない。気長に待とう。
2. LINEでシェアしたときの画像を直す（OGP画像）
僕が言ったこと
「URLを送信した時のこの画像は変更できない？」
LINEでブログのURLを送ったら、Astroのデフォルト画像（「Build the web you want」）がドーンと表示された。ダサい。ジェミニに頼んで作ったアニメ風の画像にしたかった。
AIがやってくれたこと
- 原因を調査（画像の置き場所が悪かった）
- 画像ファイルを正しいフォルダに移動してくれた
- OGP画像のURLが固定になるようにコードを修正 ※OGP画像＝LINEやSNSでURLを送ったときに表示されるプレビュー画像のこと
- GitHubにプッシュ
結果
なぜかまだ反映されなかった……！また明日やってみる！
教訓：シェアする前にプレビューを確認しよう。
3. いいねボタンを本物にする
僕が言ったこと
「ブログにいいね機能つけられない？？」→「本格的」
AIがやってくれたこと（前日）
- いいねボタンのデザインとコードを全部作った
- Cloudflare Pages Functionsを作った ※いいねボタンが押された回数を保存したり読み出したりする裏側の仕組みのこと
- 記事ページの下にボタンを配置した
僕がやったこと（この日）
- Cloudflareのダッシュボードで KV を作成 ※KV＝いいねの数を保存しておく箱みたいなもの。誰かがいいねを押すとここに記録される
- ブログのプロジェクトにKVを紐付け ※紐付け＝「この箱をこのブログで使うよ」って設定すること。ボタンをポチポチするだけでできた
AIが「ダッシュボードのここをクリックして」って一歩ずつ教えてくれたから、画面のスクショを送りながら進めた。
結果
いいねボタンを押すと❤️に変わって、カウントがサーバーに保存されるようになった！ページをリロードしても数字が残る。
4. もぐもぐカウンター（訪問者カウンター）
僕が言ったこと
「ブログを見に来てくれた人の数をカウンターとしてホーム画面の上部に表示したい」 「おにぎり🍙のデザインのかわいいカウンター入れられないかな？」
AIがやってくれたこと
- CSSでおにぎりのデザインを作った ※CSS＝サイトの見た目（色、形、アニメーションなど）を決めるための言語
- ぴょこぴょこ跳ねるアニメーションを付けた
- 訪問者数を記録する仕組みを作った ※誰かがブログに来ると、裏側で「+1」してくれるプログラム
- 同じブラウザからは1回だけカウントされる仕組みにした
- 数字がカウントアップするアニメーションを付けた
結果
ホーム画面の上に、おにぎり🍙が跳ねながら「○人が遊びに来たよ！」って表示されるようになった。
今日の作業まとめ
| やったこと | 僕の指示 | AIの作業量 |
|---|---|---|
| Google Search Console登録 | 「やる」の一言 | 手順説明＋ファイル追加 |
| OGP画像の修正 | 「この画像変えたい」 | 原因調査＋コード修正 |
| いいねボタンの保存設定 | 画面のスクショを送った | ダッシュボードの案内 |
| もぐもぐカウンター | 「おにぎりのカウンター入れて」 | デザイン＋仕組み＋アニメーション全部 |
これからブログを始めたい人へ
正直に言うと、僕はプログラミングのコードを1行も書いてない。
やったのは：
- 「こうしたい」ってAIに伝える
- Cloudflareのダッシュボードでボタンを押す
- スクショを送って「次どうすればいい？」って聞く
これだけで、Google検索に登録して、いいねボタンを作って、かわいいカウンターを付けて、シェア画像を整えるところまでできた。
プログラミングの知識がなくても、AIに「やりたいこと」を伝えるだけでブログは進化する。大事なのは「こうしたい」っていうアイデアを持つこと。 技術的なことはAIに任せればいい。
もしこの記事を読んでブログを始めたいと思ったら、ぜひやってみてほしい。
関連記事
#GoogleSearchConsole #ブログ運営 #AI活用 #ClaudeCode #中学生 #いいねボタン #もぐもぐカウンター