PUBLISH GUIDE ● 5 STEPS ● PUBLISH GUIDE ● 5 STEPS ● PUBLISH GUIDE ● 5 STEPS ● PUBLISH GUIDE ● 5 STEPS ●
PUBLISH GUIDE

作ったLPを、
自分のURLで公開する5ステップ

きせかえLP／LP制作メーカー／画像LPメーカーPro／まんがスタジオ 共通。パソコンにファイルを置いて、ドラッグ&ドロップするだけ。コードもコマンドも要りません。むずかしければ「公開代行」のタブへ。

【2026-09-14 お知らせ】公開先を Vercel から Cloudflare Pages に変更しました。
以前このガイドで案内していた Vercel の無料プランは、規約で「個人・非商用のみ」と定められており、お店や商品のLPを置くのは商用利用にあたると分かりました。案内していた私の確認不足です。ごめんなさい。
Cloudflare Pages は無料で商用利用OK（公式）。すでに Vercel で公開した方は、同じHTMLを下の手順で Cloudflare に上げ直して、URLを差し替えてください（5分）。Vercel 側のプロジェクトはそのあと削除でOKです。
01

LPのHTMLを、パソコンに保存する

ツールごとのボタンはこれ。保存先は「デスクトップに新しいフォルダを1つ」（例：my-lp）。

  • きせかえLP：右上の「⬇ HTML書き出し」。動画を入れた場合は、動画ファイルも同じフォルダへ
  • 画像LPメーカーPro：「HTML 1枚に書き出す」
  • まんがスタジオ：「HTML 1枚に書き出す」
  • LP制作メーカー：出てきたHTMLを全部コピーして、メモ帳に貼り、「名前を付けて保存」で index.html（文字コードはUTF-8）
ファイル名は index.html にしておくと、URLの末尾に何も付けずに開けます。
02

Cloudflare（無料）に登録する

LPを置く場所です。無料・クレジットカード不要。メールアドレスだけで登録できます。

  1. dash.cloudflare.com/sign-up を開く
  2. メールアドレスとパスワードを入れて「Sign Up」
  3. 届いたメールのリンクを押す（これで登録完了）
無料プラン（Free）でOK。「プランを選ぶ」画面が出たら、いちばん左の Free を選びます。表示が英語でも、押す場所は下の手順どおりです。
03

フォルダをドラッグ&ドロップして公開する

  1. 左メニューの Workers & Pages を開く
  2. Create（作成）→ Pages のタブ → Upload assets（ファイルをアップロード）
  3. Project name に半角英数で好きな名前（例：my-first-lp）→ Create project
  4. 点線の枠に、01で作ったフォルダをそのままドラッグ&ドロップ（ZIPでもOK）
  5. Deploy site を押す → 1分ほどで https://（名前）.pages.dev のURLが出ます
フォルダごと置けるので、画像や動画も一緒に上がります。Vercelのときのように「HTML1枚だけ」の制限はありません。
直したいときは、そのプロジェクトを開いて Create a new deployment → 同じフォルダをもう一度ドラッグ → Deploy。URLは変わらず、中身だけ更新されます。
04

シェア用の画像（og.jpg）を入れる（任意）

URLをThreads・X・LINE・noteに貼ったとき、画像つきのカードで出るための1枚です。無いとリンク文字だけになります。

  1. ファーストビューの画像を横1200×縦630に切り抜く（Canvaの「カスタムサイズ」で1200×630）
  2. og.jpg という名前で、01のフォルダに入れる
  3. HTMLの <head> に <meta property="og:image" content="https://（名前）.pages.dev/og.jpg"> を1行足す（きせかえLPは「⬇ HTML書き出し」の前に「シェア用画像」で選べば自動で入ります）
  4. もう一度 Deploy（更新）
05

スマホで開いて確認する

  1. 出たURLをスマホで開く
  2. 文字が小さくないか／ボタンが押しやすいか／リンク先が合っているか
  3. LINEの「自分だけのトーク」にURLを貼ると、カード表示のプレビューが見られます
これで公開完了。Threads・note・LINEにURLを貼ってOKです。
以前の方法（ツールの「🚀 Vercel公開」ボタン）を使いたい方へ

ツール内の「Vercel公開」ボタンは残していますが、Vercel の有料プラン（Pro）をお使いの方向けです。無料プランで、お店・商品・サービスのLPを公開することは Vercel の規約で禁止されています。無料で公開したい方は、上の Cloudflare の5ステップを使ってください。

PROXY PUBLISH

公開代行（送ってくれたら、こちらで公開します）

「登録やドラッグ&ドロップがむずかしい」という方は、HTMLを送ってくれれば、こちらで公開してURLをお返しします（きせかえLP・画像LPメーカーPro・LP制作メーカー・まんがスタジオ、どのツールでもOK）。

きせかえLPの方へ：公開代行はレビュー特典です。レビューを書いたら、公式LINEに「きせかえレビュー」とスクショを送ってください（評価の高い低いは問いません）。
  1. ツールで作ったLPのHTMLを保存する（01の手順。動画を入れている場合は動画ファイルも一緒に）
  2. 公式LINEに「公開代行」と送って、そのファイルを添付する（希望のURL名があれば一緒に）
  3. 確認後、https://（お名前）.pages.dev のURLをお送りします（目安：2〜3日以内）
公式LINEをひらく
対象：購入者さん1人につき1本まで（更新は1回まで）。それ以上は「自分で公開する」の5ステップで、同じ名前で上書きできます。※内容が法律・規約に触れるものはお受けできません。
FAQ
Cloudflareは本当に無料？お店のLPでも大丈夫？

無料プラン（Free）で、商用のサイトも置けます。1アカウントで100プロジェクトまで、1プロジェクト1,000ファイル・1ファイル25MBまで。LP1本ならまず超えません。

プロジェクト名で「already taken」と出た

その名前を世界の誰かが使っています。名前を変えてください（例：末尾に数字や自分の屋号を足す）。

画像が表示されない

HTMLの中の画像の書き方が assets/hero.jpg のような相対パスなら、そのフォルダごとドラッグしていれば表示されます。Canvaなどの外部URLを貼っている場合は、そのURLが公開設定になっているか確認してください。

英語の画面がこわい

押すのは「Create → Pages → Upload assets → 名前 → ドラッグ → Deploy」の順だけ。ブラウザの翻訳機能をONにしてもOKです。

URLを自分のドメインにしたい

できます（プロジェクトの「Custom domains」）。まずは pages.dev のURLで公開して、必要になったら調べてみてください。

前にVercelで公開したLPはどうすれば？

同じHTMLを上の手順で Cloudflare に上げて、Threads・LINE・名刺などのURLを新しいものに差し替えてください。そのあと Vercel のプロジェクトは削除して大丈夫です。