
ランディングページのテンプレートで手軽にLP作成!【無料あり】
ランディングページは、ユーザーが最初に訪問するページであり集客の要といえます。リスティング広告などと組み合わせて使用することも多く、イベントやキャンペーンのプロモーションなどで、年間に何度も必要となるケースもあります。その都度、制作を外注していてはコスト面が心配なこともあるでしょう。
そこで便利なのがテンプレートです。特にHTMLテンプレートは、誰にでも使いやすい手軽さが魅力です。今回は、ランディングページの制作に使えるHTMLテンプレートをまとめました。

検索キーワードに応じてLPコンテンツを自動で出し分けるツール「イッツ―」の資料をダウンロード
検索キーワードに合わせたLPコンテンツを表示し、CVRアップを狙いましょう。
HTMLテンプレートとは
HTMLテンプレートとは、ホームページ制作にかかる時間を大きく短縮することができるフォーマットのことです。制作に必要なHTMLやCSSなどが含まれており、自分ですべての作業工程を行うよりはるかに少ない労力で済みます。特にレスポンシブデザインなど制作工数がかかるものは、テンプレートを利用すると便利でしょう。
また、デザインに自信がない人でも、コーポレートサイトやショップサイト、ランディングページなど、用途に適したハイクオリティなデザインをすぐに利用できるので重宝します。HTMLテンプレートには、有償のものだけではなく、無償のものもあり、予算や目的に応じて使い分けることも可能です。
HTMLテンプレートには、自由にカスタマイズできるものが一般的であるため、少々技術力のある人なら、テンプレートには入っていなかった要素も取り入れ、自社のニーズにマッチしたホームページに仕上げることもできます。プロが作ったシンプルなテンプレートから技術的なエッセンスを学べることもあるため、HTMLを学習している人にとっても注目されているものです。このように、HTMLテンプレートには様々なメリットがあり、多くのユーザーに愛用されています。
ランディングページに使えるおすすめHTMLテンプレート
さて、ここからはランディングページに向いているHTMLテンプレートをご紹介します。ベーシックなものから、業種に特化したものまでバラエティ豊かに揃えましたので、チェックしてみてください。気になるものはページにアクセスしてデモサイトを見てみるとイメージをつかみやすいでしょう。
CLOUD TEMPLATE No.808(ランディングページGREEN)
テンプレート No.808[ランディングページGREEN] - クラウドテンプレート | ウェブ制作会社も使用できるWordPressテーマ
シンプルかつ安価なテンプレートであり、1カラムのランディングページの制作に最適です。色違いのテンプレートも用意されており、便利なシリーズです。コストを抑えて、カスタマイズしやすいテンプレートを求めている場合に重宝するでしょう。複数のランディングページを制作する予定があるなど、費用対効果を求める場合に使い勝手がよさそうです。PC用のサイトおよびiPhone、Androidに対応したスマートフォン用のサイトのテンプレートが含まれています。マニュアルがあるわけではありませんが、シンプルなのでそれほど困ることはなさそうです。
LPクリエイトのランディングページテンプレート
ランディングページ専門の制作会社が提供するテンプレートです。ありがたいことに無料テンプレートを用意してくれており、初心者でもスムーズにカスタマイズできるわかりやすい仕様になっています。制作サービスを行っている会社でありながら、商用でも使用でき著作権表示も不要というのが使いやすいです。
テンプレどん LPテンプレート
HTML無料テンプレートダウンロード-レスポンシブ・日本語向け・商用利用もOK・著作権フリー テンプレどん | ポポデザイン
とてもシンプルなランディングページ用のテンプレートです。日本人のデザインテンプレートなのでわかりやすく、作りも丁寧な印象です。レスポンシブデザインで構築されており、PCでもスマートフォンでも見やすく、1ページだけで十分な訴求ができるように作られています。商用でも個人でも気にせずに無料で利用でき、カスタマイズも自由なので、このテンプレートをベースにして自社にとって理想的なデザインに最適化していくのも良いでしょう。レスポンシブデザインの初心者が仕様を理解するためのテンプレートとしても役に立つ学習要素の高さも感じます。

