【無料あり】ランディングページのテンプレート6選とツールを紹介
ランディングページは、ユーザーが最初に訪問するページであり集客の要です。
リスティング広告などと組み合わせて使用することも多く、イベントやキャンペーンのプロモーションなどで、年間に何度も必要となるケースもあります。その都度、制作を外注するとコストがかかるため、テンプレートを用いて自社制作するのがおすすめです。
今回は、LP制作に使えるテンプレート6選とともに、役立つツールも紹介します。
この記事で分かること
- ・LP制作におすすめのテンプレートとツール
- ・LPテンプレートの選び方
- ・効果的なLPを作るためのコツ
目次
- LPテンプレートの種類
- HTMLのLPテンプレート3選
- WordPressのLPテンプレート3選
- テンプレート付きのLP制作ツール「LP One」
- LPテンプレートの選び方
- 効果的なLPを作るためのコツ
- テンプレートで効率的なサイト運営を
▼成果の出るLPデザインのポイントをまとめた資料
成果の出るLPデザインのポイント【チェックリスト・クリエイティブ例付き】
LPテンプレートの種類
LPテンプレートは、大きく以下3つの種類に分けられます。
- HTMLテンプレート
- WordPressテーマ
- LP制作ツール
HTMLテンプレートとは、LPを構成するHTMLとCSSが配布されているものです。コーディングの知識さえあれば自由にカスタマイズしてLPを作れます。自社にLP制作やコーディングのノウハウがあり、画像などの素材も用意できる場合におすすめです。
WordPressで自社サイトを構築している場合は、LPのテンプレートが用意されているWordPressテーマを追加してLPを作ることもできます。
HTMLやCSS、WordPressなどの知識がない場合は、LP制作ツールを使って作るのが良いでしょう。ツールには各種ビジネスに適したLPのテンプレートが用意されているため、専門知識がなくても簡単にハイクオリティなLPを構築できます。
HTMLのLPテンプレート3選
まずは、HTMLのLPテンプレートを3つ紹介します。
LPクリエイトのランディングページテンプレート
出典:ランディングページテンプレート|LPOならLPクリエイト
LPクリエイトは、LP専門の制作会社が提供するテンプレートです。無料で利用でき、初心者でもスムーズにカスタマイズできるわかりやすい仕様になっています。
既存のWebサイトがなくても利用できるため、「LPだけ手早く作りたい」といった場合におすすめです。制作サービスを行っている会社でありながら商用でも使用でき、著作権表示も不要となっています。
● 料金
無料
テンプレどん LPテンプレート
出典:HTML無料テンプレートダウンロード-レスポンシブ・日本語向け・商用利用もOK・著作権フリー テンプレどん | ポポデザイン
テンプレどんは、HTML5+CSS3のシンプルなテンプレートです。日本人が作ったデザインテンプレートなのでわかりやすく、丁寧な作りとなっています。
また、レスポンシブデザインで構築されており、PCでもスマートフォンでも見やすく、1ページだけで十分な訴求ができるように作られています。商用でも個人でも気にせずに無料で利用でき、カスタマイズも自由なので、このテンプレートをベースにして自社にとって理想的なデザインに最適化していくのも良いでしょう。
● 料金
無料
sienna(シェンナ)
出典:sienna
siennaは、海外製のHTMLテンプレートです。デザイン性やクオリティの高いものが多く用意されており、初心者でもオシャレなLPを制作できます。動きのあるデザインも特徴的で、スクロールに合わせてテキストや画像が動きます。
各テンプレートごとに料金が設定されており、好きなものを選んでダウンロードできます。
● 料金
項目 | 内容 |
---|---|
無制限プラン | $89 |
各種テンプレート | $49ドル~ |
WordPressのLPテンプレート3選
ここでは、LPテンプレートが利用できるWordPressテーマを3つ紹介します。
Colorful(カラフル)
出典:Colorful
Colorfulは、最短3分でLPを制作できるWordPressテーマです。成約率をアップさせるための25種類以上の機能があるほか、自由なカスタマイズが可能な点が魅力的です。動画のマニュアルがあるため、初心者でも簡単に扱えるでしょう。
通常版と上位版が用意されており、上位版にはワンクリックでレイアウト・デザイン・文字スタイルが完成させられる、「カラフルテンプレーツ」と呼ばれる機能が搭載されています。
● 料金
項目 | 内容 |
---|---|
通常版 | 9,800円 |
上位版 | 12,800円 |
Liquid LP(リキッドLP)
出典:Liquid LP
Liquid LPは、LP制作用に作られたWordPressテーマです。
「リード」「プロダクト」「サービス」と呼ばれる3つのサンプルページが用意されており、自社の用途に合うものを選んでカスタマイズするだけで簡単に制作できます。
また、LP複製やA/Bテスト、SEO対策、SNS連携など、LP運営と集客を効率化するための機能が豊富に用意されているのも魅力です。
WordPress公式有料サポートテーマに登録されているため、安心して利用できるでしょう。
● 料金
14,800円
OOPS!(ウップス)
出典:OOPS!
OOPS!は、LPのCVRを高めるために開発されたWordPressテーマです。
インプレッション、クリック数、コンバージョン率の計測が可能なCTA機能を搭載し、訪問者の興味を引くファーストビュー、商品の魅力を伝えられるページ構成となっています。
また、Youtube動画の埋め込みや、お客様の声を掲載できるレビューページ機能もあるため、ハイクオリティなLPを作りたい場合におすすめです。
● 料金
19,800円
テンプレート付きのLP制作ツール「LP One」
LP Oneは、パワポ感覚で「見たまま編集」ができる、BtoBマーケティング向けのLP制作ツールです。
LPの勝ちパターンを反映したテンプレートが用意されており、サービス訴求・課題解決型・セミナーなど様々な用途に使用できます。
HTML・CSSなどの専門知識は一切不要で、テンプレートを選んでテキスト・画像を差し替えていくだけで、簡単にLPを制作可能です。LPの複製も1クリックで簡単に行えます。
また、AIがキャッチコピーの提案・文章の添削をしてくれる「AIアシスタント機能」もオプションで利用できます
● 料金
9,800円~
▼ LP Oneについての詳細はこちら
月額9,800〜LPを自分でサクサク作り放題|LP One
LPの改善と量産を外部業者やエンジニアに依頼せずに自分で完了。マーケティング機能も充実。PDCAが高速に回せます。
LPテンプレートの選び方
LPテンプレートは、以下3つの点を基準に選びましょう。
- 費用
- デザイン性
- 扱いやすさ
費用
LPテンプレートには、無料のものと有料のものがあります。
費用を抑えてLPを作りたい場合は、無料のテンプレートがおすすめです。ただし、無料のものの多くがHTMLテンプレートとなっているため、コーディングできる人材がいるかどうかを事前に確認しておきましょう。
有料のテンプレートやLP制作ツールは、テンプレートそのものだけでなくマーケティングの成果につながる機能も豊富に用意されていることが多いため、「しっかり成果を出したい」という場合は、有料のものも検討しましょう。
デザイン性
テンプレートを選ぶ際は、デザイン性も重要です。
具体的には、「自社ブランドや商品のテイストと合っているか」「CVにつながるような構成になっているか」を確認します。
自社に合うデザインのテンプレートが見つからない場合は、HTMLテンプレートをカスタマイズするのもおすすめです。
また、近年ではスマートフォンからページへアクセスするユーザーが多いため、レスポンシブデザインに対応しているかどうかもチェックしましょう。多くの場合は対応していますが、中にはオプションで別料金がかかるケースもあるため注意が必要です。
扱いやすさ
扱いやすさについては、以下のポイントに注目しましょう。
- 日本語対応の有無
- 操作性
- 自社の知識レベルで扱えるか
- サポートの有無
日本語に対応しているかどうかはもちろん、操作性の良さは重要なポイントです。また、自社の知識レベルで扱えるものを選ばなければ、使いこなせず「なかなか理想のLPが出来上がらない」という状況に陥ってしまいます。
また、中にはLPの制作や運用、マーケティングを支援するサポートが用意されたものもあります。自社のノウハウに自信がない場合は、そういったサポートが充実したものを選びましょう。
効果的なLPを作るためのコツ
効果的なLPを作るためには、テンプレートをもとにカスタマイズするだけでなく、以下のようなポイントを押さえる必要があります。
- 分かりやすさを最優先する
- ユーザー視点のライティングを心掛ける
- 配色パターンに気をつける
- CTAボタンを適切な位置に設置する
それぞれについては以下の記事で詳しく解説しているため、あわせてご覧ください。
関連記事:LP(ランディングページ)制作の流れを解説。構成する3つの要素や制作時の注意点
テンプレートで効率的なサイト運営を
LP制作テンプレートには、主に以下の3つの種類があります。
- HTMLテンプレート
- WordPress
- LP制作ツール
また、LP制作ツールを選ぶ際には、以下のポイントに注目しましょう。
- 費用
- デザイン性
- 扱いやすさ
コーディングやWordPressの扱いに慣れており、LP制作についてのノウハウがある場合は、HTMLテンプレートやWordPressテーマも良いでしょう。
専門知識がなく、手間や時間をかけずに成果の出るLPを作りたい場合は、「LP One」のようなLP制作ツールを活用するのがおすすめです。
▼ HTMLなしで誰でもLPを作成・量産できるツールはこちら
- ランディングページ
- ランディングページ(landing page)とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- リスティング広告
- リスティング広告とは、検索エンジンの検索結果ページに、ユーザーが検索したキーワードに関連した広告を、有料で表示するサービスのことです。ユーザーの検索結果に連動した形で広告が表示されるため「キーワード連動型広告」「検索連動型広告」とも呼ばれます。
- キャンペーン
- キャンペーンとは、インターネット上のサイトにおいて、ファン数を増やし、購買行動を促すためにおこなう懸賞キャンペーンなどのマーケティング活動のことです。キャンペーンにはファン数を増やすだけでなく、ファン獲得以上のリアル店舗の来店者数を増やす、資料請求者を増やす、実際の購買を増やすなどの目的があります。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- WordPress
- WordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- WordPress
- WordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- WordPress
- WordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- WordPress
- WordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。
- WordPress
- WordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- WordPress
- WordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- A/Bテスト
- ホームページを作るときや何か商品を売りたいときに掲載する写真、あるいはデザインで迷ったときに、不規則ででたらめな順番でホームページや画像のデザインを変えて表示し、利用者がどちらをより多くクリックしたのか、より多く購入につながったのか、ということを試験できる技術やサービスまたは行為自体をA/Bテストといいます。
- SEO
- SEO(Search Engine Optimization)とは、GoogleやYahoo!などのサーチエンジン(検索エンジン)で、特定キーワードで検索が実行されたとき、ホームページが表示される順位を上げるためのさまざまな施策のことです。
- WordPress
- WordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。
- CVR
- CVRとはコンバージョンレートの略で、ウェブサイトに訪れた人のうち、最終成果に至った人の割合のことです。たとえば、今まで見込み客であったユーザーが購買客に転換するなど、ユーザーがホームページ運営者側にとって歓迎すべき状態に転換する割合を把握し、ビジネスの精度向上に役立てます。
- WordPress
- WordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。
- ファーストビュー
- ファーストビューとは、ユーザーがホームページを訪問した際、スクロールせずに表示される範囲のことです。ディスプレイのサイズや解像度によって、ファーストビューは異なります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- BtoB
- BtoBとは、Business to Businessの略で、企業間での取引のことをいいます。
- マーケティング
- マーケティングとは、ビジネスの仕組みや手法を駆使し商品展開や販売戦略などを展開することによって、売上が成立する市場を作ることです。駆使する媒体や技術、仕組みや規則性などと組み合わせて「XXマーケティング」などと使います。たとえば、電話を使った「テレマーケティング」やインターネットを使った「ネットマーケティング」などがあります。また、専門的でマニアックな市場でビジネス展開をしていくことを「ニッチマーケティング」と呼びます。
- セミナー
- セミナーとは、少人数を対象とする講習会のことです。講師からの一方的な説明だけで終わるのではなく、質疑応答が行われるなど講師と受講者のやり取りがある場合が多いようです。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- キャッチコピー
- キャッチコピーとは、商品などの宣伝の際に使用される文章のことです。 宣伝をする対象のイメージや特徴を簡潔にまとめつつ、見た人の印象に残る必要があります。一言で完結するものから数行になる文章など、実際の長さはバラつきがあります。 キャッチコピーの制作を職業とする人のことを、「コピーライター」と言います。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- マーケティング
- マーケティングとは、ビジネスの仕組みや手法を駆使し商品展開や販売戦略などを展開することによって、売上が成立する市場を作ることです。駆使する媒体や技術、仕組みや規則性などと組み合わせて「XXマーケティング」などと使います。たとえば、電話を使った「テレマーケティング」やインターネットを使った「ネットマーケティング」などがあります。また、専門的でマニアックな市場でビジネス展開をしていくことを「ニッチマーケティング」と呼びます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- マーケティング
- マーケティングとは、ビジネスの仕組みや手法を駆使し商品展開や販売戦略などを展開することによって、売上が成立する市場を作ることです。駆使する媒体や技術、仕組みや規則性などと組み合わせて「XXマーケティング」などと使います。たとえば、電話を使った「テレマーケティング」やインターネットを使った「ネットマーケティング」などがあります。また、専門的でマニアックな市場でビジネス展開をしていくことを「ニッチマーケティング」と呼びます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- WordPress
- WordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。
- WordPress
- WordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
おすすめ記事
関連ツール・サービス
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング