ローカル環境を作っておくと、パソコン上にWordpressがインストールできるため、インターネット上にはサイトが公開されません。つまり、自分だけが閲覧できるサイトを構築することができます。

もしこんな悩みがあればとっても便利です。

• WordPressサイトを作る練習がしたい（いきなり公開してくない）
• 気になるプラグインを試しに使ってみたい
• 新しいテーマの見え方・機能を事前に確認したい
• 追加CSSを加えてみたいけど、どうなるかわからないので試す環境が欲しい
• 好き勝手カスタマイズできる練習サイトがあると嬉しい

ここでは、MAMP（マンプ）というフリーソフトを使って、あなたのMacにローカル環境を作る方法をご紹介します。

とっても便利なので、ぜひ構築してください。WordPressでのサイト構築はより一層はかどるし、楽しくなると思います。

ローカル環境とは？

ローカル環境の専門的な定義は正直よくわかりませんが、ざっくり説明すると下図のようなイメージです。

「誰にも見られることがない、自分だけの練習サイトを作ることができる」と思ってください。

ローカル環境という「WEBサイト構築の練習環境」が手に入るということです。

ではさっそく、あなたのMacの中にローカル環境を構築する方法を解説していきます。

内容を確認しながら手を動かして、ローカル環境を作ってみてくださいね。

MAMPを使ったローカル環境の作り方

MAMPを使うために必要なことは２つです。

1. MAMPのインストール
2. MAMPの初期設定

この２つの作業について解説していきます。

画面を見ながらあなたのペースで設定を進めてみてください。

MAMPをインストールしよう

