サイトの「Made with」バッジを消すにはどうすればいいですか？
使っているサイトビルダーが用意している方法で消してください。多くのサイトビルダーでは、有料プランに切り替えるか独自ドメインを接続するとバッジが外れ、最新の情報を確実に得られるのはそのビルダー自身のヘルプページだけです。CSSのルールで隠すのは、プラットフォームが管理しているコードとの戦いであり、次にページが配信されるときに再挿入されたり、固定されたり、公開を拒否されたりする可能性があります。お金を払う前に、本当に困っている点を確かめてください。スマートフォンでバッジが自分のボタンを覆っているなら、それはブランドの問題ではなく、報告すべき配置の不具合です。
確認したサイトビルダーでの正式な外し方
一般的な答えはありません。バッジはウェブの標準ではなく、各プラットフォームの料金体系の一部だからです。私たちは2026年9月14日に各社のドキュメントを直接読みました。確認した3社は、実際に出会う3つのパターンをそのまま示しています。
- Framer。 ヘルプセンターによると、「Made in Framer」バッジは独自ドメインを接続するか、サイトを有料サブスクリプションに切り替えると表示されなくなり、その後サイトを再公開する必要があります。
- Lovable。 ドキュメントによると、「Edit with Lovable」バッジは有料プランで非表示にでき、プロジェクトの公開設定にある Hide Lovable badge で切り替えます。設定はプロジェクトごとで、再公開しなくても公開中のサイトにすぐ反映されます。プランをダウングレードすると、次に公開したときにバッジが戻ります。
- AgentCeres。 私たちがホストするページには小さな「Made with AgentCeres」リンクが付きます。現時点では、どのプランでもこれを外す設定はありません。サイトを作ったあとで知るより、ここで先にお伝えしておきたいと考えています。
ほかのサイトビルダーも、有料プランのスイッチ、独自ドメイン、外す方法なし、のいずれかに当てはまります。解説記事ではなく、そのプラットフォーム自身のヘルプページで確認してください。この種の情報は料金改定に合わせて変わりやすく、第三者の記事は真っ先に古くなるからです。
CSSで隠すのが割に合わない理由
この質問に答える解説記事のほとんどは、同じルールに行き着きます。バッジのidを探して display none にする、という方法です。しばらくは効くかもしれません。しかしそれは、自分では管理できないコード、自分のものではないインフラとの対立であり、次の一手を打つのはプラットフォーム側です。ページの配信時に追加されるバッジは、次のリクエストで再び挿入されることも、ページ側のどのルールでも上書きできないスタイルで固定されることも、公開時に検出されることもあります。
無料プランでは、バッジはたいてい「代金」として差し出している部分です。ですから誠実な選択肢は、そのまま残す、バッジのない版にお金を払う、別の場所でサイトをホストする、のどれかになります。隠すルールはそのどれでもなく、しかも書かれた理由より長く残りがちです。あとでプランやホスティングを変えても、誰も覚えていないルールとしてスタイルシートに残り続けます。
顧客のサイトにバッジを付けてわかったこと
AgentCeres（agentceres.com の AI Growth Officer）は、エージェントが顧客のために作ったサイトをホストしており、それらのページには私たちのバッジが付いています。つまり私たちはこの質問をプラットフォーム側から見てきました。最初にわかったのは、この依頼の多くがブランドの話ではないということです。
2026年9月、ある顧客が自分のエージェントにバッジを隠すよう頼み、エージェントはCSSのルールでそれを実行しました。理由を調べると、バッジはページ右下で他のすべての要素より手前に浮いており、その顧客のページには画面下部に固定された独自のバーがありました。これは例外的なレイアウトではありませんでした。私たちがホストしていた公開中の101ページのうち31ページが、画面下部に固定された操作要素を持っていました。その中には同じ右下の角に浮かぶ要素が19個あり、そのうち5個はWhatsAppの問い合わせボタンで、ほかに画面幅いっぱいの下部バーが11本ありました。スマートフォンでは、訪問者が押すべきまさにその場所に、私たちのバッジが重なることがあったのです。
直すべきは私たちの側でした。広い画面ではバッジは今も浮いたままですが、スマートフォンではページの一番下、コンテンツの後ろに置かれ、上にはページ自身の下部バーのための余白を残しています。バッジを隠そうとするページは、公開時に拒否されるようになりました。その際エージェントには、現時点では外せないとはっきり伝えるよう指示するメッセージが返ります。1ページにルールを足しても、残りの30ページは決して直りません。だからこそ、配置の問題は隠すのではなく報告する価値があります。
お金を払って外す前に
- スマートフォンで確認する。 公開したページを実機で開き、最後までスクロールして、画面下部に固定したボタンをすべて押してみてください。バッジがどれかを覆っていたら、スクリーンショットを付けてプラットフォームに報告しましょう。それは配置の不具合で、ほぼ確実にほかのホスト中のサイトにも影響しています。
- 実害があるか判断する。 個人のプロジェクト、ポートフォリオ、最初のテストページなら、ビルダーの小さなリンクはごく普通のものです。見知らぬ人に問い合わせを任せてもらう事業のページでは、ベンダー名が表示されているとページが未完成に見えることがあります。これはルールではなく、あなたの顧客についての判断です。
- 本当の代替案の費用を見積もる。 有料プランや独自ドメインでバッジが外れるなら、別の場所で作り直すよりたいてい安く済みます。独自ドメインはそれ自体にも価値があります。プラットフォームに外す手段がない場合は、サイトを移すことが唯一の誠実な方法です。
ページが新しいなら、より大きな問題はたいてい、そもそも誰かに見られているかどうかです。その点はAIで作ったサイトに訪問者を集めるにはで、公開前に確認すべきことはサイトはAIで作るべきかで扱っています。
FAQ
- サイトビルダーのバッジをCSSで隠すのは規約違反ですか？
- それはプラットフォームの利用規約次第なので、解説記事ではなく規約そのものを読んでください。どこでも言えるのは、ページの配信時に追加されるバッジはプラットフォームの管理下にあり続けるということです。再挿入されることも、固定されることも、公開時に拒否されることもあり、私たちも今はホストするサイトでそうしています。CSSのルールは、よくても一時しのぎと考えてください。
- 「Made with」バッジはSEOに悪影響がありますか？
- 検索順位を左右する要因になる可能性は低いでしょう。追加されるのは外部へのリンク1本だけで、検索エンジンはページの内容と、クロールやインデックスができるかどうかでページを評価します。時間を使うならそちらのほうが効果的です。
- そもそもサイトビルダーはなぜサイトにバッジを付けるのですか？
- 公開されたページを見るのは、自分のサイトを欲しがる可能性が最も高い人たちなので、バッジが紹介リンクとして機能するからです。私たちのバッジには、訪問者がどの顧客サイトから来たかがわかる計測パラメータが付いています。ですから私たちはこの質問について中立ではありません。それでも役に立つように、このページを書いています。
Want this done for you?
AgentCeres is a managed AI marketing team — specialists draft the work, you approve what ships. 14-day free trial, from $39/month.