SWELLのLP機能でランディングページを作ってみよう【LP機能の特徴を解説】
🔰リサーチャーまるおSWELLのLP機能を使ってランディングページが作りたいっす！
集まる集客®総研リサーチャー道満早苗SWELLテーマを使っているのならLP機能を使わない手はないですよね！
この記事を読んでわかること！
- SWELLのLP機能を使ったランディングページの作り方
- SWELLのLP機能の特徴
SWELLでLP（ランディングページ）を作ってみましょう！
目次
最新電子書籍を無料ダウンロード
Gmail、独自ドメイン、Yahooメール推奨（iCloud,Hotmailは届きません）
SWELLでLPを作るメリットとは？
SWELLのLP機能を使ってランディングページを作るメリットとしては
- 初心者でも簡単にLPが作れる
- カスタマイズできる
- SEO対策に配慮されている
- レスポンシブデザイン
- 複数パターンのLP作成
などがあげられます。
他にSWELLのLPの機能のメリットとして大きいのは以下の2つです。
固定ページとの違いがある
LPだけを管理することができる
基本的には、「固定ページ」や「投稿記事」と同じ感覚でページを作ることができますが、若干特別な機能があります。LP として SWELL で作成する主な違いは以下です。
固定ページとの違いがある
SWELLのLP機能では、LP専用の設定が可能で、他の固定ページや投稿ページよりもシンプルかつ効果的にデザインできます。例えば、全画面幅で表示できる「フルワイドブロック」の活用や、LP専用のタイトル非表示設定などが挙げられます。
LPだけを管理することができる
SWELLのLP機能は、管理画面で「LP」として独立して管理できるため、運用しやすいのが特徴です。また、特定のLPでヘッダーやフッターを非表示にすることも可能です
SWELL「LP設定」主な使い方！
SWELLの「LP機能」の使い方を解説していきます。
コンテンツの最大幅
SWELLでは、最大幅を自由に調整可能で、視覚的なインパクトを高めるレイアウトが作成できます。
この機能を使うと、ページ全体のデザインを訪問者にとって見やすいものにできます。
たとえば、以下のような調整が可能です。
- 幅を広げる
ページを広く見せることで、より多くの情報を一目で確認できるデザインが作れます。
写真や動画を目立たせたいときに効果的ですね。 - 幅を狭める
集中して読んでほしい文章があるときに適しています。
ニュース記事やストーリーテリングにおすすめです。
コンテンツの囲み枠
囲み枠を使うと、ページ内の重要な情報や注意事項を簡単に目立たせることができますよ。
この機能は、特定のコンテンツを強調したい場合に便利です。
- 囲み枠の活用例
- キャンペーン情報や割引コードを伝える部分。
- 注意事項や手順を簡潔にまとめるエリア。
- アクションを促すメッセージ（例：申し込みはこちら！）。
囲み枠を設定するには、エディター内で「囲み枠」を選び、好きな色や枠線のスタイルを選ぶだけです。特に目立たせたい場合は、背景色を明るい色に変更すると良いでしょう。
- なし
- 線で囲む
- 影をつける
アイキャッチ画像の表示設定
アイキャッチ画像は、ページを訪問した人に強い第一印象を与えるために重要な要素ですね。
大きく目を引くビジュアルは、訪問者の関心を惹きつける効果があります。
- 表示するメリット
- ページのテーマや雰囲気を一目で伝えられます。
- 高品質な画像を使うと、信頼性が増します。
- 非表示にする場面
- テキスト主体のシンプルなページを作りたい場合。
- 他のビジュアル要素を優先したい場合。
設定は簡単で、「LP設定」内の「アイキャッチ画像の表示」をオン・オフするだけです。
必要に応じて非表示設定も可能です！
タイトルの表示設定
SWELLでは、LPごとにタイトルを表示するか非表示にするかを選ぶことができます。
この機能はデザインの統一感を保つために役立ちますね。
- タイトルを表示する場面
- SEOを意識した場合やページのテーマを強調したいとき。
- SEOを意識した場合やページのテーマを強調したいとき。
- タイトルを非表示にする場面
- メインビジュアルがタイトルを含んでいる場合。
- デザインをシンプルに保ちたいとき。
設定は「LP設定」の「タイトルの表示」オプションで切り替えができます。必要に応じて使い分けると良いですね。
ヘッダー・フッター設定
SWELLでは、他のページと同様のヘッダーやフッターを使用するか、それとも独自のデザインにするかを選べます。この柔軟性が、LPを一層魅力的なものにしますね。
- 同じヘッダー・フッターを使う場合
- サイト全体のデザイン統一感を重視するとき。
- サイト全体のデザイン統一感を重視するとき。
- 独自デザインにする場合
- 特定のキャンペーンやプロジェクト用に独自のページを作るとき。
設定は「LP設定」から「ヘッダー・フッター」のチェックボックスをオン・オフするだけで簡単に切り替えられます。
- SWELLのヘッダーを使用する
- SWELLのフッターを使用する
SWELL「LP」でランディングページを作ってみよう！
ステップ１：SWELLのLP機能を活用する
SWELLのLP機能は、初心者でも簡単にランディングページを作成できる便利なツールです。
まずはWordPressの管理画面から「LP」メニューをクリックし、新しいページを作成します。
エディター画面では、通常の投稿や固定ページと同様に直感的な操作が可能です。
SWELLには、あらかじめ用意されたLP機能をテンプレートがあります。
集まる集客®総研リサーチャー道満早苗自分のニーズに合ったデザインを簡単に選べます！
ステップ２：心に響くライティング
ランディングページで大切なことはライティング！誰が、誰に、何を、どのように伝えるのか？が重要です。
その基礎となるラブレター構造を学んでみましょう。こちらから基礎を学ぶことができます。
あわせて読みたい
ランディングページの書き方の公式「誰が」✖️「誰に」✖️「何を」✖️「どのように」
集まる集客®︎プロデューサー長瀬葉弓です。 一生懸命、集めているのに集まらないそんな、集客の悩みが消えていく、、、 そんな、集まる集客をマスターしたい方へ公式を…
あわせて読みたい
無料で学ぶ集まる集客®️ラブレター構造ライティング基礎講座
ラブレター構造の教科書を無料お申込みフォーム こんなお悩みありませんか？ 自分だけの強みを言葉と文章で伝えたいのに伝わらない！ SNSやメルマガ、電子書籍、動画の…
ステップ３：視覚的な要素の挿入
ランディングページで大事なものの一つはライティングのほかにも「ファーストビュー」があげられます。こちらを確認しましょう。
あわせて読みたい
ファーストビューとは？重要性と作り方のポイント
ファーストビューとはファーストビューとは、ウェブサイトやLP（ランディングページ）を訪れた際、最初に目にする箇所で、スクロールすることなく表示される部分を言います。ファーストビューについてや、離脱率にも関わるファーストビューの重要性、作り方まで解説します。
画像の作り方については、小冊子の表紙の作り方も参考になります。
あわせて読みたい
【初心者向け】Canvaを使った小冊子表紙の作り方-メルマガ登録やYouTube視聴者プレゼント用に！
LINE登録の特典やセミナーの参加特典で小冊子をプレゼントしたいんすけど、どうやって小冊子の表紙をデザインすればいいのか？そもそも、デザインがわからないっす。 デ…
ステップ4：フォームの設置
LPを作る際はお申し込みフォームを設置する必要があります。集まる集客®︎でおすすめしているエージェントメールを使うとお申し込みフォームも簡単に設置できます。
ここではフォームの作り方は割愛しますが、フォーム作りにもポイントがありますので、以下の記事をチェックしてみましょう。
あわせて読みたい
お申込率の高いランディングページにするためのフォーム項目数や設問の設定方法【集まる集客式 永久保存…
このフォームの設定方法には申込率を高めるために改善できるポイントが４つあります！全部わかるかな〜〜〜？ まずはこちらの動画でお勉強してみよう！ https://www.you…
ステップ5：CTAボタンの戦略的配置
CTAとはコールツーアクションの略でお客様に次の行動を促すことです。集まる集客®︎の伝えるのではなく伝わる文章構造：ラブレター構造「WHAT、WHY、HOW」のHOWの部分にあたります。
CTAの基礎はこちらから学ぶことができます。確認してみましょう。
あわせて読みたい
CTAボタンは設置場所で結果が変わる！クリック率UPするポイントや作成方法
CTAボタンの設置場所が全然わかんないっす！セット場所とかデザインで変わるんすか？ CTAボタンの位置やデザインは、ユーザーの行動に大きく影響しますよ。クリック率を…
あわせて読みたい
CTA改善でお客様のリストが増える！ブログ記事の動線を変える方法
https://www.youtube.com/watch?v=KUPw7MuAp5c この続きの本編動画は集まる集客カレッジ会員になるとご視聴いただけます。 今なら以下フォームに登録すると6月4日7時ま…
ステップ6：PDCAによる継続的な改善
仮説→検証→改善のPDCAサイクルを回し、常にLPを最適化します。1度作って完成ではありません。何度でも直していきます。
ランディングページの効果を最大化するためには、A/Bテストが重要です。
これは、異なるデザインやコンテンツを用意し、それぞれのパフォーマンスを比較する方法です。
たとえば、CTAボタンの色やコピー、配置を変えることで、クリック率の違いを測定できます。
SWELLのLP機能を使えば、複数のページを簡単に作成できるため、A/Bテストの実施もスムーズです。
あわせて読みたい
LPのCVR改善方法〜生成AIを使って内容を面白くして最後まで読んでCV率をアップさせる３つの方法を解説
https://www.youtube.com/watch?v=vmM439cwwKg 集まる集客プロデューサー長瀬葉弓です。面白く楽しく教えられる先生はいつの時代も人気が高くなります！棒読みで真面目…
ステップ7：モバイル表示の最適化
スマートフォンでウェブページを閲覧するユーザーが増えている今、モバイル表示の最適化はとても重要です。
SWELLのLP機能は以下の特徴を備えており、簡単にモバイル対応が可能です。
SWELLのレスポンシブ対応
- レスポンシブデザインの標準サポート
SWELLは自動で画面サイズに応じた表示を調整してくれるため、特別な設定をしなくてもモバイルに対応できます。 - プレビュー機能の活用
エディター内のプレビュー機能を使えば、スマートフォンでの見え方をリアルタイムで確認できます。この機能を使うことで、デスクトップとモバイルのバランスを取りやすくなります。 - モバイル最適化の具体的ポイント
- 読みやすいフォントサイズ
小さすぎる文字はユーザーの負担になるため、適切なフォントサイズを選びましょう。 - タップしやすいボタン配置
ボタンは指でタップしやすい大きさと間隔を確保してください。 - スムーズなスクロール
ページの構造を整理し、ストレスなく情報を確認できるようにします。
- 読みやすいフォントサイズ
これらをしっかり対応することで、モバイルユーザーの離脱を防ぎ、コンバージョン率を高めることができます。
まとめ
「SWELL ランディングページの作り方」についてお届けしました。
HTMLやCSSを一切使わず、通常の記事を1カラム（サイドバー無し）で作る感覚で LP（ランディングページ）が作れるんです。
🔰リサーチャーまるおSWELLを使えば、プロに頼んだようなランディングページを簡単に制作できるっす！
SWELLのLP機能は初心者でも直感的に操作でき、柔軟性の高いLPを簡単に作成できます。視覚的な要素と説得力のあるコピーライティングを組み合わせることで、訪問者を効果的に惹きつけるLPを実現できます。
継続的なPDCAと最適化で、さらに高いコンバージョン率、お客様からのお申し込みUPを目指しましょう。
AIを使ってランディングページを書く方法シリーズはこちらから！
集まる集客®︎カレッジではBuddy@ i(バディアイ）を使ったLPの作り方シリーズをより詳しく学ぶことができます。個人起業家の集客専用AIであなたも集まらない集客を集まる集客に切り替えてみませんか？詳細はページ下部に掲載しています。