最初にMAMPの公式サイトにアクセスして、Free Download(フリーダウンロード）をクリックしましょう。

Appleのロゴマークの下のボタンをクリックして、Mac用のローカル環境をダウンロードしましょう。

ダウンロードできたら、ダウンロードしたファイルを開きましょう。

下図の画面が表示されるので「続ける」をクリック

使用許諾契約も「続ける」をクリック

インストール先も「続ける」をクリック

「インストール」をクリック（※インストール先はそのままでOKです。）

インストールの許可を出すためにパスワードを入力ましょう。パソコンにログインするときのパスワードと同じものを入力してください。

インストール完了がでたらOKです。右下の「閉じる」をクリックしましょう。

インストーラはゴミ箱に入れちゃってOKです。

MAMPの初期設定方法

MAMPを探して起動しましょう。グレーのゾウさんが目印です。

MAMPアプリの起動方法❶：Finderのアプリケーションから起動

Finderのアプリケーションから『MAMP』ファイルを選択し、その中にあるMAMPアプリを開く。

MAMPアプリの起動方法❷：Launchpadを使って起動する

MAMPを起動後、下図のような画面が開いたら、左下のチェックマークを外して、左上の×ボタンをクリックしよう。

この画面になったら、設定スタートです。

画面左上にある『MAMP』をクリックして、『Preference』をクリックしましょう。

すると、こんな画面が出てきます。

• General
• Ports
• PHP
• Web Server
• MySQL
• Cloud

これらを設定していきます。なんだか難しそうですが、実際には「General」を少しいじる程度です。とっても簡単なので、安心してください。

General

下図のような状態にしましょう。

• Start servers
• Stop servers

この２つにチェックが入った状態にしておきましょう。

Ports

デフォルトのまま（そのまま）でOKです。

PHP

デフォルトのまま（そのまま）でOKです。

Web Server

デフォルトのまま（そのまま）でOKです。

MySQLとCloud

残り２つもデフォルトのままでOKです。特にいじる必要はありません。

設定ができたら、右下の「OK」をクリックして、次の設定に進んでいきましょう。

MAMPにWordPressをインストールする準備方法

ここからはローカル環境にWordPressをインストールする方法を解説していきます。

はじめにStart serversをクリックしましょう。

クリックして電源アイコンが緑色になったら、真ん中の「Open WebStart page」をクリックします。

するとこのような画面が自然と開きます。

このページの中にある、「phpMyAdmin」をクリックしましょう。（下の画像を参照してください。）

クリックすると、このような画面が開きます。

「Databases（データベース）」をクリックします。

下図のようなデータベースの画面が表示されます。

この画面で、次の通りに入力&選択して「作成」をクリックしてください。

Database name(データベース名）はわかりやすい任意のもので入力してあげてください。

ここでは「wordpress」と名付けました。

Collation(照合)の部分は、デフォルトの「utf8_general_ci」のままで大丈夫です。

万が一、別のものになっている場合は、「utf8_general_ci」を見つけて、選択してください。

最終的には下記のようになっています。

wordpress＋「utf8_general_ci」　

入力ができたら「Create」をクリックしましょう。

今作成したデータフォルダが左に表示されていればOKです。

ここまで作業ができたら、一旦別のタブを開いて、次の作業に移っていきましょう。

今度はWordPressのインストールです。

WordPressをインストールしてサイトを構築する

WordPress の公式サイトにアクセスして、WordPressをインストールしましょう。

画面右上の「Wordpress」を入手をクリックして、画面中央のボタンからWordPressをダウンロードしましょう。

ダウンロードできたら、ダウンロードしたWordpressのzipファイルを開きましょう。ファイルをクリックして、zipファイルを展開してあげてください。

こんな感じになります。

そうしたらFinderを開いた状態で、『コマンド（⌘）+N』を押して、新しいFinderのウィンドウを開きましょう。

こんな感じ。

新しいウィンドウを開いたら、次の手順で、フォルダを見つけてください。

「アプリケーション」→「MAMP（フォルダ）」をクリック

「MAMP（フォルダ）」の中の「htdocs」をクリック

空っぽの「htdocs」フォルダを開く。

この空っぽの「htdocs」フォルダに、先ほどダウンロードして展開しておいたWordpressの中身をすべて移行します。

移行するとこうなります。

ここまでできたらブラウザに戻って、次のアドレスにアクセスしてください。

http://localhost:8888/

※ブラウザはGoogle Chromeがおすすめです。

上記アドレスにアクセスすると、このような画面が開くので、「さあ、始めましょう！」をクリックしてください。

下図のような画面が開くので、必要項目を入力していきます。

「データベース名」には、先述の作業で作成したデータベースの「wordpress」が自動的に入っています。

「データベースのホスト名」には「localhost」と自動で入力されているのでそのままでOKです。もし入力されていなければ、「localhost」と入力してください。

• ユーザー名
• パスワード

この２つに入力する内容はMAMPのスタートページから確認できます。

入力が完了したら「送信」をクリックしましょう。するとインストール実行の画面が表示されます。

「インストール実行」をクリックしてください。

インストール実行をクリックすると、「WordPressへようこそ」の画面になります。ここであなたがこれから利用していくローカル環境の『サイト名』や『ログイン情報』を入力してあげてください。

すべて入力したら「WordPress をインストール」をクリックしましょう。

「検索エンジンがサイトをインデックスしないようにする」にもチェックを入れておきましょう。

「成功しました！」と表示されれれば、ローカル環境の構築は成功です。

「ログイン」をクリックして、管理画面にログインしてみてください。

ログインをクリックするとローカル環境へのログイン画面が表示されます。この画面は、いつでもアクセスできるようにブックマークしておきましょう。

こんな感じで管理画面が表示されれば、ローカル環境の構築成功です。

ローカル環境でゼロからサイトを構築していく場合は、これでOKです。この状態からWordPressのサイトを構築していきましょう。

もしあなたがすでにWordPressのサイトを持っているなら、そのデータをエクスポートして、ローカル環境にインポートしてあげましょう。

その方法を次に解説していきます。

既存のWordPressサイトのデータをインポートしよう

▼最初は「既存のWordPressサイト」での作業

あなたの既存サイト（実際にWEB上で公開されているWordPressのサイト）の管理画面にログインしてください。

管理画面の左のメニューの中から、「ツール」→「エクスポート」を選択してください。

エクスポートの画面に来たら、「すべてのコンテンツ」を選択して、エクスポートファイルをダウンロードしてください。

▼ここからは「ローカル環境」での作業

ダウンロードができたら、ローカル環境の管理画面に戻ります。

ローカル環境の管理画面の左のメニューの中から、「ツール」→「インポート」を選択してください。

WordPressから「今すぐインストール」をクリックします。

その後、「インポーターの実行」をクリックしてください。

下図のような画面が開いたら、先ほどWordPressからエクスポートしたファイルを選択してあげましょう。

「ファイルをアップロードしてインポート」のボタンをクリックしてから、下図のような確認画面が出てきたら、あなたの都合に合わせて設定をしましょう。設定ができたら、「実行」を押してください。

インポートが完了すると下図のような画面になります。

この画面が表示されたら「ではお楽しみください！」をクリックして、実際のローカル環境のサイトを確認してみてください。

いくつかのファイルはエラーとなりダウンロードできないこともありますが、これであなたの既存サイトのコピーサイトが完成した状態です。

さいごに

ローカル環境の設定と構築は以上になります。

あとは実際にローカル環境を生かしてどんどんサイトを構築していきましょう！

ランディページやセールスレターの書き方を勉強して、コピーを書けるようになっても、「じゃあ、それをどうやってWEBページするのか？」という悩みです。

もし「はい」と答えてくれるなら、このページがあなたの助けになります。ここでは、『Elementor』というWordPressの無料プラグインを使ったランディングページの作り方を解説しています。

解説するランディングページは僕自身が過去２年間ほど利用していたものです。２年間の平均成約率は『17%』そこまで悪くない数字だと思います。

実際のページはこちら：
https://pages-yngsm.com/7step/
（2019年現在、このLPからメルマガ登録はできません。）

Elementorは一度操作を覚えてしまえば、デザイン面も自由自在です。個人起業家がメルマガリストを獲得するために欠かせないランディングページをあなたも手に入れてください。

Elementorとは？

Elementorとは何かを簡単に理解しておこう！

Elementorとは、ランディングページやセールスレターを専門知識なしで簡単に作成できるようになるWordPressのプラグインです。

個人起業家として活動していくなら、扱えるようになっておいて損がないかなり便利なプラグインです。

利用は無料プランと有料プラン（Proプラン）がありますが、無料プランで必要な機能・使いたい機能は全て利用できます。

Elementorを利用すると、デザイナーような専門知識がなくても、誰でも簡単におしゃれなランディングページを作ることができます。

例えば、僕がこのサイトで利用しているランディングページもElementorで作ったものです。

参考
https://ynagashima.com/rocketstart-kit/

・ランディングページ
・セールスレター
・サンキューページ

個人起業家であれば必ずに必要になってくるこうした種類のWEBページを、Elementorで作成することが可能です。

Elementorのインストール＆有効化

ElementorをWordPressにインストール＆有効化しよう！

Elementorは「プラグインの新規追加」からインストール＆有効化することができます。

プラグインの新規追加から「Elementor」と検索して、プラグインをインストール＆有効化しましょう。（※稀にElementorが利用できないテーマがあるようです。）

Elementorでランディングページを作るために必要な準備

LP作成に必要な４つの素材を準備しよう！

ランディングページを作成するための次の４つを準備しておきましょう。

・ランディングページで使う画像（おすすめの無料素材サイト）
・メルマガ登録フォーム（登録フォームのURL）
・ランディングページのテキスト（コピー）
・お客様の声、推薦者の声（あればでOK）

Elementorの基本構造を理解しておこう

エレメンターは１つ１つのセクションを作成することで、WEBページを構築することができます。１つ１つのセクションの繋ぎ合わせていき、１つのWEBページを作成するということです。下のイメージを参考にしてください。

１つの１つのセクションは、『カラム』と『エレメント』という２つの要素を持っています。

セクションは次の３Stepで作成できます。

・Step1.新しいセクションの追加
・Step2.カラムの設定（選択）
・Step3.カラムにエレメントの挿入

上記の３StepがElementorの基本作業です。慣れるまでは少々ややこしいと思いますが、そこは操作する中で覚えていきましょう。

Elementorの無料テンプレートを活用しよう

無料テンプレートを使ってLPを作ろう！

無料プランでも利用できる『Elementorのテンプレート』を編集していき、メルマガリスト獲得用のランディングページを作成していきましょう。Elementorの操作が簡単とはいえ、いきなりゼロから、自分でデザインを作るのは大変だからです。

このページでは、実際に僕が使っていたランディングページと同じようなタイプのLPの作り方を解説していきます。

完成させるランディングページ（見本LP）：
https://pages-yngsm.com/7step/

＜このLPの特徴＞

・『メルマガ講座』形式のランディングページ
・「無料オンライン講座」などの形でも使うことができる
・個人起業家の方には相性がいいLPの形
・質の高いリストが集まる傾向にある

見本のランディングページ（LP）は、Elementorの無料テンプレートをベースに構築したものです。このページの解説でも同じテンプレートを利用していきます。

見本LPは約２年間使用してたもので平均の成約率（CVR）は17％でした。

LPO（ランディングページ最適化）の施策は特にしていない状態だったので、テキストの内容やデザインの修正次第では、17%以上の成約率も十分に見込めると思います。

Elementorを使い慣れてきて、自分に操作できるようになってから、オリジナルのデザイン構築にチャレンジしてみてください。


※お伝えするランディングページが成果を100％確証できるわけではありません。ご理解ご了承ください。

Elementorの無料テンプレートの導入手順

手順1.テンプレート追加をクリック

手順2.無料テンプレートを選択する
　・右上に『PRO』と記載してあるものは有料テンプレート
・「虫眼鏡（みたいな）」アイコンをクリックすると「プレビュー」を見ることができます。

手順3.好きなテンプレートを挿入する

あなたの好みのテンプレートを挿入しましょう。このページでは「左上（下記イメージ内の赤枠）のテンプレート」を利用して解説を進めていきます。

【動画解説】テンプレート挿入と編集画面の設定　
※これだけは必ずご覧ください

テンプレート挿入後の注意点

Elementorのテンプレートを挿入すると、テンプレート内で使用されている画像も一緒にあなたのワードプレスの中にインストールされてしまいます。

テンプレート挿入後、『メディア』をご覧になってみてください。

テンプレートの中で使われている画像ファイルがあなたのワードプレスの中にもインストールされているのがわかると思います。

これらの画像を削除する・しないは、あなたのご都合に合わせて選択してください。もしテンプレートの中でそのまま使うのであれば、そのまま画像を利用しましょう。

無料テンプレートを編集してLPを完成させる具体的な９つの作業

9つの作業を実践して、LPを完成させよう！

挿入したテンプレートのセクション・カラム・エレメントを修正して、メルマガリスト獲得用ランディングページを作成していきます。

ランディングページの上部から順に、編集方法を解説していきます。

「ヘッダー（ヘッドコピー）」セクションの作成

ヘッダー編集1.いらないセクションを削除

ページトップのセクションを削除しよう。「セクション削除」　ボタンから削除することができます。

ヘッダー編集2.トップのセクションの画像変更

ヘッダーの画像をあなた好みの画像に差し替えていきましょう。下記の動画で、画像の編集方法を解説しているのでご覧になってください。

【動画解説】ヘッダー画像の編集

ヘッダー編集3.「見出し」エレメントの挿入

ヘッドコピーを書き込むためのエレメントを挿入します。

見出しエレメントを挿入後、次の３つの作業を進めた解説動画もご覧ください。

作業１.見出しのフォントカラーを『白』に変更＆コピーを中央に配置
作業２.見出しのフォントサイズの変更
作業３.見出しコピーの行間などの修正・調整

【動画解説】ヘッドコピーの追加と修正

【画像解説】「見出し」エレメントの文字（コピー）の改行について

「見出し」テキストの修正は『コンテンツ>タイトル』の部分からできます。（上記画像参照。）

・『空白あり』で改行したいときは『<p>』と入力しましょう。（上記画像の①）

・『空白なし』で改行したいときは『<br>』と入力しましょう。（上記画像の②）

【画像解説】見出しのフォントカラー・フォントサイズなどの編集

・フォントカラーの編集：「スタイル>文字色」を選択

・テキストの行間・文字間隔の編集：「スタイル>書体」を選択

ヘッダー編集4.背景オーバーレイをかけて、文字を見やすくする

オーバーレイをかけておくとヘッドコピー（キャッチコピー）の文字が見やすくなります。適度にオーバーレイをかけておくことがおすすめです。

【動画解説】ヘッダーコピーの背景オーバーレイ

ヘッダー編集5.ヘッダーのコンテンツの幅の調整

スライドを移動するか、数値を入力することでコンテンツの幅を調整・変更することができます。

【動画解説】ヘッダーのコンテンツ幅の調整

ヘッダー編集6.「申し込みボタン」の作成

申し込みボタンのセクションの編集をしていきます。はじめに申し込みボタンセクションの「セクション編集」を選択しましょう。

ボタン横のテキストを修正

あなたのメルマガ講座の名前、オンライン講座の名前を入力してあげましょう。EbookやPDFなどの無料コンテンツなどをプレゼントする場合は、コンテンツのタイトルを入力してあげてもよいですね。

【動画解説】ボタンテキスト編集

【画像解説】ボタン横のテキストを中央寄せに編集する

ボタン横にあるテキストを中央寄せに編集しておきましょう。

ボタンのCTAのテキストを入力

CTAとは「コールトゥーアクション」の略称です。読者に行動を促してあげる、コピー（文章）を設定してあげましょう。

＜CTAでよく使われるコピー＞

・いますぐ登録する
・いますぐダウンロードする
・今すぐ無料で手に入れる
・今すぐ参加する
・完全無料で手にいれる

【動画解説】ボタンCTA

ボタンにメルマガ登録フォームのリンクを設定する

リンクの部分にあなたのメルマガ登録フォームURLを設定しましょう。デフォルトで記載されている「#」は削除してから、URLを入力してください。

【動画解説】ボタンリンクの設定

ボタンカラーの修正方法

ボタンのカラーは「普通」と「ホバー」の２種類があります。

普通：通常時のボタンのカラー
ホバー：カーソルをボタンに合わせた時のボタンの色

【動画解説】ボタンカラー修正（普通）

【動画解説】ボタンカラー修正（ホバー）

ボタンサイズの修正

「サイズ」からお好みのサイズにボタンの大きさを修正できます。個人的には「大」もしくは「特大」にしておくことがオススメです。その他のサイズはボタンが小さく表示されてしまうためです。

【解説動画】ボタンサイズの変更

ボディーコピーの作成｜３つの要素を作成しよう

▼作成するセクションのイメージ画像

ボディコピーの最初のパートでは、次の３つの要素を記載していきます。

＜作成する３つの要素＞

要素１.見込み客への問題提起
要素２.解決策の提示
要素３.メルマガ登録後のメリット・ベネフィット

ボディーコピー構築1.見込み客への問題提起

見込み客が抱える問題・悩み・痛みなどを箇条書きで５〜７項目を示してあげましょう。

＜参考：よくあるコピー＞

・こんなお悩みありませんか？
・こんな不安を抱えていませんか？
・こんな間違いをしていませんか？

ボディーコピー構築2.解決策の提示

「メルマガに登録すると、どんな情報を得ることができるのか？」それを簡潔にわかりやすく伝えてあげましょう。ポイントはダラダラ長くなりすぎないようにすること。200文字以内に収めることを意識すると、上記の画像ぐらいのボリュームになります。

ボディーコピー構築3.メルマガ登録後のメリット・ベネフィット

「メルマガに登録するとどんなメリット、ベネフィットが手に入るのか？」箇条書きで５〜７項目を示してあげましょう。もっと書ける場合は書いてもらってもOKです。

ボディーコピー編集1.テキスト&デザインの修正方法

ボディーコピーのテキスト編集方法については下記の画像をご参考ください。

要素２と要素３も上記（要素１）と同様の方法で、テキストを編集できます。

ボディーコピー編集2.テンプレートのボタン削除

編集（ペンのマーク）にカーソルを合わせる。カーソルを合わせたら、右クリック。するとメニューが表示されるので、一番下にある『削除』をクリックする。

ボディーコピーの作成｜メルマガ講座内容の作成

▼作成するセクションのイメージ画像

ボディーコピーの２つ目のパートでは、あなたのメルマガ講座やオンラインの講座の内容を記載していきます。ここでは７日間バージョンを解説していますが、あなたの意向に合わせて日数は調整してください。

＜メルマガ講座セクションの作成手順＞

１.テンプレートの動画エレメントを削除
２.テンプレートのお客様の声エレメントを削除
３.エレメントの追加
４.画像の位置を左に寄せる
５.イメージ画像を挿入＆サイズの調整

１.動画を削除

テンプレートを挿入した時に掲載されている『動画エレメント』を削除します。動画右上にカーソルを合わせることで「編集」マークが表示されます。編集マークの上で右クリックをしてから「削除」を選択して、動画を削除してください。

【解説動画】テンプレートの動画を削除

2.お客様の声を削除

テンプレートを挿入した時に掲載されている『お客様の声のエレメント』を削除します。エレメントの右上にカーソルを合わせることで「編集」マークが表示されます。編集マークの上で右クリックをしてから「削除」を選択して、動画を削除してください。

3.エレメントの追加

『画像ボックス』というエレメントを追加。ドラック＆ドロップで追加できます。

４.画像の位置を左に寄せる

画面左の編集スペースの中の一番下、『画像位置』から左寄せを選択してください。

５.イメージ画像を挿入＆サイズの調整

メルマガ講座ごとのイメージ画像を挿入しましょう。画像を挿入したら、『スタイル編集』へ移動して下してください。

「スペース」と「幅」を調整して、デザインのバランスを調整しましょう。見本で作成しているランディングページでは、「スペース」と「幅」ともに『50』で設定しています。

【Elementorの使い方】ここまでの作業の動画解説

6.メルマガ講座の内容を記載していこう

見出しには、１通１通ごとのテーマを記載。見出しの下のテキストには、その日のメルマガでお届けする内容の要約を記載しよう。（ブログ記事でいうところの、タイトル＆メタディスクリプションです。）

タイトルと説明文、それぞれで書体の設定ができます。

注意点

<p>タグで改行すると、フォントカラーの変更が文章全体に反映されません。なので、説明文の中で改行を使うときは、<br>タグを使って、改行するようにしましょう。（タグを２個連続で入力すると、１行空白を挟んで改行されます。）

<br>タグを使って改行すると、文章全体に対して、フォントカラーの変更が反映されます。

【動画解説】メルマガ講座セクションのフォントカラー修正の注意点

7.メルマガ配信の分だけ、エレメントを複製しよう。

Step６で作ったエレメントを複製することで、必要な日程分のエレメントを簡単に作ることができます。

複製したエレメントは、画像の差し替え、テキストの修正をして、メルマガ講座1日目〜7日目を完成させましょう。

【動画解説】メルマガ講座のエレメントを「７日間分」を作る方法

8.メルマガ講座全体の見出しテキストを設定する

最後に、メルマガ講座全体の見出しテキストを設定しておきましょう。「見出し」エレメントの編集部分をクリックすることで、テキストを修正できます。

見出しを設定したら、フォントや文字の太さなど、好みの書体に変更しよう。

【動画解説】メルマガ講座の見出しの作り方

9.背景の変更（必要なければ飛ばしてOKの内容です。）

メルマガ講座全体像の解説セクションの背景を変更します。動画解説をご覧ください。

【動画解説】メルマガ講座セクションの背景カラー＆画像の編集

10.スペーサーで間隔を調整する

メルマガ日程1日目〜7日目の間隔を調整すること方法です。スペーサーというエレメントを使うと、間隔を作ることができます。

見本のランディングページでは、間隔「20」でスペーサーを入れています。

【動画解説】スペーサーでエレメントの間隔を調整

CTAセクションの追加

▼作成するCTAセクションのイメージ画像

メルマガ講座日程の直下でCTA（行動喚起）の文章を追加します。

作り方

1.セクションを追加して、CTAテキストを作成
2.「矢印（デザイン要素）」の修正

【動画解説】メルマガ講座セクション下のCTA作成方法

【動画解説】CTA下部の矢印の作り方

２つ目の申し込みボタンの作成

前述の申し込みボタンの作成方法と同じ方法で作成していきましょう。

プロフィール＆お客様の声の作り方

「プロフィール」と「お客様の声」のセクションは４カラムで作ります。４カラムで作成後に両サイドの幅が「16%」になるように設定しましょう。

【動画解説】プロフィールの作り方

【動画解説】お客様の声・推薦者の声_作り方①

【動画解説】お客様の声・推薦者の声_作り方②

特典の部分を作ろう

ラストのCTAの前に、特典をプレゼントするセクションを作ります。「メルマガ講座に参加すると同時にこんなプレゼントが手に入りますよ」と示してあげることで、登録率（成約率）を上げる効果を期待できます。

あなたのノウハウをまとめたPDF、音声コンテンツ、動画コンテンツなどが一般的です。見込み客にプレゼントできる無料コンテンツを用意しておきましょう。

【動画解説】特典セクションの作り方

申し込みボタンの作成.３つ目

前述の申し込みボタンの作成方法と同じ方法で作成していきましょう。

フッターの作り方

フッター部分には、次の３つを掲載しておこう。

・プライバシーポリシー 
・特定商取引法に基づく表記
・Copyright © あなたのサイト名 All Rights Reserved.

【動画解説】フッターの作り方

注意点
プライバシーポリシーと特定商取引法に基づく表記、この２つのページへのリンクを忘れないように設定をしておきましょう。

下書き保存の方法

1.画面左下の緑のボタンの「▲（設定を保存）」をクリック
2.「下書き保存をクリック」

【動画解説】下書き保存の方法

まとめ｜ライバルに差をつけるあなたのLPを作ってみよう

ここでお伝えした方法で作業を進めてもらえれば、見本のようなランディングページを作成することができます。

完成したら、「公開」ボタンを押して公開していきましょう。

慣れないうちは、少し難しさを感じるかもしれません。しかし、１度操作に慣れてしまえば、Elementorはあなたの強力な味方になってくれます。

ぜひ、Elementorの基本操作をマスターして、ライバルに差をつける、あなただけのランディングページを作ってみてください。

ページタイトルとパーマリンクを忘れずに設定しておこう

Elemetorの編集画面からダッシュボードに戻り、ページのタイトルとパーマリンクを設定しておきましょう。意外と忘れてしまうことが多いので、要注意です。

Elementorからダッシュボードに戻る方法は下の解説通りです。

【動画解説】タイトル設定＆パーマリンク設定

最近は、ブログ記事がGoogleに評価される条件として、「コンテンツの質がイイこと」といわれています。

しかし、質の高いコンテンツの書き方がわからないと悩む声は、いまだに多く聞きます。もしかしたら、あなたもそうかもしれません。

そこで、コンテンツライティングについて、超王道の方法・取り組み方を徹底解説します。

• 今日は何を書こう？
• 最近、ネタがない・・・
• なんか面白い記事を企画しないと・・・
• 面白い記事を書いて検索上位を狙いたい

もし、あなたが１つでも当てはまるのであれば、この記事をお気に入り登録して、何度も繰り返し読んでくださいね。

コンテンツとは、情報のなかみのことです。この記事ではブログ記事のことをコンテンツと表現しています。

【全体像】上位表示を狙うコンテンツライティング５ステップ

1. 狙うキーワードを決める
2. ライバルサイトをリサーチをする（最低でも上位表示サイトを５つ以上）
3. ターゲットの欲しい情報をリサーチ＆まとめる
4. まとめた情報を編集＆独自性を加えてライティングする
5. ライバルサイトのコンテンツを超えるクオリティで記事投稿する

Step1.上位検索を狙うキーワードを決める

検索キーワードは、ターゲットからあなたへの質問です。そして、質問に対する回答があなたの記事（コンテンツ）になります。

ターゲットはなにを求めているのか？キーワードからターゲットの感情・悩み・痛み・意図・願望を考える必要があります。

あらゆるビジネスと一緒で、コンテンツライティングのスタート地点も、ターゲット（お客さん）です。だからこそ、一番最初にお客さんを知るためにも、キーワードを選定することが必須になります。

キーワード選定は便利な無料ツールを使って行いましょう。

Googleキーワードプランナー

https://adwords.google.co.jp/KeywordPlanner

Googleキーワードプランナーは、Google AdWords（アドワーズ）というサービスの中の機能です。キーワードの月間検索ボリュームを調べる際に使います。

Googleサジェストキーワード一括DLツール

http://www.gskw.net/

「キーワード」欄にキーワードを入力して「検索」ボタンをクリックするだけで、サジェストキーワードがすべて表示されます。

※注意※

サジェストキーワードとは、メインの検索キーワードにプラスして入力されるであろう候補キーワードのことをいいます。実際に検索数が多いわけではありません。

サジェストキーワードの結果をもとに、仮説を立てて、キーワードプランナーで確認＆検証しましょう。

Step2.とことんライバルサイトをリサーチしよう！

ライバルサイトをリサーチする目的は、現在、上位表示されているサイトのコンテンツよりも質の高いコンテンツを目指してライティングするためです。

ライバルサイトのリサーチ方法は、あなたが検索上位表示を狙うキーワードでGoogle検索します。そして、上位表示されたサイトの内容をチェックしましょう。

具体的なチェック項目

・内容
・情報量
・分かりやすさ
・構成
・読みやすさ

さらに本格的にチェックするためには、３つのツールを使いましょう。（すべて無料ツールです。）

【１】rishirikonbu

http://rishirikonbu.jp/difficulty_checker/

SEOキーワードの難易度をチェックできるツールです。現時点で、あなたの狙ったキーワードが、SEOの観点から「上位検索を狙うのがどれほど難しいのか？」を次のように数値で教えてくれます。

〜40：頑張って上位表示を狙えるレベル
６0以上：ライバルが強く、個人レベルではかなり厳しい

【２】SEOチェキ！

http://seocheki.net/

ライバルサイトのURLを入力してボタンをポチッと押すだけです。

▼確認できる項目

タイトル
ディスクリプション
キーワード
h1タグ

重要タグといわれる部分にどんなキーワードが設定されているか簡単にチェックすることができます。他にも、インデックス数（記事の数）・最終更新日・ドメイン取得日もチェックできます。

【３】SimilarWeb

https://www.similarweb.com/

ライバルサイトのURLを入力してボタンをポチッと押すだけです。

確認できる項目

・アクセス数
・平均滞在時間
・平均ページ閲覧数
・直帰率
・どこからのアクセスか
・アクセス時の検索キーワード（上位５つ）

Step3.自分のサイトでしか得られない情報をいれよう！

ライバルサイトを調べて、まとめて、ただリライトしただけの記事では、コンテンツとしての価値は低いですよね。コンテンツの質を高めるためには、あなた自身の視点・考え方・体験・経験を取り入れて記事を書きましょう。

独自性が増すことでコンテンツとしての質が高まります。どうすれば自分のサイトが独自性や、価値や魅力のあるサイトになるかを考えながらライティングしましょう！

コンテンツライティング６つのコツ

コンテンツライティングで大事な６つのコツをご紹介します。

【コツ１】ターゲット（ペルソナ）の設定

記事の内容をどんな人に向けて書くのか？を考えます。

1. 男性？女性？年齢は？どんな生活を送ってる？
2. なにに悩んでるの？
3. 一番知りたい事は何？

【コツ２】コンテンツの種類を選ぶ

１：How to 記事

ターゲットの悩み・問題・願望に対して、どうすればいいのか？を具体的に伝えるましょう。

・悩み・問題の解決策
・〇〇をする方法
・〇〇の解消法

２：News記事

ターゲットがあっと驚く最新情報。
ターゲットにとっての常識とは真逆の知識・情報を提示しましょう。

 ３：Case Study 記事

あなたが実際に経験・体験してきたことを元に書きましょう。過去のことでなくても、現在進行形の内容やインタビューの内容を書くことも１つの方法です。

４：コンテンツのまとめ記事

【まとめ記事が有効なケース】

・１記事では情報を書ききれない場合
・現在上位表示されているライバルサイトがトップページやカテゴリーページの場合

【まとめ記事をつくる２ステップ】

step1.書きたい情報・伝えたい情報を１つ１つの記事に分けて書く。
step2.全ての記事へのリンクをまとめた目次になるページを作る。

【コツ３】思わず読みたくなるタイトルを作る

記事を読んでもらうための最初の壁がタイトルです。記事の内容がどんなに良くても、タイトルが弱いとターゲットに読んでもらえません。

【タイトルを設定する際に最低限守るルール】

1. キーワードを必ず入れる
2. 読みやすい日本語で書く
3. 中身が少し想像できるタイトルにする

【タイトル決めのアイディア10選】

1. キーワードを必ず入れる
2. キーワードを左に寄せる
3. 28文字以内にする
4. 数字を入れる
5. ベネフィットを明確に表現する
6. 不安・恐怖を避ける欲求を刺激
7. お金欲しい願望を刺激する
8. ちょっとオーバーな表現であおる
9. ターゲットにしかわからない単語を使う
10. 前編・後編など、シリーズ化する

記事のタイトルは訴求やキャッチコピーを書くときの考え方が役に立ちます。こちらの記事もご参考ください。

反応が高いキャッチコピーの作り方｜凡人でも書ける実践５Step

キャッチコピーには、ちゃんとした作り方があります。センス・才能で作るものではありません。 キャッチコピーの作り方を実践すれば、凡人でも反応がとれるキャッチコピー…

長嶋雄二公式サイト

【コツ４】コンテンツの構成ごとにライティングする

王道の記事構成

1.問題提起：〇〇で悩んでいませんか？
2.解決策（結論）：こうすれば解決できます！
3.根拠：こういう理由・証拠があるからです
4.まとめ：今回一番伝えたい事・記事の要点を簡潔に記す

注意：『見出し』もしっかり考えて書こう！

流し読みをする読者の目線をつかむことを意識する。
読者がそこに何が書いてあるか分かるように書く。
見出しには関係するキーワードを自然に入れる。

【コツ５】記事公開前に最終チェックする

最終チェックポイント12個

1. 思わず読みたくなるタイトルをつけましたか？
2. 目を引くアイキャッチ画像を設定したか？
3. 記事の導入部分（オープニング）は魅力的か？
4. 読者の満足するボリューム（文章量）か？
5. タイトルや見出しにキーワードを入れましたか？
6. 誰でも分かりやすい・読みやすい文章になっていますか？
7. 納得できる根拠や信頼できる資料は入れましたか？
8. さりげなく実体験・事例を入れてみましたか？
9. 一般的な意見ではなく、あなたの意見・考えは入れましたか？
10. 改めて、読者は本当にその情報を求めていますか？
11. 誤字・脱字・回りくどい表現・分かりにくい表現はありませんか？
12. どのサイトにも負けない！と自信が持てるコンテンツですか？

【コツ６】公開時間はしっかりと考えよう

公開する時間もしっかり意識しましょう。

「人がよく見ているといわれる時間帯」がおすすめの公開時間です。

• 12時（正午）前
• 18時前後
• 21時前後

Step4. “独自性が難しい！”という悩みをふっ飛ばすアイディア７選

記事に独自性を追加するためのアイディアをご紹介します。

アイディア１

専門性を前面的に打ち出す

• 公認会計士のタロウです。
• インスタマスターのゆう子です。
• 元SPの源次郎です

アイディア２

あなた独自の知識・ノウハウを書く

• 金なし大学生が毎晩やってる節約術
• 上場企業のサラリーマンがケチる生活費ベスト３

アイディア３

ターゲットを超ニッチにする

• 元妻の再婚に心が折れたあなたへ、もう１度だけ、恋をする方法

アイディア４

インタビュー・企画・実況中継の記事

• あの超有名ラーメン店の店主にインタビュー！一番うまい、インスタントラーメンの作り方
• Facebook広告を1000円で運用して100リストを獲得できるか試してみた

アイディア５

趣味・特技・好きなコトなど、２つ以上を組みあわせる

• 関連性はあるのか！？ギター定番のコード進行とLPスワイプ定番の構成

アイディア６

見た目に変化をつける

画像・写真を使うことはポピュラーですが、動画・GIF画像・アニメーション・自作イラストを入れてみる。

アイディア７

あえて検索上位のサイトの意見と真逆の意見を書く

根拠・証拠・理由をしっかりと準備したうえで書きましょう。

まとめ

ブログ記事の書き方や書くネタに悩んだら、迷わず、王道のコンテンツライティングは５ステップを実践しましょう！

【おさらい】コンテンツライティング王道５ステップ

1. 狙うキーワードを決める
2. ライバルサイトをリサーチをする（最低でも上位表示サイトを５つ以上）
3. ターゲットの欲しい情報をリサーチ＆まとめる
4. まとめた情報を編集＆独自性を加えてライティングする
5. ライバルサイトのコンテンツを超えるクオリティで記事投稿する

そして、コンテンツ質を高めるためには【ポイント解説１〜４】の内容を意識しましょう。

ps：最後にコンテンツラティング上達の秘訣

1. いいコンテンツに触れる
2. いいコンテンツの真似をする
3. とくかく頭を使って書く

さっそく、あなただけのコンテンツを作成して、ターゲット（お客さん）のニーズを満たしてあげましょう！