「LP用のテーマを買えば、WordPressでもすぐにLPが作れるはず」。テーマの販売ページには完成したデモのLPが並び、文字と写真を差し替えるだけで公開できるように見えるため、テーマ選びから始める方は多いでしょう。
しかし、これまで多くの企業の記事やLPの原稿を制作してきた弊社の立場から言えるのは、WordPressのLPは、公開後に誰が何回直すかで作り方を選ぶということです。たとえば、HTMLを書かない担当者が直すLPを自作テンプレートで作ると、文言を1行変えるたびに開発者へ依頼することになります。
本記事では、WordPressでLPを作る3つの方法の違いから、固定ページで公開するまでの手順、公開後に起きやすい不具合まで、LPの原稿づくりに関わる記事制作会社の視点で順を追ってお伝えします。
- WordPressでは、LP向けテーマ・ページビルダー・自作テンプレートの3つの方法でLPを作れる
- HTMLを書かない担当者が何度も直すLPなら、ページビルダーが扱いやすい
- すでに別のテーマで自社サイトを運用しているなら、LP専用テーマは同じWordPressに入れられない
- 公開前には、フォームの送信テスト・計測の設定・スマホでの表示速度を確かめる
- 制作が止まる原因の多くは、画面の操作ではなく原稿と材料が揃っていないこと
WordPressでLPは作れるのか
WordPressでもLPは作れます。WordPressの「固定ページ」をLP用の見た目に整えれば、別のサービスを契約しなくても、自社サイトと同じドメインの中にLPを置けます。
固定ページは、ブログの投稿とは別に作る独立したページで、会社概要やお問い合わせのページと同じ種類です。ただし、固定ページをそのまま作るだけではLPになりません。通常の固定ページには、サイト共通のヘッダーやメニュー、サイドバーが表示されるためです。
比べる点 | 通常の固定ページ | LPとして作る固定ページ |
|---|---|---|
ヘッダー・メニュー | サイト共通のものを表示 | 外すか、ロゴだけにする |
サイドバー | 表示されることが多い | 表示しない |
ページの目的 | 情報を伝える | 申し込みや問い合わせを1つに絞って促す |
LPでメニューを外すのは、広告から来た人がメニューを押して別のページへ移り、申し込みまで戻ってこないことを減らすためです。WordPressでLPを作る作業の中心は、ヘッダーやメニューを外したページを用意することにあります。
WordPressでLPを作る3つの方法
WordPressでLPを作る方法は、LP機能のあるテーマを使う、ページビルダーのプラグインを使う、固定ページのテンプレートを自作する、の3つです。必要な知識と、公開後の直しやすさが方法ごとに違います。
| LP向けテーマ | ページビルダー | 自作テンプレート | |
|---|---|---|---|
| 必要な知識 | テーマの設定画面の操作 | 部品を並べる画面の操作 | HTML・CSS・PHP |
| デザインの自由度 | △ テーマが用意した型の範囲 | ○ 部品の組み合わせで広い | ◎ 制限なし |
| 担当者が自分で直せるか | ○ | ◎ | × 開発者が必要 |
| 表示の軽さ | ○ | △ 読み込むファイルが増える | ◎ |
| 費用 | LP専用は有料が多い | 無料版あり・機能追加は有料 | 開発者の作業時間 |
表のうち、方法を決めるときに影響が大きいのは「担当者が自分で直せるか」の行です。デザインの自由度が高い方法ほど、直すのに必要な知識も増えます。
LP機能のあるテーマを使う
LP向けテーマには、LP専用に作られたテーマと、普段のサイト用テーマの中にLP向けのページ設定があるものの2種類があります。たとえば無料テーマのCocoonでは、固定ページの編集画面で「ページタイプ」を「本文のみ」や「本文のみ（広い）」に切り替えると、ヘッダーやサイドバーを外したページを作れます。
LP専用テーマを選ぶときに見落とされがちなのが、1つのWordPressで有効にできるテーマは1つだけという点です。すでに別のテーマで自社サイトを運用している場合、LP専用テーマを有効にするとサイト全体の見た目が変わります。LP専用テーマは、LPのためだけに別のWordPressを用意するときの選択肢と考えてください。
ページビルダーのプラグインを使う
ページビルダーは、見出し・画像・ボタンなどの部品を画面上で並べてページを作るプラグインで、代表例にElementorがあります。今使っているテーマのまま、LPのページだけをビルダーで作れるので、既存の自社サイトにLPを足したいときに向いています。
ページビルダーには、ヘッダーとフッターを表示しないページテンプレートが用意されていることが多く、Elementorでは「Elementor Canvas」を選ぶとLP向けの白紙のページになります。一方で、レイアウトの情報はプラグイン独自の形式で保存されます。プラグインを停止するとデザインが保たれないため、いったん作ると別の方法へ移りにくくなります。
固定ページのテンプレートを自作する
テンプレートの自作は、ヘッダーやメニューを含まないページの枠をテーマに追加する方法です。従来型のテーマでは、PHPファイルの先頭に「Template Name」を書いたテンプレートを置くと、固定ページの編集画面でそのテンプレートを選べるようになります。
テンプレートのファイルは、テーマを直接書き換えずに子テーマへ置いてください。親テーマを更新したときに、追加したファイルが消えるのを防げます。ブロックテーマを使っている場合は、サイトエディターでヘッダーとフッターを外したページ用のテンプレートを作れるため、PHPを書かずに済みます。
作り方を選ぶときに見る3つの条件
3つの方法のどれを選ぶかは、テーマの見た目より、公開後にLPを誰がどう直すかで決まります。見る条件は、直す人、直す頻度と枚数、今のサイトのテーマの3つです。
公開後にLPを直す人
HTMLを書かないマーケティング担当者が直すなら、テーマかページビルダーを選びます。自作テンプレートでは、見出しの文言を1つ変えるだけでも開発者に頼むことになり、広告の反応を見てすぐ直すことができません。
社内に開発者がいて、公開後の修正も開発者が引き受けられるなら、自作テンプレートが選べます。読み込むファイルを必要な分だけに絞れるため、3つの方法の中では表示を最も軽くできます。
直す頻度とLPの枚数
広告の文言に合わせて月に何度もキャッチコピーを差し替える、商品ごとにLPを増やす、といった使い方なら、ページビルダーが向いています。1枚目のLPをテンプレートとして保存し、文言と写真だけを入れ替えれば2枚目を作れるためです。
反対に、1枚のLPを年に数回直す程度なら、LP向けテーマや自作テンプレートでも手間は増えません。
今のサイトのテーマ
すでに自社サイトをWordPressで運用しているなら、今のテーマを変えずにLPを足せる方法を選びます。候補は、テーマのLP向けページ設定、ページビルダー、子テーマへのテンプレート追加の3つです。LP専用テーマを使うのは、LPのためだけに別のWordPressを立てる場合に限られます。
固定ページでLPを公開するまでの手順
固定ページでLPを公開するまでの手順は、原稿を固めるところから公開前の確認までの6段階です。画面を触り始める前に原稿を書き切っておくと、途中で構成を組み直す手戻りが減ります。
見出しの順番、キャッチコピー、実績や導入先、価格、よくある質問への答えを、WordPressを開く前に文書で書き切ります。LPの構成の考え方はLP構成の作り方で詳しく扱っています。
テーマやプラグインを入れる前に、サイト全体のバックアップを取ります。新しく入れたプラグインが既存のテーマと干渉して表示が崩れたとき、元に戻せるようにするためです。
固定ページを新規作成し、ヘッダーやメニューを外したテンプレート（ページタイプ）を選んでから、原稿を流し込みます。URLの末尾（スラッグ）は、広告や名刺に載せても読める英数字にします。
申し込みフォームを設置し、送信後に表示するサンクスページを別の固定ページで作ります。自分宛てに送信して、確認メールが迷惑メールに入らずに届くかまで確かめてください。
Googleアナリティクス4でサンクスページの表示をキーイベント（旧コンバージョン）として登録し、申し込みの数を数えられるようにします。広告専用で検索に載せないLPは、SEO用のプラグインなどでnoindexを設定します。
スマートフォンの実機で、文字の折り返しやボタンの押しやすさを確かめます。表示速度は次の節で紹介するPageSpeed Insightsで測り、遅ければ画像のサイズから見直します。
後回しにされやすいのが、フォームの送信テストです。フォームから届くメールの設定はサーバーごとに異なり、テストをせずに広告を出すと、申し込みが届かないまま広告費だけがかかる状態になります。
WordPressでLPを作るメリットとデメリット
WordPressでLPを作る利点は、自社サイトと同じ管理画面で、社内の担当者がLPを直せることです。一方で、テーマやプラグインの更新作業と、表示の速さの管理は自社で引き受けることになります。
- 自社サイトと同じドメイン・管理画面でLPを管理できる
- 文言の差し替えを、社内の担当者が管理画面から行える
- 無料のテーマやプラグインから始められ、追加の月額費用がかからない
- 既存の記事や事例ページからLPへリンクを張りやすい
- テーマ・プラグイン・WordPress本体の更新と、更新後の表示確認が必要
- ページビルダーやプラグインを増やすほど、表示が遅くなりやすい
- ABテストの機能が標準では入っておらず、プラグインや外部ツールが必要
- 凝った動きのあるデザインは、テーマやビルダーの範囲を超えると作れない
広告の文言や写真を何パターンも並べて反応を比べたい場合は、ABテストや複数LPの管理を最初から備えたLP作成ツールも候補に入ります。WordPressとLP作成ツールの違いは、LP作成ツールの選び方で比べています。
WordPressのLP制作が止まる原因
WordPressのLP制作が公開前に止まる原因は、テーマやプラグインの操作よりも、ページに流し込む原稿と材料が揃っていないことにあります。記事やLPの原稿を作ってきた立場から見ても、手が止まるのはデモの文字を自社の言葉に置き換える段階です。
経営者テーマを買ったので、あとはデモの文字を入れ替えるだけだと思っていました。どこで時間がかかるのでしょうか。
Writers-hub編集部
デモと同じ見た目を作るところまでは、テーマが手伝ってくれます。時間がかかるのは、デモの「導入実績○社」の欄に入れる数字や、「お客様の声」に載せてよい声を社内で集める段階です。材料が無いまま画面を作ると、空いた枠を埋めるための文章が増え、読んだ人が何を得られるLPなのかが見出しから読み取れなくなります。
見た目を先に作ると、原稿がデザインの枠の字数に合わせて削られることも起きます。キャッチコピーが枠に収まる長さで決まり、本来伝えたい条件が落ちてしまうのです。WordPressを開く前に、次の材料が揃っているかを確かめてください。
- 誰の、どんな困りごとを解決する商品かを1文で言える
- 実績の数字や導入先の名前を、載せてよいか社内で確認済み
- お客様の声を、本人の了承を得て載せられる
- 価格と申し込みの条件（最低契約期間・対象地域など）が決まっている
- 営業がよく受ける質問と、その答えを書き出してある
材料を揃えて原稿を1本の文書に書き切ってから、WordPressを開くと、画面での作業は決まった文章と写真を部品に入れる操作だけになります。LPの原稿の書き方はLPライティングの進め方にまとめています。
テーマは決まったのに、デモの文字を置き換える原稿が書けていないなら
材料の洗い出しから、見出しの順番とキャッチコピー、よくある質問への答えまで、WordPressに流し込める形の原稿としてお渡しします。画面の操作は社内で行い、原稿だけを任せる進め方もできます。
WordPressのLPを公開した後の3つの注意点
WordPressのLPは、公開した後も、更新作業と表示速度と検索エンジンでの扱いの3点で不具合が起きます。
更新でレイアウトが崩れる
テーマやプラグインを更新すると、LPのレイアウトが崩れることがあります。部品の表示方法が更新で変わる場合があるためで、ページビルダーや追加のプラグインが多いほど起きやすくなります。更新の前にバックアップを取り、更新した後にLPをパソコンとスマートフォンの両方で開いて確かめる手順を決めておきましょう。レンタルサーバーによっては、本番と別の検証用のサイトで更新を試せる機能もあります。
表示が遅くなる
ページビルダーで作ったLPは、読み込むファイルが増えて表示が遅くなりがちです。広告から来た人はLPが表示される前に離れることがあるため、公開前と、部品を足したときには速度を測ります。
PageSpeed InsightsにLPのURLを入れると、スマートフォンでの表示速度と、遅くしている原因の候補が表示されます。原因として多いのは、縮小していない大きな写真です。画像を表示サイズに合わせて縮小するだけで改善することもあります。
検索に載せるLPと載せないLP
広告専用のLPを文言違いで何枚も作る場合、中身がほぼ同じページが検索エンジンに並ばないよう、広告専用のLPにはnoindexを設定します。検索からも人を集めたいLPは、noindexを付けず、検索する人が知りたい情報をLPか関連する記事で補う必要があります。LPが検索で上位に出にくい理由と対策は、LPのSEO対策で解説しています。
LPを検索にも載せたいのに、LP1枚では検索から人が来ないと感じたら
LPで狙う検索語句と、記事で集める検索語句を分けて設計し、記事から読者をLPへ案内する形を一緒に作ります。広告を止めた月にも問い合わせが入る状態を目指す方に向けた支援です。
WordPressのLPでよくある質問
作り方を決めた後に出やすい疑問は、無料テーマで足りるかや、制作会社から受け取ったHTMLのLPを移せるかなどの5つです。
無料のテーマだけでもLPは作れます。Cocoonのように、固定ページごとにヘッダーやサイドバーを外せるテーマなら、追加の費用はかかりません。ただし、LP専用テーマにある申し込みボタンの固定表示などの機能は、自分で部品を組むかプラグインで補う必要があります。
LPは固定ページで作ってください。投稿ページには日付やカテゴリ、関連記事が表示され、ブログの一覧にもLPが並んでしまいます。
複数のLPを置けます。LPごとに固定ページを作り、スラッグを分ければ、商品ごとや広告ごとにLPを並べられます。有効にできるテーマは1つなので、LPごとに別のテーマを使うことはできません。
HTMLを固定ページのテンプレートに作り替えれば、WordPressで管理できます。作り替えるときは、画像やCSSの読み込み先をテーマのフォルダに合わせて書き換え、フォームをWordPressのフォームのプラグインに置き換えます。文言を管理画面から直したい場合は、本文部分だけをエディターで編集できるように作ります。
WordPressの標準機能だけではABテストはできません。プラグインか外部のツールを使います。どちらの場合も、結果を判断するには一定のアクセス数が必要で、必要な数の見積もり方はLPのABテストのやり方で解説しています。
まとめ｜WordPressのLPは「直す人」から方法を選ぶ
WordPressでLPを作る方法は、LP向けテーマ、ページビルダー、自作テンプレートの3つです。どれを選ぶかは、テーマの見た目より、公開後に誰がLPを直し、月に何回直すかで決まります。HTMLを書かない担当者が何度も直すならページビルダー、開発者が直し表示の速さを優先するなら自作テンプレート、LPのためだけに別のWordPressを立てるならLP専用テーマが合います。
そして、どの方法でも制作が止まるのは、デモの文字を自社の言葉に置き換える段階です。材料を集めて原稿を書き切ってから画面を作れば、公開までの作業は部品に文章を入れる操作に絞られます。
私たち合同会社Writers-hubは、企業の記事やLPの原稿を、材料の洗い出しから制作しています。WordPressの操作は社内で行い、原稿づくりだけを任せたい場合にもご相談いただけます。
LPの方法は決めた。次は、載せる原稿を誰が書くかを決める段階なら
社内で書く部分と任せる部分を、今ある材料と公開予定日から一緒に整理します。WordPressのどの方法で作るかが決まっていない段階でもご相談ください。
