HTML出力+画像でLPを作る — ハイブリッド構成とZIP納品

この記事でできること

  • 画像セクションとHTMLセクションの違いが分かる
  • スワイプ表示と縦スクロール表示を切り替えられる
  • LPをZIPでダウンロードして納品・他サーバー設置ができる

LP Boardの「画像+HTML」ハイブリッド構成

LP Boardの基本は高品質な画像セクションですが、一部のセクションは自動的に本物のHTML(テキストとして選択・コピーできる形式)で生成されます。

種類生成方法特徴
画像セクション(基本)AIが1枚の画像として描画デザイン自由度が最高。ビジュアル訴求に強い
HTMLセクションAIがHTML/CSSコードを生成文字がテキストとして存在 → 検索エンジンに読まれる・文字がくっきり・修正が正確

どのセクションがHTMLになる?

FAQ(よくある質問) のような「文字の正確さが命」のセクションは、自動的にHTMLで生成されます。Q&Aの長文を画像にすると文字の信頼性が落ちるためです。それ以外のセクション(ファーストビュー・実績・オファーなど)は、ビジュアルの強さを優先して画像で生成されます。

💡 使い分けは自動なので、普段は意識する必要はありません。「FAQを追加して」と言えば勝手にHTML形式になります。

SEOへの配慮も自動

画像LPは本来、検索エンジンにテキストが読まれにくい弱点がありますが、LP Boardは見出し(H1/H2)を設定内容から自動でHTML出力します。さらに公開の手順で紹介するSEO設定(タイトル・説明文・FAQ構造化データ)を加えれば、画像LPでも検索流入を狙えます。


表示モード: スワイプ ⇄ 縦スクロール

公開LPの動き方は2種類から選べます。

モードスマホでの動き向いているケース
スワイプ(初期設定)横にスワイプして1画面ずつ読む紙芝居のようにテンポよく読ませたい。SNS広告との相性◎
スクロール普通のWebページのように縦(下)にスクロール一般的なLPの操作感にしたい。じっくり読ませる商材

💡 スマホの標準は横スワイプですが、いつでも設定から縦スクロールに切り替えられます。公開後の切り替えも可能です。

切り替え手順

  1. LPの「⚙️ 設定」を開く
  2. 表示モード」セクションで「スワイプ」または「スクロール」を選択
  3. 保存すると公開LP・プレビューの両方に反映されます

💡 PCで表示した場合は、どちらのモードでも見やすい縦スクロール+サイドバー付きレイアウトになります(サイドバーの使い方参照)。


ZIPでダウンロード(納品・他サーバー設置)

完成したLPをHTML+画像ファイル一式のZIPとしてダウンロードできます。

こんな時に使います

  • 制作物としてクライアントにファイル納品したい
  • クライアントの自社サーバーやレンタルサーバーに設置したい
  • LP Boardの公開URLではなく、完全に独立したファイルとして渡したい

手順

  1. LP編集画面の右上「」メニューを開く
  2. ZIP保存」をクリック
  3. ダウンロードされたZIPを展開すると、index.htmlと画像一式が入っています
  4. そのままサーバーにアップロードすれば動作します(特別な設定は不要です)

⚠️ ZIP出力は**有料プラン(スタンダード)または買い切り購入(1本¥8,000)**の機能です。詳しくは料金プランと制限へ。

💡 ZIP納品したLPには、LP Boardの計測機能(LINE計測など)は付きません。計測まで使う場合はLP Boardの公開URL(または独自ドメイン接続)でホスティングしてください。

関連記事