🟨 この記事はClaude Code（AI）と2ヶ月で開発した日本初のWebサイト校正ツール「fuSen」の開発ブログです。登録不要でデモを試せます → https://app.fusen.cloud/demo
第十九話：作るのは2ヶ月。届ける仕組みのほうが長かった
前回、登録ユーザーが100人になった話を書いた。
そのなかで「作るより、届けるほうが圧倒的に難しい」と書いたのだけど、じゃあ実際に何をやったのか、までは書かなかった。
今回はそこを全部書く。
コードが書けなかった人間が、ひとりでプロモーションの仕組みをゼロから組んだ記録だ。
最初にやったのは、トップページの引っ越し
当時、fusen.cloud にアクセスすると、アプリのログイン画面に転送されていた。
つまり、初めて来た人がいきなりログイン画面を見せられていたわけだ。これはひどい。サービスの説明を読む前に「ログインしてください」と言われても、何のツールかわからない。
もうひとつ問題があった。LPは別の場所に置いてあって、ドメインの一番上にはなかった。
SEOを考えると、一番強いのはルートドメインだ。そこに一番読ませたいページを置くべきなのに、そこが転送になっていた。
なので、こう変えた。
- fusen.cloud → LPを表示（ログイン状態でも関係なくLP）
- app.fusen.cloud → これまでどおりアプリ
ログインしている人がトップに来たらダッシュボードに飛ばす、という作りもありえたけど、やめた。トップページは「まだ知らない人のための場所」だと決めたからだ。
Nginxの設定を書き換えるだけの作業だけど、方針を決めるまでが一番時間がかかった。
faviconもOGPも、何もなかった
次に自分のサイトを客観的に見て、愕然とした。
faviconがない。OGPもない。
タブに表示されるのは、のっぺりした地球儀のアイコン。SNSでURLを貼っても、画像もタイトルも出ない。ただのリンクだ。
20年間クライアントのサイトには当たり前のように設定してきたものを、自分のサービスでは一個もやっていなかった。
ここから一気に整備した。
- favicon（各サイズ）
- OGP画像・タイトル・説明文
- Twitterカード
- 構造化データ（SoftwareApplication / FAQPage / パンくず）
- sitemap.xml
- robots.txt
構造化データは、正直これまでちゃんと書いたことがなかった。検索結果での見え方が変わるのと、最近はAIに読ませるという意味でも効いてくるはずなので、面倒でも入れておいた。
Search Consoleに登録して、やっと「存在する」ことになった
そのあとGoogle Search Consoleに登録して、所有権を確認して、sitemapを送信した。
ここで気づいたことがある。
それまでfuSenは、Googleにとって「ほぼ存在していなかった」。
サイトはある。動いている。でも、誰も見つけられない。インデックスされていなければ、検索結果には出ない。出なければ、存在しないのと同じだ。
当たり前のことなのだけど、自分のサービスでそれを体験すると、重みが違う。
作っただけでは、本当に誰にも届かない。
SNSは「毎日がんばる」ではなく「仕組みにする」
次がSNSだ。
ここで自分の性格を正直に考えた。毎日SNSに投稿する、というのを自分は続けられない。20年間営業をしてこなかった人間が、急に毎日発信できるわけがない。
だから最初から、続けられる前提を疑って仕組みにした。
使ったのはBufferという予約投稿ツール。投稿文をまとめて書いて、日時を指定して突っ込んでおく。あとは勝手に出ていく。
投稿する先は3つ。
- X（個人アカウント）
- Threads（個人アカウント）
- Facebook（知り合い向け）
アカウントを新規で作るか個人アカを使うかはかなり悩んだ。会社名でもプロダクト名でもなく、個人でいくことにした。fuSenのあとも別のSaaSを作る予定があるので、プロダクトごとにアカウントを作っていたらきりがないからだ。
そして投稿文は、10本くらいまとめて書いて予約した。
結果として、この判断は正しかったと思う。気分が乗らない日でも、投稿は出ていく。
書く場所を3つに増やした
最後がブログだ。
noteだけでやっていたのを、ZennとQiitaにも広げた。
理由は単純で、読者層が違うから。noteは個人開発やAIに興味がある人、ZennとQiitaはエンジニアだ。fuSenのターゲットはWeb制作者なので、どちらにもいる。
ただし同じ記事を3箇所に出すと、検索エンジンからは「重複コンテンツ」に見える。
なので、ZennとQiitaにはcanonical_url（正規URL）としてnoteのURLを入れている。「これはnoteが本家です」と宣言しておく仕組みだ。これで評価が分散しない。
全部ひとりでやれる、ということ
振り返ると、今回やったことはこれだけある。
Nginxの設定変更、favicon作成、OGP設計、構造化データ、sitemap、robots.txt、Search Console登録、SNSアカウント設計、予約投稿ツールの導入、投稿文の作成、3媒体への展開、canonical設定。
本来なら、インフラの人とSEOの人とSNS運用の人が要る仕事だ。
それを全部ひとりでやった。Claudeに聞きながらではあるけれど、判断して、手を動かして、本番に反映したのは自分だ。
第十八話で「ひとりで作って、ひとりで届けた」と書いたのは、こういう意味だった。
ただ、やっていくうちに、どうしても面倒なことが出てきた。
1本の記事を、note・Zenn・Qiitaに毎回手で貼り直す。
これが地味にきつい。記法も微妙に違う。
で、どうしたかというと、作った。
その話は次回に書く。
次回：1記事を3媒体に同時投稿するツールを、自分で作った話。
fuSen｜Webサイト上に付箋を貼るように、フィードバックを残せるオンライン校正ツール。ベータ版リリース中、全機能無料。
👉 無料で始める → https://fusen.cloud/
👉 登録不要でデモを試す → https://app.fusen.cloud/demo