ディスプレイ広告
更新日: 2024/11/22
ランディングページの作り方は?具体的な方法や注意点について解説
パープルちゃん、質問してもいいかしら?
もちろんよ。どうしたの?
ランディングページの作り方について調べているんだけど、よくわからないの、、、
そしたら今日は、ランディングページの作り方について詳しく説明するね!
助かるわ。ありがとう、パープルちゃん!
目次
ランディングページの作り方を7ステップで解説!
ランディングページは、以下の7ステップで作ることができるよ。
1.目的を明確にする
2.ターゲットを決める
3.構成(ワイヤーフレーム)を作成する
4.コンテンツを作成する
5.デザインに落とし込む
6.コーディングで実装する
7.ランディングページを公開する
こんなにたくさんステップがあるのね!
覚えられるか心配だわ、、、
1つ1つはそんなに難しくないから心配しなくて大丈夫よ〜。
順番に詳しく説明していくね。
1.目的を明確にする
最初は、目的を明確にすることから始めよう。
ランディングページに訪れた人に何をしてほしいのかを、しっかり考えるということね!
たとえばダイエット食品を紹介するランディングページの場合、その商品を買ってほしいのか、まずはお試しセットの申込をしてほしいのかなどによって、ランディングページの構成も変わってくるよね。
たしかにそうね。
最初に目的をはっきりさせておかないと、構成やコンテンツ、デザインなどがブレてしまうから、必ず最初に目的を明確にしておいてね。
2.ターゲットを決める
目的を明確にしたら、次はターゲットを決めるよ。
ランディングページを見てほしい人のことかしら?
その通り。ターゲットは性別や年齢層、職業や家族構成など、細かく設定するのがおすすめよ。
どうしてかしら?
その方がデザインや言い回しなどが決めやすいし、共感してもらいやすいからよ。
同じ女性がターゲットだとしても、子持ちなのか、仕事をしているのかなどで余暇時間の使い方や、自分に使えるお金も全然違ってくるから、どんな人をターゲットにするのかは細かく設定しておくといいわ。
3.構成(ワイヤーフレーム)を作成する
ターゲットを決めたら、次は構成(ワイヤーフレーム)を作るわよ。
構成は、ファーストビュー、ボディ、クロージングの3つの部分に分けて考えるのが基本なの。
ファーストビュー、ボディ、クロージングはそれぞれどんな内容になるのかしら?
ファーストビューは画像やキャッチコピーを使って、ユーザーの興味を引く内容にするよ。
ボディでは商品やサービスの内容を詳細に説明して、クロージングで申込や購入フォームを設置することが多いね。
興味を持ってもらって、商品を詳しく知ってもらって、購入してもらうという流れなのね!
必ずしもこの流れじゃないといけないってことはないんだけど、この流れが一般的よ。
4.コンテンツを作成する
構成ができたら中身であるコンテンツを作ろう。
コンテンツって、ランディングページに記載する文章とか、使う画像とかのことで合っているかしら?
うん。この時点では確定である必要はないから、入れたほうがいいと思う要素をコンテンツとして作成しよう。
デザインに落とし込む段階で不要なコンテンツを削ったり、短縮したりできるからね。
5.デザインに落とし込む
コンテンツを作成したあとは、いよいよデザインに落とし込むよ。
デザインは、わかりやすさや見やすさももちろん意識するんだけど、ターゲットや商品のイメージに合わせたデザインにすることも重要なの。
50代男性がターゲットなのに、パステルカラーのふんわりしたデザインだと違和感があるものね。
ちょっと極端だけど、その通りね。
6.コーディングで実装する
デザインやコンテンツなど、ランディングページの内容が確定したら、コーディングで実装していくよ。
コーディングの知識がないとできないわね。
そうね〜。複雑すぎるデザインや構成の場合は、コーディングの技術的な問題で実装できないこともあるわ。
デザイン段階でコーディングを担当する人とすり合わせたほうが良さそうね。
スムーズにランディングページを作るためにも、それがいいと思うわ。
7.ランディングページを公開する
コーディングが完了したら、ランディングページを公開しよう。
いよいよね!何か注意点はあるかしら?
誤字脱字がないかやリンクが有効になっているかなどは、事前に必ず確認したほうがいいわよ。
ステージング環境と言われる、一般公開はされずに自社だけで確認できる環境上に1度アップして確認するとより安心ね。
ランディングページは誰が作ってくれるの?
ランディングページの制作には、以下の3パターンがあるわ。
1.内製
2.フリーランスに外注
3.制作会社に外注
外注する場合は2パターンあるのね。
それぞれメリットデメリットが違うわ。
順番に解説するね。
1.内製
1番コストを抑えられるのが内製よ。
内製する場合は、コスト以外にもあとで修正が必要になったときに修正しやすかったり、社内の人に作ってもらうからコミュニケーションが取りやすかったりするのもメリットね。
社内の人だと商品やサービスに対する理解が深いのもありがたいわよね。
そうなのよね。依頼者も制作者も「この商品を買ってほしい」という同じゴールを共有しているから、モチベーションは3パターンのうちで1番高いことが多いわ。
2.フリーランスに外注
フリーランスに外注する場合は、内製よりコストは高くなるけど、制作会社に外注するよりは安く済むことが多いよ。
技術面はどうなのかしら?
正直ピンキリね。
値段の割にすごくクオリティの高いものを仕上げてくれる人もいれば、そうじゃない人もいるから、それまでの実績や口コミをしっかり確認することが大事よ。
フリーランスの人に制作してもらう場合は、万が一途中で制作がストップしてしまったときに、代わりに仕事を仕上げてくれる人をまた探さないといけないというリスクがあるから注意してね。
3.制作会社に外注
3パターンの中で1番コストがかかる傾向にあるけど、クオリティが1番保証されているのは制作会社への外注よ。
どうしてかしら?
制作会社は色々な企業のランディングページ制作経験があるから知見が溜まっているし、プロだからね。
それに、制作会社には一般的に複数人のコーダーさんが在籍しているから、万が一担当の人が不測の事態で制作を続けられなくなっても、制作が中止になることはほぼないよ。
クオリティも納品も保証されているのね。
そうね。ちゃんとした制作会社を選べば、いいランディングページが確実に仕上がってくるよ。
ランディングページを作る際の注意点は?
ランディングページの作り方については大体わかったんだけど、注意しないといけないことってほかに何かあるかしら?
1番注意しないといけないのは、法律をしっかり守ることかな。
法律があるのね!
キャンペーンなどを実施している場合は特に、景品表示法に注意してね!
景品表示法は消費者を騙す表示を禁止する法律で、消費者庁のサイトにルールが詳しく載っているから、必ず確認しよう。
これは慎重に確認するべきね。
うん。過去には大企業が罰則を受けている例もいくつかあるから、確認しすぎるぐらい確認するのがちょうどいいよ。
まとめ
ランディングページの作り方についてまとめると、こんな感じよ。
まとめ
◆ランディングページは「目的を明確にする→ターゲットを決める→構成(ワイヤーフレーム)を作成する→コンテンツを作成する→デザインに落とし込む→コーディングで実装する→ランディングページを公開する」の7ステップで作ることができる
◆ランディングページの制作方法は、内製、フリーランスに外注、制作会社に外注の3パターン
◆ランディングページを作る際は、景品表示法などの法律に注意する
ランディングページの作り方はわかったかな?
おかげさまでよくわかったわ。
景品表示法にも気をつけるわね!
しっかり理解してくれたみたいでよかったよ。
またわからないことがあったらいつでも聞いてね〜。
パープルちゃん、ありがとう!
最新の記事一覧
コンテンツファームとは?ペナルティを受ける危険性も解説!
SEO
メディックアップデートとは?実施の背景や影響を徹底解説!
SEO
Webサイト運営に必須のSEO用語集40選!初心者向けに解説
SEO
ホワイトハットSEOとは?Googleが推奨するSEO戦略を解説
SEO
Web集客の基本を知ろう!初心者でも始められる5つの方法を紹介
SEO
NPSの計算方法を徹底解説!3つの導入メリットと活用方法&注意点
SEO
無料あり!おすすめMEOツール11製品を紹介!選び方と活用法も
SEO
SEOの評価基準とは?検索順位を上げるための基本方針を解説!
SEO
動画SEOとは?検索結果で上位表示を狙うための新たな戦略を解説!
SEO
SEOに効果的なtitleタグの書き方は?5つのテクニックを紹介
SEO
【2024】おすすめの文章校正ツール5選!選び方も解説
SEO
OGP確認に使える6つのツールを紹介!効率化する方法も解説
SEO
SEOの成功事例を知ろう!効果的な戦略と実践方法を解説
SEO
ユーザージャーニーとは?カスタマージャーニーとの違いも解説!
SEO
SEOに最適な記事数は?質を保ちながら記事を増やすコツも解説!
SEO
SEO・SEMの違いは何?具体的な施策もわかりやすく解説!
SEO
フレッドアップデートとは?SEOに革命を起こした変化について解説
SEO
ゲシュタルトとは?心理学の歴史や基本法則について徹底解説!
SEO
マーケティングファネルとは?4つの段階についてわかりやすく解説!
SEO
サジェスト対策はどうやる?詳しい方法やサジェストの仕組みも解説
SEO
最新の記事一覧
コンテンツファームとは?ペナルティを受ける危険性も解説!
SEO
メディックアップデートとは?実施の背景や影響を徹底解説!
SEO
Webサイト運営に必須のSEO用語集40選!初心者向けに解説
SEO
ホワイトハットSEOとは?Googleが推奨するSEO戦略を解説
SEO
Web集客の基本を知ろう!初心者でも始められる5つの方法を紹介
SEO
NPSの計算方法を徹底解説!3つの導入メリットと活用方法&注意点
SEO
無料あり!おすすめMEOツール11製品を紹介!選び方と活用法も
SEO
SEOの評価基準とは?検索順位を上げるための基本方針を解説!
SEO
動画SEOとは?検索結果で上位表示を狙うための新たな戦略を解説!
SEO
SEOに効果的なtitleタグの書き方は?5つのテクニックを紹介
SEO
【2024】おすすめの文章校正ツール5選!選び方も解説
SEO
OGP確認に使える6つのツールを紹介!効率化する方法も解説
SEO
SEOの成功事例を知ろう!効果的な戦略と実践方法を解説
SEO
ユーザージャーニーとは?カスタマージャーニーとの違いも解説!
SEO
SEOに最適な記事数は?質を保ちながら記事を増やすコツも解説!
SEO
SEO・SEMの違いは何?具体的な施策もわかりやすく解説!
SEO
フレッドアップデートとは?SEOに革命を起こした変化について解説
SEO
ゲシュタルトとは?心理学の歴史や基本法則について徹底解説!
SEO
マーケティングファネルとは?4つの段階についてわかりやすく解説!
SEO
サジェスト対策はどうやる?詳しい方法やサジェストの仕組みも解説
SEO