商品やサービスの販売・訴求には非常に重要なランディングページ。事業をしている方なら自作あるいは外注でも作成したことがあるかと思います。売りたい商品やサービスなどの売り上げを少しでも伸ばすために、クオリティの高いランディングページを作成したいですよね
今回はWordPressを使用している方向けのオススメ作成ツール5選の動画をご紹介します。
動画内容を検索できます
動画シーンの検索方法
- 気になるキーワードをPCやスマホの機能でテキスト検索
- キーワードを含む字幕までジャンプし、右「▶」を押下
- ピンポイントで選択したシーンを再生することができます
編集、デザイン、ABテストまで幅広く紹介
説明動画はこちら
動画内容検索
オープニング
こんにちは。根本です | |
今回LP作成にオススメなツール5選ということで | |
ランディングページを作成するにあたって使える | |
僕がオススメするツールですね | |
それを全部で5つご紹介していきたいと思います | |
僕は普段WordPressをメインに使っていますので | |
WordPress関係のツールを中心に | |
今回もご紹介していきたいと思います | |
どれも便利なツールばかりですし基本的に無料 | |
あるいは有料のツールでも無料お試しというのができたりしますので | |
ぜひ今日から使ってみてください | |
それでは一つ一つご紹介していきたいと思います | |
①ELEMENTOR
まず1つ目はELEMENTORっていう | |
WordPressの無料プラグインになります | |
このELEMENTORは世界的にも有名なプラグインで | |
ドラッグ&ドロップで直感的にページを作成することができます | |
最近ノーコードとかローコードっていうのが | |
はやっていると思うんですけどELEMENTORを | |
使うことによってノーコードコードを使わずに | |
ページを作成することができます | |
めちゃくちゃ便利なプラグインで僕も頻繁に利用しています | |
今コードを使わないっていう風にお伝えしたんですけど | |
コードを使わないからといって簡単に操作できるかっていうと | |
そうではありません | |
まあもちろん慣れれば簡単に操作はできるんですけど | |
その慣れるまでにある程度時間がかかります | |
たくさん機能がありますしあとはどんな機能をどんな風に操作すれば | |
どんな外観どんなデザインになるのかっていうのが | |
最初はあまり理解できないと思いますので | |
そういった意味で最初は大変だと思います | |
でも何度も使っているうちにコツが掴めてきますので | |
こんなページを作ってみたいなっていうのがありましたら | |
結構作れたりします | |
もちろんコードをかくわではないので | |
まあできないこともあったりするんですけど | |
比較的自由にページを作成することができます | |
ちなみにこのチャンネルでもよくELEMENTORの | |
使い方に関する動画をアップロードしていますので | |
ぜひチェックしてみてください | |
②GOOGLE OPTIMIZE
じゃあ続いて2つ目のツールに関しては | |
GOOGLE OPTIMIZEっていうものになります | |
これはGOOGLEが提供しているサービスで無料で | |
ABテストすることができます | |
そもそもABテストって何かっていうと | |
いろんなやり方があるんですけど例えばページを複数用意して | |
どのページが一番パフォーマンスが良いのか | |
成約率が高いのかっていうのをチェックしたりですね | |
まぁそういったのをチェックするためにやるまあテストですね | |
になります。このABテストの機能については | |
LPが作成できるツールに備わっている場合もあるんですけど | |
備わっていない場合はこのGOOGLE OPTIMIZEを | |
使ってみるといいんじゃないかなと思います | |
ちなみに先程ご紹介したELEMENTORについては | |
現時点ではABテストの機能が備わっていません | |
まあ将来的に追加される可能性はあるんですけど | |
現時点でまだありませんのでそういったABテストの機能が | |
備わっていないツール使っている方は | |
GOOGLE OPTIMIZEがおすすめです | |
このGOOGLE OPTIMIZEでは | |
いろんなABテストが実施できてまあ一般的な先ほどご紹介したような | |
複数のタイプのLPを用意してそれをテストしたりですね | |
例えばページAページBページCっていう3つを用意して | |
どれが一番成約率が高いのかをチェックしたりですね | |
あとはたった一つのLPを用意してそのページだけで | |
ABテストを実施することもできたりします | |
まあこれちょっとややこしいかもしれないんですけど | |
GOOGLE OPTIMIZEには編集用のまあツールというか | |
そういう機能が備わっているんですね | |
なので一つのページを用意するだけで | |
例えばそのページのヘッドラインを切り替えたりとか | |
あとはボタンの色を変更したりとかそういうのをすることによって | |
パターンAとパターンBあるいはパターンCとかまあ複数用意して | |
ヘッドラインを2パターン用意してテストしたりとか | |
ボタンの色を切り替えたものを3パターン用意してテストしたりとか | |
そういったのが一つのページで完結させることができます | |
そしてそのオリジナルのページのURLをお客さんに | |
シェアすることによってまあ自動的にページBあるいはページCとか | |
あとは一つのページだけでパターンを複数用意する場合は | |
その別のパターンをお客さんに見せることができます | |
たった一つのまあURLをシェアするだけでですね | |
そうするだけで自動的にGOOGLE OPTIMIZEの方で | |
リダイレクトしてくれますのでまあ自分でページAページBページCの | |
URLを別々のお客さんに渡していくっていうことをしなくても | |
自動的に割り振ってくれますので非常に簡単にABテストが | |
実施できるようになっています | |
しかも先ほどお伝えしたように無料でABテストができますので | |
ぜひ使ってみてください | |
ちなみにこちらの動画でそのABテストのやり方ご紹介していますので | |
ぜひチェックしてみてください | |
③CANVA
じゃあ続いて3つ目についてはCANVAっていうサービスになります | |
このCANVAはデザインが作成できるツールになっています | |
LP本体のデザインというわけではなくて背景画像だったりとか | |
あとはイメージ画像といったLPを作成するにあたって | |
まあ必要な画像ですね。挿入するための画像が | |
簡単に作成できるようになっています | |
このCANVAは海外発のサービスなんですけど | |
日本でも結構多くの方が利用しているツールになります | |
ちなみに基本的には無料で使うことができるんですけど | |
有料版も用意されていて有料版を契約することによって | |
画像の背景を透明化したりとかまたSVG形式の画像を | |
まあダウンロードしたり | |
あとはコードのエフェクトがかけられたりします | |
まあ結構デザインツールとしてはPhotoshopっていう | |
高機能なツールあると思うんですけど | |
そのPhotoshopのような高度な使い方は | |
もちろんできないんですけどその分操作が | |
とてもシンプルになっていて1日みっちり使い込めば | |
基本的な操作は理解できるんじゃないかなと思います | |
それくらいシンプルで使いやすいツールになっていますので | |
ぜひ使ってみてください | |
④EAGLE
じゃあ続いて4つ目に関してはEAGLEっていうツールになります | |
このEAGLEはデザインを作成するためのツールっていうわけではなくて | |
デザインアイデアを貯める保存するためのツールになります | |
まあ画像はもちろんなんですけど他にもPDFとか動画とか | |
そういったのを保存してまとめておくことができます | |
まあこれまでにホームページとかランディングページとか | |
そういうのを作ったことがない方はそんなツール必要ないんじゃないの | |
ってふうに思ってしまうと思うんですけど | |
まあ結構経験がある方にとってはまあこれいいっていう風に | |
本当に思ってしまうような理想的なツールなんですね | |
僕もこれまでにたくさんのページ作ってきたんですけど | |
その都度まあこのページのデザインを真似しようかなとか | |
あとはこのページのこの部分のコピーを真似しようかなとか | |
そういったのがあった時にそのページをまるまるスクリーンショットして | |
パソコン上に保存しておいたんですね | |
まあもちろんそのやり方でも全然OKなんですけど | |
パソコンに保存する方法だと結構管理がまあ面倒くさいというか | |
不自由で手軽にまあ探して見つけることができなかったりします | |
一方でEAGLEの場合はタグを付けたりとかあとはフォルダを作成して | |
画像をそのフォルダに割り振ったりとか | |
あとは同系色の画像を自動的にピックアップしたりとか | |
画像の大きさを指定してその範囲の大きさの画像を | |
自動的にリストアップしたりとかそういったのはやってくれるんですね | |
なので自分の好みの画像が結構簡単に見つけることができますので | |
非常に便利なツールになっています | |
料金に関しては29ドルくらいだったと思います | |
日本円にするとだいたい3000円くらいですねかかるんですけど | |
最初の21日間は無料でお試しすることができますので | |
試しに使ってみてください | |
⑤COLORPICK EYEDROPPER
じゃあ最後5つ目のツールに関しては | |
COLORPICK EYEDROPPERっていうツールになります | |
これはGoogle Chromeの拡張機能になります | |
特に初心者の方は参考にするサイトをまあ用意して | |
それを模写する形で練習としたページを作成したりとか | |
あとは本番でもまあ参考にするサイトを用意して | |
そのページの色味を真似したりとかっていうのがあると思うんですね | |
そんな時にこのCOLORPICK EYEDROPPER使うことによって | |
ページの任意の位置にマウスカーソルを置いてクリックするだけで | |
その部分のカラーコードを簡単に抽出することができます | |
あとはそれをランディングページ作成できるツールで | |
まあカラーコードを指定して色を切り替えることによって | |
簡単に色を真似することができます | |
ということでこれまで全部で5つご紹介してきたんですけど | |
(+α)GUTENBERG
最後にプラスアルファとしてもう一つツールをご紹介したいと思います | |
そのツール何かっていうとGUTENBERGっていうエディターです | |
GUTENBERGとかあとはブロックエディターとかって | |
言ったりするんですけどこれはWordPressの | |
デフォルトのエディターになります。編集画面ですね | |
結構WordPressユーザーとしては | |
意外と思うかもしれないんですけど | |
GUTENBERGのエディターはかなり進化しているんですね | |
もちろんまだ発展途上なんですけどGUTENBERGのみで | |
ホームページとかランディングページとかを | |
簡単に作成できようになっています | |
それからテーマによってはGUTENBERGの | |
デモサイトがインストールできるようになっていたりとか | |
あとはプラグインを別途インストールして | |
まあそこでGUTENBERG用のランディングページを | |
インストールして使ったりとかそのような感じでパパッと | |
ホームページ、ランディングページが運用できるようにもなっています | |
エンディング
ということで今回はランディングページ作成に | |
オススメのツールを全部で6つですね | |
5つプラスアルファとして全部で6つご紹介してきました | |
どれも僕が実際に使っていてまあ使い勝手が良いと感じています | |
まあ今回ご紹介してきた中でEAGLEに関しては最初の21日間だけしか | |
無料で使えないんですけどそれ以外のツールに関しては | |
基本的に無料で使うことができますのでぜひ今日から使ってみてください | |
動画要約
- ランディングページ作成に便利なツールを5選+1紹介。
- EAGLE以外のツールは基本的に無料で使用できる。
動画制作に関するご相談・お見積もりはこちら
動画制作に関するご依頼は、こちらより承ります。お客様のご希望の内容に合わせて、最適なプランとお見積もりをご提案いたしますので、お気軽にご相談ください。
アニメ動画クリエイター/WEBマーケッター/実業家/ITコンサルタント/研究者
YouTube動画やSNS広告動画に活用するアニメ動画制作をメインに、その他お仕事に応じて顔を変えて幅広く活動中。