LP改善マニュアル!
ABテストを実施しても改善幅が小さい…などLPに課題がある方のためのマニュアルです。
Grace
ベーシックなデザインと邪魔にならない程度の動きのある海外のHTMLテンプレートです。レスポンシブに対応した今風の動きのあるランディングページがほしい場合に重宝するでしょう。カスタムメイドのSVGファイルも付いています。様々なスタートアップをイメージしてカスタマイズしやすいように制作されたHTMLテンプレートですので、使い勝手の良さも納得です。
MobApp
MobApp - Free Mobile App Download Website Template - Colorlib
モバイルアプリのダウンロードに適したランディングページのHTMLテンプレートです。イメージを美しくみせながら、クリックを得られるレイアウトが魅力です。情報量を縦に並べ過ぎることなく、タブ切り替えで閲覧できるなどの工夫もあります。また、サービスグレードの比較など一覧で見せたいニーズにも対応している構成としての利点を踏まえながら、ホバーなどの効果をオシャレに使っている先進的な印象も嬉しいテンプレートです。
Valet
Valet Free HTML5 Bootstrap Template
エレガントかつモダンなデザインが魅力のBoostrapに対応した海外製のHTMLテンプレートです。画像の配置やエフェクトなど最近のデザインを搭載し、ランディングページに必要なポイントを押さえています。海外のテンプレートはサンプルとして英語が配置されており、利用時に日本語を配置すると、いまいちハマらない場合もありますが、このテンプレートはスッキリとしたレイアウトと濃淡が汎用性の高さを感じさせます。
Landing Page
Landing Page - Free Bootstrap 4 Landing Page Theme - Start Bootstrap
Boostrapに対応したランディングページに使えるHTMLテンプレートです。レスポンシブ仕様であり、シンプルなアイコンが印象的です。テキストと画像を設置するだけですぐに使えそうな汎用性の高いデザインが便利です。
Eatwell
Eatwell - Free Mobile-Ready Restaurant Website Template - Colorlib
レストラン向けの海外テンプレートです。レストランの情報提示に必要な項目を備えており、コンセプトからメニュー、コンタクトまで網羅しています。日本ではレストランのランディングページを見かける機会は少ないかもしれませんが、このように特化したタイプのテンプレートは使い勝手が良いのが特徴です。
Glint
Glint (Single Template License) - Colorlib
どのようなケースにも使いやすい基本的なトピックが揃っているテンプレートです。起承転結をつけやすくコンバージョンの獲得までのストーリーを描きやすい構成が魅力的です。パララックスなどのエフェクトが効いていて、イメージをスタイリッシュに感じさせる独特なオシャレ感は導入する大きなメリットでしょう。デザイン映えする商品のランディングページなどに適したテンプレートとしてオススメです。
Freebie: Responsive Landing Page Template With Flexbox
Freebie: Responsive Landing Page Template With Flexbox - Tutorialzine
flexboxに対応したレスポンシブデザインテンプレートです。ベーシックな構成であり、動きを感じさせるデザインではありませんが、レイアウトセンスの良さから、シンプルイズベストなスタイリッシュ感が溢れています。どのような商品の訴求にもマッチする落ち着いたテイストは、使い勝手の良さにも期待できます。
COOPER
App Landing HTML Template by MarkhorThemes on Envato Elements
動きのあるオシャレなランディングページを作りたければ、Boostrapに基づき、とても魅力的な海外製のHTMLテンプレートです。アプリのランディングページの制作に最適です。デモ画面をみると、美しい視覚的な印象だけではなく、動画埋め込みやカルーセルなどの細やかな見せ方に興味を持つことでしょう。広くスッキリとしたデザインを味わえます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- リスティング広告
- リスティング広告とは、検索エンジンの検索結果ページに、ユーザーが検索したキーワードに関連した広告を、有料で表示するサービスのことです。ユーザーの検索結果に連動した形で広告が表示されるため「キーワード連動型広告」「検索連動型広告」とも呼ばれます。
- キャンペーン
- キャンペーンとは、インターネット上のサイトにおいて、ファン数を増やし、購買行動を促すためにおこなう懸賞キャンペーンなどのマーケティング活動のことです。キャンペーンにはファン数を増やすだけでなく、ファン獲得以上のリアル店舗の来店者数を増やす、資料請求者を増やす、実際の購買を増やすなどの目的があります。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- コーポレート
- コーポレートとは、日本語の「企業」のことです。インターネット上で「コーポレートサイト」という場合は、企業のホームページであることを表します。また、コーポレートは接頭語として使われることが多く、「コーポレートガバナンス(企業内統制)」などのように、他の単語と組み合わせて使うことが多いようです。会社そのものを指すことが多い「カンパニー」とは使い方が異なります。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- Android
- Android OSとはスマートフォン用に開発された基本ソフト(OS)の一種です。米国Google社が中心となり開発されました。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- コンセプト
- コンセプトとは、作品やサービスなどに一貫して貫かれている考え方をいいます。デザインと機能がバラバラだったり、使い勝手がちぐはぐだったりすると「コンセプトが一貫してないね」などと酷評されてしまいます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
ツール紹介記事
関連ツール・サービス
おすすめエントリー
カテゴリから記事をさがす
Web マーケティング
- SEO(検索エンジン最適化)
- SNSマーケティング
- アプリマーケティング
- Web広告
- グロースハック
- ABテスト・EFO・CRO
- LP制作・LPO
- CMS・Webサイト制作
- 記事制作・ライティング
- コンテンツマーケティング
- メール配信・メールマーケティング
- マーケティングオートメーション(MA)
- リードジェネレーション(見込み顧客獲得)
- カスタマーサポート・カスタマーサクセス
- アクセス解析・広告効果測定
- データ分析
- リサーチ・市場調査
- 口コミ分析・ソーシャルリスニング
- O2O(Online to Offline)
- EC・通販・ネットショップ
- 多言語・翻訳
- 動画・映像制作
- AR・VR制作
- 統計データ
- マーケティングお役立ちレポート
- 連載
- チャットボット
- Web会議
- 動画マーケティング
- フォーム作成
- CRM(顧客管理)
その他のカテゴリ
