このは屋 職人 2023.04.08

    【初心者向け】ペライチで作るランディングページ制作のポイントを解説

    今回の内容は、ウェブサービスの「ペライチ」を使ってのランディングページ作成について解説します。 ランディングページといえば、ウェブ集客を実践した...

    記事を読む 読了目安 9 分 / AI時代の自作と内製化
    【初心者向け】ペライチで作るランディングページ制作のポイントを解説
    AI × DIY × Small Business 読んで終わりではなく、自分の商売に戻す。

    記事の最後で、ネット集客を自分で整えるための無料テンプレートを受け取れます。

    Theme職人
    Updated2023年4月8日
    Next Step記事の末尾で無料テンプレートを受け取れます

    今回の内容は、ウェブサービスの「ペライチ」を使ってのランディングページ作成について解説します。

    ランディングページといえば、ウェブ集客を実践したいと考える多くの方が必要としているページですね。

    自身の商品・サービスをプロモーションしていく為には、かならず必要になってきます。

    ウェブ集客で成果を出している人はこのランディングページを上手く作成し、効果的に活用していることが多いです。

    目次
    このは屋 | 【初心者向け】ペライチで作るランディングページ制作のポイントを解説
    このは屋 | 【初心者向け】ペライチで作るランディングページ制作のポイントを解説
    このは屋
    (生成AI×デジタルマーケティングスクール)
    スモールビジネス特化の学び舎。スモールビジネスオーナーに向けて、ネットから集客する方法、オンラインで商売する方法、労働集約型から知識集約型へ移行する方法、安定した継続的な収入源を確保する方法…etc。悔いの無い生涯を謳歌する為の、鼻歌まじりの商売と生涯を、ワンストップで、トータルにサポートしている。

    専門的な知識が必要だと感じている方が多い

    しかし、ランディングページ作成することに課題を抱えている方が多いのが現状です。

    理由は、まずページ作成自体に、専門的な知識が必要だと感じている方が多いから。

    そこで、今回はランディングページ作成にオススメなウェブサービスのペライチをご紹介します。

    このペライチを使うことでHTMLやCSSを学ぶ必要もなく、そういった知識習得は自分には無理だと外注する必要もなくなります。

    コピーライティングについては、また他の記事やセミナーなどで習得してもらうとして、この記事ではペライチを使ったランディングページ作成のポイントを解説していきます。

    そもそもランディングページって?

    まずは、そもそもランディングページって、どんなページなのかをおさらいします。 ランディングページとは、主にウェブ広告をクリックした際に表示される縦に長いページですね。

    このページでは、自社の商品・サービスを案内します。 場合によりますが、とてつもなく長い文章をスライドさせていくと行き着くのが「申し込みボタン」。

    そして、文章が訪問者の琴線に触れ、購買意欲を掻き立てられれば、そこから商品・サービスを実際に購入されます。

    みなさんも、Facebookなどで広告をクリックした際に、よく目にすることが多いと思います。

    ランディングページがないと広告が打てない

    無料でPDFや動画講座を案内し、見込客のメールアドレス取得を目的としたリード獲得ページを見かけることが、かなり多くなりました。

    ちなみに、このリード獲得ページ・オプトインページもランディングページの一種です。

    ページに記載されている内容は、商品・サービスの案内なので、このランディングページを用意できなかったら、当然ウェブ広告は出稿できませんね。

    といったことを考えると、このランディングページはウェブ集客の肝となる部分な訳です。

    ランディングページを実際に作るには

    ランディングページを作成するには、大きく分けて2つあります。

    1. ウェブ制作会社に外注する。
    2. 自作する。

    1つ目のウェブ制作会社に外注する場合

    1つ目のウェブ制作会社に外注する場合、当たり前ですがプロが作成するので、仕上がりがキレイなページになります。

    一見、この手段が最適に思われますが、実はデメリットがあります。なぜなら、要望を適切に伝えるには、ある程度のウェブに対する知識は必要になってきます。

    また、要望通りに作成できたとして、やっぱり文言を修正したいなんて時にこれが中々の手間。

    多くの場合、作成したウェブページは外注先が管理しているので、また連絡する手間・追加料金を考えると、良い事ばかりではないことがわかりますね。

    本当に成果が出るのかわからないページに数十万出すのは辛いです。

    2つ目の自作する場合

    2つ目の自作についても見ていきましょう。

    自作にはHTMLとCSSの知識が必要になってきます。

    基本シンプルなプログラミングですが、個人差があるものの習得に時間がかかります。

    数年前から「Bootstrap」というCSSフレームワークがある為、そこまで高度なデザイン知識が必要なくなったものの、HTMLの基礎知識が必要なのでそれでも敷居が高いです。

    しかし、このままだと八方塞がりなので、冒頭でお伝えしたパソコン初心者でも簡単にランディングページ作成ができるツール「ペライチ」をご紹介したいと思います。

    ツール自作の使い勝手は素人でも扱えるくらいに使う側の気持ちに立ったツールな為、めちゃくちゃ簡単なんです。

    意外と面倒い、ドラッグ・アンド・ドロップも必要なし! テキスト入力とマウスをクリックができれば、ページ作成が可能なんです。

    こんな便利なツールがあると知った時、ホントIT業界の技術の進歩は早さにビックリしました。早すぎて、意外とこのツールの存在を知らない人がまだまだ多いです。

    デザイン面も、豊富なテンプレートが用意されている為、低クオリティになる事はまずありません。 このツールを使うことで、パソコン初心者でもウェブデザインが可能です。

    本業をやりつつ素早くページを作成することも、難しくありません。

    そして今回、この記事でお伝えしたいのがこの「ペライチ」というサービスを使ったランディングページ作成になります。

    ペライチの使い方

    それでは、ペライチの使い方という事で解説をしていきます。

    といっても、使い方はシンプルです。まずは、アカウント登録をしましょう。

    ペライチ
    このは屋 | 【初心者向け】ペライチで作るランディングページ制作のポイントを解説
    ホームページ作成ならペライチ|無料から使える簡単ホームページ作成ツール ホームページ作成・ランディングページ作成を誰でも簡単に。豊富なデザインテンプレートをカスタマイズするだけで、高品質なページを専門知識なしで作成できます。フォーム...

    登録作業は、2〜3分で登録できてしまうと思います。使い方もすごくシンプルです。

    ブロックの挿入ボタンをクリック、要素のカテゴリーの中から、必要な要素を選択し、要素をクリックするとテキストの編集が可能です。

    マウスをクリックさえ出来てしまえば、誰でも扱えるツールです。

    今回は、ランディングページ作成を解説していきましょう。

    よく使う要素を一覧化

    1. ヘッダー/メニュー > 左テキスト+右メニュー(上部固定)
    2. ヘッダー/メニュー > 左画像+右メニュー(上部固定)
    3. 文章 > テキストのみ
    4. 画像/動画 > 画像(横幅フルサイズ)
    5. 画像/動画 > 画像
    6. 見出し > 見出し:矢印
    7. 見出し > 見出し:リボン(フラット)
    8. 区切り線 > 好きなデザインの区切り線を選択してください
    9. ボタン > ボタン(大)
    10. 箇条書き/リスト > リスト(枠付)
    11. 箇条書き/リスト > ステップ(画像付き)
    12. 文章+画像 > 左画像
    13. 箇条書き/リスト > よくある質問
    14. その他 > HTML埋め込み(レギュラープラン・ビジネスプランで使用可能)
    15. フォーム > 各フォーム(レギュラープラン・ビジネスプランで使用可能)

    これらを組み合わせることでランディングページが作成できます。

    私が実際にランディングページ作成時に使用したものを一覧化してみました。

    リード獲得ページも作成可能

    また、リード獲得ページの作成も、同様の要素で作成できます。

    リード獲得ページの場合は、HTML埋め込み要素を使用し、お使いのメール配信サービスと連携することが可能です。

    具体的なやり方は、メール配信サービスでフォームの埋め込みコードを取得(やり方は各々のメール配信サービスで解説されているのでそちらを参照)し、コピペするだけです。

    短時間でシンプルでもいいのでランディングページを作成できる方法をこれで確立できることを考えてみてください。

    自分の商品・サービスをいち早くプロモーションでき、素早くスタートを切れますね。

    事例も参考にしましょう

    作成のポイントですが、以下の事例も参考にしつつ作成してみましょう。

    ペライチ
    このは屋 | 【初心者向け】ペライチで作るランディングページ制作のポイントを解説
    お探しのページは見つかりませんでした ホームページ作成・ランディングページ作成を誰でも簡単に。豊富なデザインテンプレートをカスタマイズするだけで、高品質なページを専門知識なしで作成できます。フォーム...

    何回かペライチを使っていると、事例を眺めているだけで、ここの箇所はあの要素を使っているな!と予想できるようになってきます。

    また、日頃Facebookで流れてくる広告をクリックするとペライチで作成されてページに誘導されることもありますので、そちらも参考にしましょう。

    同じペライチで作成したページであれば、参考にしやすいですし、同じように作成することが可能です。

    プレミアムプラン・ペライチ決済の活用

    よく質問されることなんですが、レギュラープラン・ビジネスプランにしたほうがいいかですが、本格的にペライチを使っていきたいのであれば間違いなくした方がいいです。

    ペライチ
    このは屋 | 【初心者向け】ペライチで作るランディングページ制作のポイントを解説
    Pages ホームページ作成ツールのペライチのプラン・ご利用料金ページです。無料からスマホ最適化されたページ機能などをご使用できます。独自ドメイン対応、メールフォーム設置、...

    無料プランだとページの公開数が1ページですが、レギュラープランに加入することで公開数が5ページになります。

    レギュラープランでも毎月3,278円、ビジネスプランでも毎月4,378円となります。(2023年4月時点)

    外注と比較してですが、そこまでの費用はかかりませんね。

    公開ページ数が1ページで十分であれば問題ないですが、量産していくのが目的なら有料プランに加入しましょう。

    ペライチ決済も便利

    また、ペライチの決済機能も大変便利です。

    決済システムで有名どころと言えば、PayPalですね。PayPalでも、悪くはないのですか、設定しづらいといった問題があります。

    【ペライチ決済】ネット通販、サー...
    このは屋 | 【初心者向け】ペライチで作るランディングページ制作のポイントを解説
    【ペライチ決済】ネット通販、サービスEC、イベント決済にも! ペライチが提供する決済サービス「ペライチ決済」。業界最低水準の手数料で、クレジットカード決済とコンビニ決済に対応。ネットショップの立ち上げも、店頭での決済も今す...

    ランディングページに決済機能との連携は不可欠ですので、どうせなら使い勝手がいいものが望ましいです。

    そこで、ペライチサービス内で用意されているペライチ決済を利用しましょう。ペライチ決済は、PayPalよりもシンプルなので使いやすいのでオススメです。

    料金も月額500円なので、プレミアムプランとあわせてもかなり安いですね。

    プレミアムプランとペライチ決済を合わせても3000円以内に収まります。

    継続的に払うものですが、外注して何十万もかけるぐらいなら、かなり安価でランディングページの量産とページに決済機能をつけることが出来るので、利用者の立場に立った良質なサービスですね。

    ペライチっぽさをなくすには

    多くの方が、ツールを使用する上で気になる点で、そのツールに依存したデザインにならないかという懸念点があると思います。

    少しでもペライチで作成したランディングページにオリジナルティを出す方法として、画像を使用しましょう。

    まずは、一時期パフォーマンスが人気で一世を風靡したメンタリストDaiGoさんの公式サイトをご覧ください。

    あわせて読みたい
    お探しのページは見つかりませんでした

    このDaiGoさんの公式ページもペライチで作成されています。

    見てわかる通り画像を使っている為、若干のペライチっぽさはあるものの、かなり緩和されていますね。

    ある程度は、ペライチの要素を使用しつつ、オリジナル感を出していきたい場合は、画像を使用しましょう。

    スマホの場合

    ちなみに、ペライチではありがたいことにスマホ最適化をしてくれているのですが、その関連で画像がスマホ表示だと画像が少し小さく表示されてしまいます。

    なので、画像は大きめに作成しましょう。主にヘッダー画像で画像を配置することが多いと思うので、オススメの画像サイズは、「2500 x 1875」です。

    PCから見た時に、少し大きめに表示されますが、今はスマホからネットを見る方が大半な為、スマホ最適化で行きましょう。

    スマホ最適化により、小さくなるとテキストが見づらくなる為、ヘッドライン、サブヘッドライン、ターゲットといったテキストサイズを少し大きめなフォントサイズにした方が望ましいです。

    せっかく画像を作成しても、テキストが小さくて見えなかったら、悲惨ですから。 画像については、自分で作成するのが難しい方は上記の内容を外注先に伝えてみてくださいね。

    自分で画像編集をしたい場合

    もし、自分で画像編集をしたい場合、専用の編集ソフトがなくても簡単なものだったら自分で出来てしまいます。

    もちろん、本格的に画像編集に興味がある場合は、ぜひ購入して頂くとして(その場合、買い切りがオススメ)、シンプルで簡単な画像編集であれば本格的なソフトは購入しなくても意外となんとかなります。

    資料作成ソフトのPowerPointや、Googleが無料で提供しているGoogleスライドでも作成できます。Macをお使いの方は、PagesとKeynoteで全然問題なく画像編集が可能です。

    背景に画像を配置し、テキスト機能によりテキストを編集後に配置、簡単な図形描画ツールで図形を配置といった感じでシンプルなデザインだったら意外と作れてしまいます。

    といっても、デザインについてはいくつかポイントがあるので、以下の記事が参考を参考にして下さいね。

    仮想通貨 カジノ
    Page not found - 仮想通貨 カジノ
    仮想通貨 カジノ
    Page not found - 仮想通貨 カジノ

    まとめ

    今回は、今では使っている方も多くなってきたウェブサービスの「ペライチ」を紹介しました。

    ペライチ決済の機能がどんどん追加されてきているところを見ると、これからもっと便利になっていくことが予想されるサービスです。

    これを機に使ってみて、どれだけお手軽にウェブページが作成できるようになったのか、ぜひ体感してみてくださいね。

    Free Web App 読むだけで終わらず、少し触ってみる。

    無料ウェブアプリで、AIと一緒に考え、整理し、作る感覚を試せます。現在地や次に取り組むことを確認してみてください。

    無料ウェブアプリを見る
    Free Template Kit 読んだ内容を、実際の商売に落とし込む。

    ランディングページ、ブログ、広告、メール。AIと一緒に作り、直し、育てるための型を、まずは手元に置いてください。

    無料テンプレート全13種を受け取る
    GET THE KIT
    まずは、型を手に入れる。

    このは屋は、スモールビジネスが外注業者に依存せず、AIと一緒に自分の商売を作れるようになるための学び舎です。記事を読んで終わりにせず、手を動かすための型を受け取ってください。

    ランディングページ・ブログ・広告・メールまで対応 使い方の解説動画付き AIと一緒に磨くための実践テンプレート
    無料テンプレート全13種の内容イメージ

    無料テンプレート全13種を受け取る

    メールアドレスを入力して送信してください。すぐに受け取り方法をご案内します。

    送信後、無料テンプレート全13種の受け取り方法をメールでお送りします。
    ※「@icloud.com、@me.com、@mac.com等のアドレス」および携帯アドレスは、メールが届かない場合があります。できればGmailアドレス、またはパソコンのメールアドレスをご登録ください。入力間違いを防ぐため、コピー&ペーストでの入力をおすすめします。同業者の方のお申し込みはご遠慮ください。
    無料テンプレートを受け取る
    Next Action 読んだら、型で試す。
    無料テンプレートを受け取る
    このは屋

    スモールビジネスが、AIとテンプレートを味方に、自分の商売を自分で育てるための学び舎です。

    About

    このは屋とは 進め方ガイド 会社概要

    Learn

    無料テンプレート セミナー集 無料ウェブアプリ一覧

    Policy

    利用規約 個人情報保護方針 特商法表記

    Contact

    お問合せ よくある質問 トップページ
    © このは屋合同会社
    利用規約 個人情報保護方針 特商法表記 お問合せ