この記事では、アメブロに「申し込みフォーム」や「お問い合わせフォーム」を設置する方法を解説します。

もちろん全て無料でOK！

例えば、下記のような「お申し込みフォーム」をアメブロでも作成できます。（デモページはこちら）

「お問い合わせフォーム」も下記のように埋め込みできます。（デモページはこちら）

アメブロでビジネスをするなら、「申し込みフォーム」は収益UPに必須です。

「お問い合わせフォーム」を設置すればお仕事の依頼が来たり、読者とのコミュニケーションにも利用できます。

「おすすめの無料フォーム」や「設置のコツ・注意点」も紹介しているので、確認しておきましょう！

くますけ

「申し込みフォーム」の設置は難しそうだなあ・・・

あめっくま

作り方は簡単だから、早めに設置しよう。

ブログ向け無料の「申し込み・お問い合わせフォーム」

無料の「フォームサービス」は複数あるので、おすすめなものを紹介します。

選ぶ時の主なポイントは、下記の5項目です。

お問い合わせ・アンケート・資料請求・イベント受付など、複数のフォームを使い分けたい場合は設置可能なフォーム数に注意して下さい。

「お問い合わせフォーム」のみに利用するなら、1つのフォーム内に設置可能な項目数は少なくてもOK。

ただし「申し込みフォーム」に使う場合は、設置可能な項目数が多い方が電話番号や住所などの入力欄も作れます。

くますけ

使う目的によって、おすすめなフォームサービスが違うんだね。

あめっくま

続いて「おすすめの無料フォーム」サービス4社を紹介するね。

formrun（フォームラン）

「formrun（フォームラン）」は直観的操作で、とにかく簡単にフォームを作れるのが特徴。

便利なテンプレートが用意されていて、「お問い合わせフォーム」ならサクッと作れます。

例えば下記のフォームなら、1分程度で作成も可能。とにかく早い！

ただし無料プランで作成可能なフォームは1つのみ。複数のフォームを使うなら、有料プランが必須。

無料プランでは、「お申し込みフォーム」と「お問い合わせフォーム」を同時に作れません・・・

「お問い合わせフォーム」専用として使うなら、手軽なので便利です。

なお自動返信メールに「formrun」のロゴが入るのが、個人的にはデメリットです・・・

アメブロでの「formrun（フォームラン）」の使い方・埋め込み方法は、下記の記事で具体的に解説しています。

 実際に設置してみたよ！

【簡単】formrun（フォームラン）の使い方・埋め込み設置方法

この記事ではのformrun（フォームラン）の使い方・埋め込み方法・活用のコツ・注意点を紹介します。

nk-media.org

あめっくま

お問い合わせフォーム１つでいいなら、超簡単で便利です。

FormMailer（フォームメーラー）

フォームメーラーも簡単操作で、「お問い合わせフォーム」を作成しやすいです。

無料プランでも5つのフォームを作れます。

例えば下記のフォームなら、3～5分程度で作成可能。比較的早いですね。

ただし無料プランでは、1つのフォーム内に設置できる項目数が7項目までと少なめ。

「お申し込みフォーム」では項目数が多くなりやすいので、7個で足りるかがポイント。（上記の見本でギリ7項目）

無料版では決済機能を使えないので、支払いは別途メールなどでやり取りなどが必要となるので注意しましょう。

アメブロでのフォームメーラーの使い方・設置方法は、下記の記事で具体的に解説しています。

 実際に設置してみたよ！

アメブロでのフォームメーラーの使い方・設置方法

この記事ではアメブロでのフォームメーラーの使い方・設置する方法・活用方法・注意点を紹介します。

nk-media.org

あめっくま

シンプルなフォームを複数作る場合に便利です。

Googleフォーム

Googleフォームは設置が楽チン！Googleアカウントがあればサービスへの登録も不要なので、今すぐ利用できます。

さらに「作成できるフォーム数」「1フォームに設置可能な項目数」は無制限（Googleドライブの容量上限まで）

例えば下記のようなフォームなら、2～3分程度での作成も可能。とにかく早い！

ただし実際にお問い合わせが来た時に、返信するまでの流れが他のサービスとは違います。

お問い合わせが来れば、登録したあなたのメールアドレスに通知が来るのは同じ。

通常は内容が書かれているので、そのままメールで返信できます。

ただし「Googleフォーム」の場合は、通知メールの文面では問い合わせ内容が分かりません。

つまり「Googleフォーム」を立ち上げて内容確認してから、メールに戻って返信します。

くますけ

返信する時に、ひと手間あるということだね。

また決済機能を使えないので、支払いは別途メールなどでやり取りが必要となります。

作成できる数が無制限＋手軽に作れるので、フォームを多く作る人にはとても便利です。

あめっくま

アカウント登録も不要なので、利用している人が多いですよね。

formzu（フォームズ）

無料アカウントでも、フォーム数を無制限で作れるのが特徴。

無料プランでも決済機能（PayPalのみ）も利用可。フォーム上で決済できるので、支払いについてのやり取りが不要となりますね。

無料で使える機能も豊富で、本格的な「お申し込みフォーム」「お問い合わせフォーム」を作成できます。

例えば下記のようなフォームなら、10分程度で作成可能。

ただしシンプルな「お問い合わせフォーム」を設置するだけなら、他の3つの方が簡単に作成できます。

また毎週開催しているような教室・スクールなどの予約には、無料で使える予約フォームの方が明らかに便利です。

おすすめの予約フォームと比較してから判断しましょう。

あめっくま

「お申し込みフォーム」を検討している人なら、特におすすめです！

アメブロにお申し込み・お問い合わせフォームを設置

下記の3STEPで、アメブロにお問い合わせフォームを設置できます。

あめっくま

詳しく解説しますね。

STEP① フォームを作成

まずは、「お申し込みフォーム」または「お問い合わせフォーム」を作成しましょう。

それぞれの作成方法は、下記のリンク先で解説しています。（一部準備中）

今回は「formzu（フォームズ）」で作成したフォームをアメブロに設置します。

あめっくま

フォームサービスは用途に応じて選んで下さいね。

STEP② フォームのURLを取得

お問い合わせフォームを作成したら、URLを取得しましょう。

例えば「フォームズ」で作成すると、フォーム保存完了画面で下記のようにURLが表示されます。

このURLをアメブロにリンクとして設置するということですね。

なおアメブロでのリンクの貼り方・活用法は、下記の記事で解説してます。（ちなみに収益が伸びない人は、ほぼ100%リンクの活用法に問題があります・・・）

 収益UP方法あり！

【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴

この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう！

nk-media.org

あめっくま

フォームを作成したら、専用のURLが発行されますよ。

STEP③ アメブロに設置

最後にアメブロにお問い合わせフォームを埋め込みます。

リンク先をお申し込みフォームのURLにするだけ。

これで読者がクリックすれば、「お申し込みフォーム」や「お問い合わせフォーム」に飛んでくれますね。

あめっくま

ただし、テキストリンクでは読者からの申し込みは増えにくいです・・・記事後半の設置のコツを確認しておきましょう。

お申し込み・お問い合わせフォームの注意点

特に大事な注意点は下記の3つです。

あめっくま

順番に解説しますね。

①必ず記事内に設置する

最近ではブログをスマホで見る読者の方が多いですよね。

アメブロの場合にサイドバーやヘッダーメニューのみに設置するとスマホでは見れないので、フォームの意味がありません。

スマホの読者に知らせるには、アメブロでは記事本文に設置するのがベスト。

例えば記事本文の最後の方に設置するなど、工夫をしておきましょう。

あめっくま

サイドバーやヘッダーメニューだけに設置するのはNGです・・・

②自動返信メールを設定する

読者がフォームから送信した時に自動返信メールが届かないと、内容が届いたのか不安になりますよね。

事前に自動返信メールを設定しておきましょう。

自動返信メールに読者の記入内容を表示すると、送信内容も確認できるので親切ですね。

あめっくま

今回紹介している無料のフォームサービスは、全て自動返信メールの設定ができます。

③保存が必要ならダウンロードしておく

無料フォームサービスは、問い合わせ内容の保存期間や数に制限があります。

制限を超えると、過去の問い合わせ内容が見れなくなる点に注意して下さい。

保存が必要な場合には、必ずダウンロードしておきましょう。

あめっくま

スプレッドシートなどで管理しておけばOKですね。

お申し込みフォーム設置のコツ

単に「お申し込みフォーム」へのリンクを貼るだけでは、ハッキリ言って読者からの申し込みは増えません・・・

読者にクリックさせる工夫が欠かせませんよね。

あめっくま

収益UPのためには設置の仕方が重要です。

①画像リンクやボタンを利用する　

フォームの存在を分かりやすくするために、画像リンクやボタンを利用しましょう。

テキストリンクでも可能ですが、目立たないのが理由です・・・

くますけ

バナーやボタンを使うのは基本だよね。

例えば画像リンクなら、下記のようなバナーを用意してリンク先をフォームのURLにすればOK。（クリックするとデモ用のフォームに飛びます）

記事下やサイドバーなどに設置すると、かなり目立ちますね。読者からのコンタクトを増やせます。

なおアメブロでの画像リンク・バナーの設置方法や具体的な活用法は、下記の記事で紹介しています。

 超活用法あり！

【アメブロの画像リンク・バナーの貼り方】作り方と収益UPの方法

この記事ではアメブロ向けの画像リンクやバナーの貼り方・作成手順・クリック率や収益がUPする方法を解説します。PCの記事本文・サイドバー・スマホで方法が異なるので、全手法を解説！画像リンクやバナーで収益UPする貼り方をマスターしましょう。

nk-media.org

ボタンなら、当サイトで紹介しているアメブロ用の「申し込みボタン」「お問い合わせボタン」が便利。（クリックするとデモ用のフォームに飛びます）

お申し込みはこちら

お問い合わせはこちら

下記の記事で、素材を紹介しているので活用して下さいね。

 まだ使ってないの？

素材数No1！アメブロ用の申し込みボタンをコピペで簡単作成

この記事ではアメブロで使えるボタンリンクの素材を紹介します。コピペで簡単に設置できます。HTML・CSSなどのカスタマイズ知識は不要！かわいいボタン・おしゃれなボタン・電話ボタン・お問い合わせボタンなど、あなたのアメブロ記事でもすぐ作成できますよ。

nk-media.org

画像リンクやボタンを記事本文やサイドバーに配置して、リンク先をフォームに設定しましょう。

あめっくま

テキストリンクだけでは、チョット厳しいです・・・読者のクリック率を上げる工夫が欠かせませんね。

②吹き出しや囲み枠の中に入れる

アメブロでもアイコンつきの吹き出しが使えるようになったので、利用者が急増していますよね。

吹き出しは目立ちやすく、アイコン＋名前付きなので読者に覚えてもらえるのがメリット。

さらに会話する雰囲気が出るので、読者が目を留めやすいです。

下記のように、吹き出しの中に「申し込みフォーム」へのリンクを設置するとクリック率を伸ばせます。

アメブロでの吹き出しの使い方は、下記の記事で解説しています。

 効果絶大！

【コピペOK】アメブロ用の吹き出し素材42選（画像アイコン付き・会話風）

この記事ではアメブロで簡単に使える「アイコン画像つき吹き出し」を全42種類紹介します。吹き出しデザインと色を選んだら、コードが表示されるのでコピーしてアメブロに貼り付けるだけ。簡単にブログがおしゃれに生まれ変わりますね。

nk-media.org

古典的ですが、「囲み枠」の中に入れる手法もよく使われますよね。

「アメブロ用の囲み枠素材」は、下記の記事で紹介しているので活用して下さい。

 かわいい素材が豊富！

【素材数No.1】アメブロ用の囲み枠・ボックス厳選300種

この記事ではアメブロ用の囲み枠・ボックス・フレーム枠のデザインを提供しています。素材は約300種類（色も選べる）・コピーして貼り付けるだけ（HTML・CSSの知識不要）シンプル・かわいい・かっこいいな囲み枠を用意しています。囲み枠を使っておしゃれなブログにしましょう。

nk-media.org

あめっくま

特に吹き出しの効果は絶大です！

③記入項目は最低限にする

お問い合わせフォームの場合、読者に記入してもらう項目は最低限にしておきましょう。

項目数が多ければ、申し込み・問い合わせを面倒に感じますよね。

単に問い合わせ用なら、個人情報の項目も最低限でOK。

ただし下記の3項目の入力欄は、入力必須項目にしておきましょう。

もちろん必要な項目は、ブログや用途によって違います。

「申し込みフォーム」「注文フォーム」なら、住所や電話番号など項目が増える場合もありますよね。

読者の立場に立って、本当に必要な項目を絞り込みましょう。

あめっくま

フォームの用途によっても項目数は変わりますね。

この記事では、アメブロでの「画像リンク・バナー」の基本の貼り方・作り方～収益UPする方法について解説します。

画像リンクやバナーのクリック率が伸びれば、短期間で収益が伸びますよね。

当ブログのアメブロ版でも活用していて、売上は好調です。

この記事で画像リンクのテクニックを学んで、収益を効率よく伸ばしましょう！

あめっくま

効果が下がる貼り方をしている人も多いので、正しい手法を学んで下さいね。

なお下記記事の「収益UPするリンク活用方法」も知っておくと、さらに効果的です。

 収益UPする方法があるよ！

【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴

この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう！

nk-media.org

アメブロでの画像や写真のリンク・バナーの貼り方

最初に基本的な貼り方を確認しておきましょう。

PCの場合は、下記の4STEPでOK。

画像やバナーを最初に挿入する以外は、リンクの基本的な貼り方とほぼ同じ。

あめっくま

PCの記事本文・サイドバー・スマホ、それぞれの設置方法を解説します。

【PC版】画像リンクの貼り方

PCで画像・写真リンクやバナーを入れるのは、とても簡単です。

STEP①

まず画像を記事に挿入する作業です。

通常の画像操作と同じなので、問題ない人は手順②に進みましょう。

最初にあらかじめ用意した画像やバナーをアップロードします。

エディタ右側の「カメラマーク」をクリックして「アップロード」をクリックしましょう。

あなたのPC側フォルダが開くので、使用する画像を選んで下さい。

すると下記のように、アメブロのエディタ右側に選んだ画像が表示されます。

アップロードできた状態ですね。

エディタ上で画像を貼り付ける場所を選んだ状態で、貼り付ける画像を選びましょう。

下記のように、記事エディタ上に画像やバナーを挿入できます。

くますけ

ここまでは記事に画像を挿入するのと同じだね！

STEP②

続いて下記のように、画像をクリックして「リンクマーク」をクリックしましょう。

画像が選択されている状態（青く表示され・画像の調整ボックスが表示）のまま、リンクマークをクリックすればOK。

STEP③

下記のようにリンク挿入用のボックスが表示されます。

リンク先のURLを貼り付けて、リンクを挿入する」をクリックして下さい。

ちなみにURL欄にアドレスが最初から入っていますが、全部消して新しいURLを貼り付けてOK。

なお「アメブロで自分のブログURLを簡単に確認・取得する方法」は、下記記事で紹介しています。

意外な時短テクニックも紹介しているので、チェックして下さいね。

 時短アイデア・注意点あり！

アメブロで自分のブログのURL確認方法をPC・スマホ別に解説！

この記事ではアメブロで自分のブログ記事のURL確認・取得方法をPC・スマホ・アプリそれぞれで紹介します。トップページ・テーマページ・プロフィールページ・予約投稿（未来記事）に加えて、他人のブログ記事のURLの調べ方も解説しています。

nk-media.org

STEP④

「リンクを挿入する」をクリックすると、エディタに戻り完成です！

なおリンクを埋め込みしても、エディタ上の見た目は変わりません。

またプレビューページでチェックしても、リンクにはまだ飛べない状態です。

記事公開後に画像をクリックして、予定通りのページに飛べるか必ず確認しておきましょう！

あめっくま

ここまでが基本の貼り方です。さらに収益を上げるための活用方法を、記事後半でチェックしましょう！

補足（画像の調整）

なおエディタ上で画像をクリックすると、下記のように調整ボックスが表示されますよね。

画像のサイズ調整・画像の中央寄せ・代替テキストを設定できます。

下記のように画像を中央寄せしておけば、PCで読む読者も見やすいですね。

なお、アメブロの画像に代替テキストを入れるのは大事なので忘れずに！

 基本を忘れずに！

【重要】アメブロの画像での代替テキストの書き方と効果

アメブロ記事に載せる画像に代替テキスト（alt属性）を載せる方法を解説します。画像で分かりやすくするのは大事ですが、代替テキストを入れていないと、画像が見れない時に内容が伝わりません。仕組みや効果的な活用法を解説します。

nk-media.org

【サイドバー版】画像リンク・バナーを設置

アメブロのサイドバーに画像リンクやバナーを入れる時は、フリースペースを使います。

（既にフリースペースを使用している人は、追記すればOK）

詳しい方法は、下記をクリックして確認して下さい。　　

サイドバーでの挿入方法はこちら

STEP①

アメブロの設定画面から、右下にある「フリースペース編集」をクリックします。

 

下記のようにフリースペースの編集画面が表示されるので、ここに画像リンクのHTMLコードを貼り付けるのですが・・・

HTMLコードが分からなくてもOKな方法を紹介します！

STEP②

仮の記事に画像リンク・バナーを設置して・フリースペースにコピペすると、サイドバーにも簡単に設置できます。

まずは仮の新しい記事を作成して下さい。（エディタを使うだけなので、記事自体は作りません）

 

そうするといつも通り記事作成エディタが開きますよね。

PCで記事に画像リンクを貼る方法で、下記のようにエディタに画像リンク・バナーを設置した状態にします。（URLは挿入済）

 

この状態で、エディタ左下の「HTML表示」をクリックします。

なお、画像サイズ・中央表示・代替テキストも全て設定済の状態にしておくのがおすすめです。

【補足】
サイドバーに設置するバナーは、2カラムの場合には横幅300ピクセルがおすすめです。（デザインが新CSSの場合）

下記のように画像をクリックして、サイズ調整しておきましょう。

 

すると下記のように、画像リンク・バナーのHTMLコードが表示されるのでコピーします。

 

くますけ

これならHTMLコードが分からなくても大丈夫だね！

STEP③

コピーしたHTMLコードを、フリースペースの好きな位置に貼り付けて下さい。

 

保存をクリックしましょう。

これで画像リンク・バナー自体は作成できました。後はフリースペースをサイドバーに表示するだけです。

【補足】
既にフリースペースに他のコードを使っている人は、バナーを設置したい場所に貼り付けて下さい。

STEP④

【補足】
STEP④は初めてフリースペースを使う人向けの作業で、既に利用中の人は不要です。（STEP③で表示されます）

 

最後にフリースペースを画面上に表示させる作業を行います。

下記のように再度設定に戻って、右下の「配置設定」をクリックして下さい。

 

下記のようにフリースペースを左側の「使用しない機能」から、右側の「使用する機能」へ移動させます。

 

今回は下記のように、一番上に配置しました。（配置順はお好みでOK）

サイドバーで「フリースペース」⇒「テーマ一覧」⇒「最近の記事一覧」の順に表示されるということですね。

 

順番を決めたら、「保存」をクリックして下さい。

これで完成！

PCで記事を見てサイドバーに表示されているか、確認しておきましょう。

 

あめっくま

実際にクリックしてチェックして下さいね。

補足

下記のようにフリースペースには、バナーを含め複数のコードを貼り付け可能です。

実際に当アメブロメーカーのアメブロ版では、バナーなどを複数貼り付けた見本を確認できます。（PCのみ）

 

ちなみにコードの間に空白行を「エンターキー」で作ると、実際のサイドバーでも余白ができます。

少し余白を入れておいた方が、見やすいサイドバーとなりますね。

 

あめっくま

ピッタリくっつくと、分かりづらく・クリックしにくいので注意しましょう！

【スマホ・アプリ版】画像リンク・バナーを設置

iPhoneなどでスマホアプリを利用する場合でも、画像や写真のリンク・バナーの設置は可能です。

ただしスマホでの貼り方は超面倒！PCでの貼り付けを推奨します・・・

必要な方は、下記をクリックして確認して下さい。

スマホでの挿入方法はこちら

なお下記記事の、「スマホでリンクを簡単に貼り付ける方法」を知っていると楽チンです。

 スマホでも簡単にできる！

【アメブロのスマホ・アプリでのリンク】簡単な貼り方とNGな方法

アメブロのリンクのスマホ・アプリでの貼り方と、URLの簡単な貼り付け方を解説します。アメブロのアプリ（iPone・アンドロイド）でもリンクを貼ることで収益UPが可能です。

nk-media.org

 

STEP①

スマホアプリでは基本的に画像やバナーにリンクを貼れないので、まずは「仮のテキストリンク」を用意します。

画像リンクを貼り付ける場所で、下記のように仮のテキストリンクを作成して下さい。

テキストは消すので適当でOK。

URLは画像をクリックした時に飛ぶ先のページを、間違えずに入力しましょう。

 

なお「アメブロのスマホアプリで自分のブログURLを確認・取得する方法」は、下記記事で紹介しています。

スマホで使える意外な時短テクニックも紹介しているので、確認して下さいね。

 時短アイデア・注意点あり！

アメブロで自分のブログのURL確認方法をPC・スマホ別に解説！

この記事ではアメブロで自分のブログ記事のURL確認・取得方法をPC・スマホ・アプリそれぞれで紹介します。トップページ・テーマページ・プロフィールページ・予約投稿（未来記事）に加えて、他人のブログ記事のURLの調べ方も解説しています。

nk-media.org

 

リンクを挿入すると、下記のようにリンクカードが出るページもあります。今回は使わないので、削除して下さい。

リンクカードの次の行をクリックして、削除すればOK。

STEP②

続いて画像・バナーを挿入します。

下記のように仮のテキストリンクの直後をクリックした状態で、画像マークを選択して下さい。

 

スマホの画像一覧が表示されるので、利用する画像・バナーを選びます。

 

すると下記のように、仮のリンクの後に画像・バナーが挿入できました。

この状態で右上の「入力完了」をクリックします。

STEP③

下記の画面に戻るので、左下の「HTML編集」をクリックして下さい。

HTMLコードが表示されます。

 

ここで大事なのはリンクを表す「<a>～</a>タグ」の間に、画像を表す「<img>タグ」を入れること。

そこで下記のように、「仮のリンク</a>」の部分を削除して・「<img>タグ」の直後に「</a>」を記入します。

【補足】
</a>は全て半角で記入して下さい。

 

下記のように「<a>～</a>タグ」の中に「<img>タグ」が入っていればOK。

完了をクリックして下さい。

STEP④

すると下記のように、仮のテキストリンクが消えて画像・バナーが残ります。

これで完成です。（プレビューやエディタ上では画像をクリックしても飛べません）

 

いつも通り記事を完成させて、記事を投稿しましょう。

記事完成後は実際に画像リンク・バナーをクリックして、予定したURLに飛べるか確認して下さいね。

補足

記事完成後に画像をクリックしてもリンクが飛ばず、画像が拡大される場合があります。

その場合は、再度記事を編集しなおします。

 

下記のように「HTML編集」に戻ると、余計なタグが入っているのが確認できます。

（アメブロの仕様で勝手に入れられる・・・）

画像拡大用の「<a>タグ」が入っているので、赤い部分を削除しましょう。

完了をクリックして、記事を投稿しなおせば今度はクリックで飛べるはずです。

 

あめっくま

画像リンクはPCで入れる方が明らかに楽ですね・・・

画像リンク・バナーを簡単に貼り付ける方法

毎回の記事で、画像リンク・バナーを貼り付けするのは面倒ですよね。

1度作成した画像リンク・バナーなら、2回目以降はコピペで簡単に貼り付けできます。

そこで、下記2つの方法を紹介しますね。

あめっくま

お好きな方を選んで下さいね。

過去記事の画像リンク・バナーをコピー

下記のように、過去に画像リンク・バナーを使った記事のエディタ画面を表示しておきます。

画像の前後の行を含めてマウスで選択して、キーボードの「CTRLを押しながらCキー」を押してコピーして下さい。

右クリックのコピーではできない可能性があるので、注意しましょう。

続いて新しく作成する記事のエディタを開きます。

貼り付け位置をクリックして、キーボードの「CTRLを押しながらVキー」を押して貼り付けて下さい。

すると下記のように、新しい記事に画像リンク・バナーをコピペできました。

念のため画像を選択した状態でリンクマークをクリックすると、

下記のようにリンクが無事に反映していました。

さらにエディタ上で画像をクリックしてみると、

画像サイズと代替テキストは反映されていますね。

中央寄せだけはなぜか反映されなかったので、修正しておきましょう・・・

画像リンクやバナー以外でも、過去記事のエディタ上からコピーできます。

意外と使える小技ですね。

あめっくま

「CTRL＋C」でコピー・「CTRL＋V」で貼り付けも知っておくと、記事作成が楽チンですよ。

過去記事の複製を使う方法

画像リンクやバナーを含めて、記事をまるごと複製する機能です。

過去に作った記事を複製して、新記事で使う部分だけを残すということですね。

イメージは下記のとおり。

記事下定型文などで毎回同じバナーを使うなら、複製機能を使い・過去記事のいらない部分を新しい内容に書き換えればOK！

バナー以外に「関連記事の内部リンク」や「ボタン」なども設置していると、まとめて複製できるので楽チンですね。

まとまった部分を新しい記事でも使う場合に、便利な機能です。

アメブロの記事複製の仕方と注意点は、下記の記事で解説しています。

 記事作成効率がUP！

【アメブロの記事複製・コピー】パソコン・スマホ両方OKなスゴ技！

アメブロの記事複製・コピーの方法について解説します。複製機能を使うと、過去記事をすぐにコピーして新記事を作成できます。一部分を繰り返し使う場合に便利！パソコン・スマホアプリのどちらでも利用可能ですよ。

nk-media.org

くますけ

一度作った定型文は、複製機能でコピペしていけばいいんだね。

あめっくま

記事を書く時に複製して、必要ない部分を新しく書き換えると楽だよ。

アメブロ向けのバナーデザインの作り方

アメブロでクリック率の上がるバナーを設置すれば、売上UPが見込めますよね。

最適なバナーサイズ・作成方法などを確認しましょう。

バナーのサイズを決める

自作・外注のどちらを選ぶ場合でも、バナーのサイズだけは事前に決めておく必要があります。

おすすめは300×250（ピクセル）

特によく使われるサイズが「300×250（ピクセル）」です。

PC・スマホのどちらで見る読者にも目立たせることができます。

ちょうど下記のサイズですね。PCで中央配置にしておくと目立ちます。

さらにスマホでは下記のように横幅いっぱいに表示されます。

PCの２カラム表示のサイドバーにもピッタリサイズとなるので、汎用性も高いですね。

あめっくま

300×250がよく使われていますよ

複数並べるなら300×100（ピクセル）程度もOK

サイドバーや記事下に「300×100ピクセル」程度で複数並べる場合もあります。

小さいサイズなので中身をあまり書けず、アピール力には欠けます。

ですが複数並べやすいので、サイドバーや記事下に3個以上並べる時に便利です。

あめっくま

「300×250」よりクリック率が下がりやすい点に注意しましょう。

バナーの作成方法

バナーの作成方法はたくさんあります。

自作なら「Canva」、外注なら「ココナラ」を活用するのがおすすめです。

自作の場合

バナーを自作する時に、デザインをイチから考えると時間がかかりますよね。

そこで下記のサイトで、イメージに近いものを見つけるのがおすすめ。

• Banner Matome
• retrobanner

あめっくま

参考になるバナーデザインの宝庫です。

自作する時に使う画像ソフトは、「Canva」「Googleスライド」「PhotoScape」などの無料ソフトでもOK。

特に「Canva」は豊富なテンプレートと操作の簡単さで人気です。ダウンロードも不要。　

例えばブログ用のバナーをCanvaで検索すると、下記のように多くの画像リンクに使える素材を選べます。

デザインを選んだら、テキストの文言などを変更するだけ。

オリジナルのバナーを作成可能ですね。

Canvaのアカウント作成（無料）はこちらからどうぞ。

＼ 無料プランでも超使える ／

Canvaでアカウントを作成

あめっくま

Canvaはブロガーの必須アイテムですね。

外注の場合

プロのデザイナーに、クリック率の高いバナーを依頼するのもおすすめです。

特にスキルマーケットの「ココナラ」を利用すると、格安であなたのブログに合ったバナーを作成してくれます。

ココナラでバナーを検索すると、下記のように一覧で表示されます。

多くのデザイナーがいるので、イメージに合った作家を選べますね。

ちなみにバナーの製作費は1,000円～8,000円と様々。予算に応じて決めましょう。

ヒアリングで最適なバナーを提示してくれる、スゴ腕のデザイナーさんもいますよ！

サクッと依頼できて記事作成に集中できるので、活用している人も多いですよね。

＼ 割引クーポンあり！ ／

ココナラでバナーデザインを探す
（会員登録は無料）

あめっくま

依頼する時は、サイズ・文言・利用目的・参考デザインを伝えるとスムーズですよ。

画像リンクのテクニック・注意点

ここからがこの記事の本題。

画像リンクやバナーで、「お申し込みフォーム」や「収益記事」に読者を誘導するのが目的ですよね。

あめっくま

ですが素敵なバナーでも、貼り方を間違えると効果が出ません・・・

大事なのは、読者にクリックしてもらえる貼り方！

実は少し工夫するだけで、クリック率がUPします。つまり収益に直結するということ。

注意点・テクニックをまとめたので、あなたのアメブロにも応用して下さいね。

くますけ

クリックされることに意味があるよね！

サイドバーだけに貼るのはNG

アメブロのサイドバーだけにバナーを貼っても、実はほとんどの人に見られません・・・

理由はスマホやアプリで記事を見る人には、サイドバーが表示されないため。

あめっくま

例えばスマホからの読者が8～9割のブログでは、効果がとても低いですよね。

スマホからの読者に「バナー」を見せるには、アメブロでは記事本文に設置するしか方法はありません。

スマホで見る読者向けの対応が大事ですね。

あめっくま

記事はPCで書くけど、読者は主にスマホで見るということですね。

記事内の場所が大事

画像リンクやバナーで宣伝する時に、最も大事なのは記事内の貼る位置！

記事下に置く人は多いですが、それだけではアピール不足になりやすいです・・・

「導入文直後」「記事本文の途中（見出しで区切った部分）」にも配置しておくのがおすすめ！

記事本文を読んでもらいながら、しっかりアピールもするということですね。

実際に下記のアメブロ版記事が、設置の参考になるのでチェックして下さいね。

『アメブロのアクセスアップ・集客10のコツ！アクセス数を増やす方法を全部公開』

注目【人気】アメブロ収益UPセミナーはこちら⇒  この記事では、アメブロのアクセス数を増やす方法を解説します。  アメブ...

ameblo.jp

『【アメブロのリンクの貼り方】収益UPできるリンク活用法・NGな使い方』

この記事ではアメブロのリンクの貼り方について、「基本の貼り方」～「活用方法」まで詳しく解説します。 リンクはアメブロの集...

ameblo.jp

あめっくま

「導入文直後」「記事途中」「記事下」「サイドバー」の4か所が候補ですね。

NGな配置もあり

バナーなど宣伝の位置で、ここだけはダメという場所があります。

それは記事タイトルの直後に置くこと。

読者は記事を読みに来たのに、いきなり宣伝を見させられる状態ですね。

洋服を買いにお店に入ったら、商品を見る前に店員に強引に声をかけられるのと同じ。

即離脱する人が増え、宣伝色が強い記事と警戒されるので明らかに逆効果・・・

読者の気持ちを無視してアピールしても、効果はありません。

自己紹介程度ならOKですが、記事冒頭に宣伝を置くのはやめましょう！

くますけ

記事を読む気がなくなっちゃうよね・・・

あめっくま

宣伝したいなら、まずは記事を読んでもらわないとね・・・

テキストリンクとセットで配置

バナーは目立つのですが、クリックしない人も一部います。

リンクだと気がつかない・広告だと警戒するなど理由は様々。

そこでテキストリンクと併用することで、クリック率を伸ばすことができます。

例えば下記のように、バナーの下にテキストリンクを配置すれば2重にアピールできますね。

アメブロで資産記事を作る方法はこちら ⇒

あめっくま

テキストリンクならクリックするという人もいるので、併用がおすすめです。

マイクロコピーを用意

クリック率がグーンと上がりやすいのが、バナーの上にマイクロコピーを用意する方法です。

当ブログのバナーでも、下記のようにアピールしていますよね。

＼ アメブロたった20記事で5万PVの手法 ／

アメブロで資産記事を作る方法はこちら ⇒

「無料」「限定」「実績」「効果」「簡単」など、クリックするメリットを一言添えておくのがポイントです。

「アメブロたった20記事で5万PVの手法」なら、実績や効果をアピールしていますよね。

クリックした先の未来を提示して、読者がクリックしたくなるよう仕向けましょう！

下記の見本をコピペして使って下さいね。

バナーの上の行に、上記を貼り付け ⇒ 中身書き換え ⇒ 中央寄せにして使って下さい。

マイクロコピーが魅力的であれば、クリック率を2倍以上にすることも可能です。

ブログを始めたばかりの初心者さんも、下記の書籍で学ぶ人が多いですよね。

Webコピーライティングの新常識 ザ・マイクロコピー

秀和システム

Amazonの商品レビュー・口コミを見る

Amazon

楽天

Yahoo!ショッピング

キャッシュ削除

具体例を紹介しているので、とても参考になりますよ。

くますけ

クリック率を上げることが大事なんだね！

あめっくま

思わずクリックしたくなるマイクロコピーを作成しよう！

この記事では「アメブロのリンク」について、基本～収益UPにつながる応用テクニックを解説します。

リンクは早く上達したい、重要な技術です。

理由は下記の2つ。

アメブロで記事同士をリンクでつなぐと、読者がブログ内を回遊でき・アクセスが増えますよね。（内部リンク）

1つのアクセスを2倍・3倍にできるということですね。アクセスが増えれば、もちろんランキングもUP！

アメブロでアクセスを伸ばす方法の１つでもあります。

 アクセスUP手法を全部紹介！

【アメブロのアクセスアップ】アクセス数を増やす方法・優先順位・NG例

アメブロのアクセス数を増やす方法について具体的に何をすればいいのか、2021年最新の優先順位と合わせて解説します。アメブロのアクセスアップに逆効果なNG記事・運営手法も同時に紹介しています。アメブロのPV数が増えない人は要チェックです！

nk-media.org

また複数の記事を読む読者は、ブログに興味が出ている状態ですよね。

フォロワーになる確率が高く、「AmebaPick」や「提供サービスへの申し込み」にもつながりやすいです。

さらにビジネスブログで売り上げを伸ばすなら・・・

「メニュー紹介ページ」や「申込フォーム」へ誘導するために、リンクのクリック率を上げる技術は必須！

あめっくま

アメブロで稼げる人は、リンクの貼り方が上手です。

ただしリンクにはNGな使い方があり、入れ方や書き方を間違えて逆効果になる人も多いです・・・

自己流ではなく、正しい知識で使うことが重要ですね。

くますけ

リンクを単に貼るだけではダメなんだね！

そこでこの記事では、リンクの仕方について以下の3点を学べます。

当ブログの「アメブロ版」でもこの記事の手法を使い、短期間で毎月数万PVに成長しています。

（実際にアメブロでリンクを活用している記事はこちら）

リンクの貼り方を工夫すると、早い段階でアクセス・収益UPする人も多いです。

リンクのやり方に加えて、ブログを成長させる方法を学びましょう。

なお「アメブロのスマホアプリでリンクを簡単に貼る方法」は下記で解説しています。

スピードUP方法も紹介中なので、スマホで記事を書く人はこの記事と合わせて確認して下さいね。

 スマホでも超簡単！

【アメブロのスマホ・アプリでのリンク】簡単な貼り方とNGな方法

アメブロのリンクのスマホ・アプリでの貼り方と、URLの簡単な貼り付け方を解説します。アメブロのアプリ（iPone・アンドロイド）でもリンクを貼ることで収益UPが可能です。

nk-media.org

【アメブロのリンク】基本的な貼り方

アメブロでのリンクの基本の貼り付け方を確認しましょう。

ちなみにここで紹介するリンクは、下記のようなテキストリンクです。

アメブロのアクセスアップ方法はこちら

くますけ

よく見る青文字に下線のリンクだね！

あめっくま

誰でもリンクと分かる基本のリンクだよ。

なおアメブロで使えるリンクには、下記の5種類があります。

あめっくま

この記事では、主にテキストリンクについて解説します。

テキストリンク以外の貼り方や活用方法は、下記の記事で確認して下さいね。

 クリック率UPの手法も紹介！

アメブロのリンクカードの貼り方とクリック率と収益UPのテクニック

アメブロのリンクカードの貼り方・貼れない時の対処法などの基礎から、クリック率・収益がUPするリンクカードのテクニックも紹介します。リンクカードは設置するだけではクリック率は上がりません。思わずクリックしたくなる貼り方を全部紹介します！

nk-media.org

 意外な効果アリ！

【詳しさNo1】アメブロのリブログの仕方と効果で収益UP！

この記事ではアメブロのリブログのやり方・効果や注意点について解説します。リブログは簡単に記事を紹介できる機能ですが、意外なメリットもあります。使い方次第で高い効果を生み出すので、詳しく解説します。

nk-media.org

 バナーで収益UPする方法あり！

【アメブロの画像リンク・バナーの貼り方】作り方と収益UPの方法

この記事ではアメブロ向けの画像リンクやバナーの貼り方・作成手順・クリック率や収益がUPする方法を解説します。PCの記事本文・サイドバー・スマホで方法が異なるので、全手法を解説！画像リンクやバナーで収益UPする貼り方をマスターしましょう。

nk-media.org

 お客様からの申し込みが増える！

素材数No1！アメブロ用の申し込みボタンをコピペで簡単作成

この記事ではアメブロで使えるボタンリンクの素材を紹介します。コピペで簡単に設置できます。HTML・CSSなどのカスタマイズ知識は不要！かわいいボタン・おしゃれなボタン・電話ボタン・お問い合わせボタンなど、あなたのアメブロ記事でもすぐ作成できますよ。

nk-media.org

リンクの貼り方の基本手順（URLの貼り付け）

アメブロのテキストリンクは下記の4段階で、サクッと埋め込みできます。

実際の付け方を確認してみましょう。

当ブログの「アメブロ版」にある下記記事へのリンクを挿入してみますね。

『アメブロのアクセスアップ・集客10のコツ！アクセス数を増やす方法を全部公開』

注目【人気】アメブロ収益UPセミナーはこちら⇒  この記事では、アメブロのアクセス数を増やす方法を解説します。  アメブ...

ameblo.jp

手順①

アメブロの投稿エディタで、まずはリンクの中身の文字（テキスト）を書きます。

次に下記のようにリンクの文章を選択した状態で、「リンクマーク」をクリックして下さい。

手順②

すると、下記のようにリンク挿入用の設定ボックスが出てきます。

URLを貼り付けるので、事前にコピーしておきましょう。

なお「アメブロで自分のブログURLを簡単に確認・取得する方法」は、下記記事で紹介しています。

意外な時短テクニックも紹介しているので、チェックして下さいね。

 時短アイデア・注意点あり！

アメブロで自分のブログのURL確認方法をPC・スマホ別に解説！

この記事ではアメブロで自分のブログ記事のURL確認・取得方法をPC・スマホ・アプリそれぞれで紹介します。トップページ・テーマページ・プロフィールページ・予約投稿（未来記事）に加えて、他人のブログ記事のURLの調べ方も解説しています。

nk-media.org

手順③

コピーしたURLを下記のように貼り付けます。

この時、リンクのテキストを変更することも可能です。

最後に「リンクを挿入する」をクリックして下さい。

手順④

テキストがリンクに変わったのが分かりますね。

これで自分のブログ記事同士をリンクでつないで、読者がブログ内を巡回できるようになります。

ちなみにプレビューでは、リンクにカーソルを合わせても指マークにならず・クリックもできません。

記事公開後に実際にクリックして、作成したリンクが正しく飛ぶか確認しましょう。

くますけ

アメブロのリンクは簡単に貼れるんだね！

あめっくま

ここまでが最低限の基本だよ。記事後半でリンクの注意点と収益UPの具体的な方法を紹介するね。

貼り付けできるURLは？

あなたのアメブロの下記URLを貼り付けできます。

また自分のアメブロ以外、つまり外部記事のリンクを貼ることもできます。（下記は一例）

アメブロ以外に上記のような外部サイトを用意する場合も多いですよね。

記事にリンクを載せて、集客・売上UPにつなげましょう。

もちろん他人のブログやホームページで参考になる記事があれば、リンクを貼って共有するのもOK。

読者にも優しいですね。他のブログでも、リンクの許可を得る必要はありませんよ。

あめっくま

URLがあるページなら、ほぼ全てリンクを貼ることができます。

リンクを削除する場合は？

アメブロのリンクを消す・削除したい場合も簡単です。

下記のように、エディタ上で「リンクの部分をクリック」⇒「削除をクリック」でOK

下記のようにリンクが削除され、通常のテキストに戻ります。

あめっくま

変更をクリックすると、テキストやURLの変更も可能です。

リンクを簡単に貼り付ける方法

毎回の記事で、リンクを貼り付けするのは少し面倒ですよね。

1度作成したリンクと同じなら、2回目以降はコピペで簡単に貼り付けできます。

下記の2つの方法を紹介しますね。

あめっくま

お好きな方を選んで下さいね。

過去記事のリンクをコピー

下記のように、過去にリンクを使った記事のエディタ画面を表示しておきます。

下記のようにリンクを選択した状態で、「右クリック⇒コピー」をしましょう。（CTR+Cが楽チン）

新しく作成する記事のエディタを開き、貼り付けたい場所で「右クリック⇒貼り付け」をして下さい。（CTR＋Vが楽チン）

するとリンクが反映された状態で、貼り付けできます。

過去に作ったリンクを活用すれば、サクッと作れますね。

あめっくま

過去記事のエディタを開きながら作成すると簡単ですね。

記事の複製機能を使う

リンクだけではなく、記事をまるごと複製する機能です。

過去に作った記事を複製して、新記事で使う部分だけを残すということですね。

イメージは下記のとおり。

例えば記事下定型文などの「リンク」「囲み枠」「ボタン」などで作った部分を、毎回作るのは面倒ですよね。

複製機能を使い、過去記事のいらない部分を新しい内容に書き換えればOK！

まとまった部分を新しい記事でも使う時に、便利な機能ですね。

アメブロの記事複製の仕方と注意点は、下記の記事で解説しています。

 記事作成効率がUP！

【アメブロの記事複製・コピー】パソコン・スマホ両方OKなスゴ技！

アメブロの記事複製・コピーの方法について解説します。複製機能を使うと、過去記事をすぐにコピーして新記事を作成できます。一部分を繰り返し使う場合に便利！パソコン・スマホアプリのどちらでも利用可能ですよ。

nk-media.org

くますけ

リンクが入った定型文は、複製機能でコピペしていけばいいんだね。

あめっくま

記事を書く時に複製して、必要ない部分を新しく書き換えると楽だよ。

リンクを貼れない・飛ばない原因

「リンクを貼れない」「リンクを貼り付けても飛ばない」など、リンクのエラーが起こる場合もあります。

主に下記の2つの原因が考えられます。

①はアメブロ以外の記事からコピペする時に、アメブロで使えない禁止タグが入る場合があります。

リンクができないのではなく、コピーした時に入るタグが原因ということですね。

コピペではなく、最初の基本方法で作成しましょう。

②のリンクが飛ばない場合は、URL間違いの可能性があります。

アメブロに貼り付けたリンクをクリックしても、「表示されない」「記事がない」「情報は見つかりません」などの表示が出ます。

URLは長いのでコピペ推奨です。

あめっくま

ここまでは最低限の基本です。次はリンクのNG手法を解説しますね。

アメブロのリンク埋め込み時の注意点

続いてリンクの注意点や、やってしまいがちなNG手法を解説します。

上記の使い方では、集客・売上の効果が出にくい状態となります。

くますけ

間違えると悪影響が出てしまうんだね。

あめっくま

集客・収益が下がる可能性があるから注意しよう。

リンクは青色が定番

リンクは青色が多く使われていますよね。

例えば「Yahoo! Japan」のTOPページも、下記のようにリンクが青色で統一されています。

青色は読者も見慣れているので、パっと見でリンクだと気がつきますね。

リンクはクリックしてもらうことに意味があります。

デザイン重視でリンクをピンク色などにして、クリック率を下げるのはやめましょう。

あめっくま

リンクの色を変更をしている人は、注意して下さいね。

プロフィールページのURLに注意

プロフィールページへのリンク先URLを、下記のように間違える人が多いので注意しましょう。

最後が「/me」になっていると間違いです。

プロフィールを見てもらえない載せ方なので、絶対にやめておきましょう。

あめっくま

初心者さんによくある間違いですね。

リンクにアンダーラインを引いていない

アメブロではリンクに下線があると、クリック率が上がりやすいです。

理由はアプリやスマホで記事を読む読者が、ハッキリとリンクだと分かるため。

アメブロの記事をPCで見ると、色が濃いので下線なしでもリンクと分かりやすいです。

ところが、アプリやスマホで記事を見るとリンクの色がうすいです。下線がないと、リンクだと分からない読者が出やすいですね。

スマホで記事を見る場合は、そのままではリンクに下線が引かれません。

PCだけではなく、アプリやスマホでもリンクに下線が表示される方法を使うのがおすすめです。

 アプリでも表示してる？

アメブロのリンクの下線・アンダーラインを引く・消す方法（アプリ表示も可）

この記事ではアメブロでのリンクの下線・アンダーラインを引く方法と消す方法を解説します。特にアプリやスマホ画面では下線がつかないので、リンクだと分かりにくいです。クリック率を上げるためにPC・アプリの両方で下線を引いておくことが重要です。

nk-media.org

あめっくま

少しでもクリック率を上げる工夫ですね。

収益UPにつながるアメブロのリンク活用方法10個

リンクは使い方次第で、アクセスと売上UPに直結します。

特にクリック率が上がるリンクの使い方を知っておくと、早期に改善できますよね。

あめっくま

この先の内容は、事前に「アメブロアクセスアップ方法」の記事を読んでいると分かりやすいです。

 アクセスUP手法を全部公開！

【アメブロのアクセスアップ】アクセス数を増やす方法・優先順位・NG例

アメブロのアクセス数を増やす方法について具体的に何をすればいいのか、2021年最新の優先順位と合わせて解説します。アメブロのアクセスアップに逆効果なNG記事・運営手法も同時に紹介しています。アメブロのPV数が増えない人は要チェックです！

nk-media.org

リンクカードとのダブル配置

アメブロでは下記のような、画像サムネイルつきの「リンクカード」がよく使われます。

【アメブロのリンクの貼り方】収益UPできるリンク活用法・NGな使い方  この記事ではアメブロのリンクの貼り方について、「基本の貼り方」～「活用方法」まで詳しく解説します。 リンクはアメブロの集客・売上を簡単に伸ばせる手法ですよ…ameblo.jp

文字だけのテキストリンクより目立ちますよね。

そこで下記のように、文字リンクとリンクカードを併用するとクリック率を伸ばしやすいです。

確実にリンクと分かるテキストリンクと、目立つリンクカードの両方でアピールできますね。

なお「アメブロでのリンクカードの貼り方・クリック率UPの手法」は、下記記事で解説しています。

 クリック率UPの手法も紹介！

アメブロのリンクカードの貼り方とクリック率と収益UPのテクニック

アメブロのリンクカードの貼り方・貼れない時の対処法などの基礎から、クリック率・収益がUPするリンクカードのテクニックも紹介します。リンクカードは設置するだけではクリック率は上がりません。思わずクリックしたくなる貼り方を全部紹介します！

nk-media.org

あめっくま

両方を置いて、強くアピールするのもおすすめです。

画像リンク・バナーリンクは収益UPに必須

アメブロに画像リンクやバナーを使うと、収益UPにつながりやすいです。

当ブログのアメブロ版サイトでも、下記のようなバナーリンクを設置しています。

＼ アメブロたった20記事で5万PVの手法 ／

アメブロで資産記事を作る方法はこちら ⇒

＼ ついに登場！アメトピ攻略法 ／

アメトピ採用率UPのテクニックはこちら ⇒

かなり目立ち・読者へのアピール力があるので、クリックされやすいリンクです。

導入文直後・記事の途中・記事の最後・サイドバーなど、クリック率の高い場所に設置しましょう。（記事冒頭はNG）

画像リンクやバナーの設置場所や貼り方を工夫すると、収益を大幅に増やすことも可能です。

詳しくは、「アメブロでの画像リンク・バナーの貼り方」の記事で解説しています。

 バナーで収益UPする手法あり！

【アメブロの画像リンク・バナーの貼り方】作り方と収益UPの方法

この記事ではアメブロ向けの画像リンクやバナーの貼り方・作成手順・クリック率や収益がUPする方法を解説します。PCの記事本文・サイドバー・スマホで方法が異なるので、全手法を解説！画像リンクやバナーで収益UPする貼り方をマスターしましょう。

nk-media.org

あめっくま

ビジネスブログなら、バナーを活用して収益UPしましょう！

リンクの文章にキーワードを入れる

例えば「おひつじ座　運勢」についての記事へリンクを貼る場合

一番上のように、「おひつじ座　運勢」のキーワードをリンクに含むと検索エンジンからの集客も期待できます。

リンクの文字（テキスト）のことを「アンカーテキスト」といいます。

アンカーテキストに記事のタイトルやキーワードを入れるのは、ブログの基本です。

これにより検索エンジンに記事内容が伝わる（SEO）ので、アクセス数が増えやすくなる仕組み。

「こちら」「★」のようなリンクの貼り方では、アクセスが増えにくいのでやめておきましょう。

あめっくま

アンカーテキストに狙ったキーワードを入れるのは、ブログの基本テクニックです。

記事本文の関連する部分に配置

リンクを記事下定型文などに配置することは大事ですが、それだけではクリック率は上がりません。

理由は並べているだけでは、読者の興味が上がらないため。

そこで記事の中の解説した部分から直接リンクを貼りましょう！一気にクリック率が上がります。

解説された部分にリンクを貼るということ。

読んでいる内容に関連したリンクが貼られていると、クリック率が高くなります。

最も興味が出ている瞬間だからですね。

実際にこの記事の中でも、記事本文中の多くの場所でリンクが貼られていますよね。

記事下定型文の内部リンクと合わせて、本文中にもリンクを散りばめましょう！

あめっくま

過去記事へリンクを貼れるかどうか、記事作成時に検討するのが基本です。

囲み枠の中にリンクを入れる

アメブロで「囲み枠」を使うと記事が読みやすくなり、読者に理解を深めてもらうことが可能ですよね。

例えば下記のように、囲み枠にリンクを入れることも可能です。

リンクが目立つので、読者のクリック率が高くなります。

下記記事でアメブロの囲み枠素材や活用方法を紹介しているので、チェックして下さいね。

 かわいい素材も豊富！

【素材数No.1】アメブロ用の囲み枠・ボックス厳選300種

この記事ではアメブロ用の囲み枠・ボックス・フレーム枠のデザインを提供しています。素材は約300種類（色も選べる）・コピーして貼り付けるだけ（HTML・CSSの知識不要）シンプル・かわいい・かっこいいな囲み枠を用意しています。囲み枠を使っておしゃれなブログにしましょう。

nk-media.org

あめっくま

囲み枠＋リンクは、よく見る手法ですね。

吹き出しの中にリンクを入れる

最近では当アメブロメーカーが作成した、下記の「アメブロ用の吹き出し」を使う人も増えてきました。

読者がじっくりと読む・覚えてもらいやすい効果がある、人気のカスタマイズです。

下記のように、吹き出しの中にリンクを使うとクリック率が高くなりやすいです。

あめっくま

アメブロの「リンク活用法」と「アクセスアップ手法」を組み合わせると、最短で収益UPが可能です。

アメブロで吹き出しを使う人が増えてきているので、乗り遅れないようにしたいですね。

 利用者急増中！

【コピペOK】アメブロ用の吹き出し素材42選（画像アイコン付き・会話風）

この記事ではアメブロで簡単に使える「アイコン画像つき吹き出し」を全42種類紹介します。吹き出しデザインと色を選んだら、コードが表示されるのでコピーしてアメブロに貼り付けるだけ。簡単にブログがおしゃれに生まれ変わりますね。

nk-media.org

あめっくま

アメブロで吹き出しを使うと、効果がかなり高いですよ。

ボタンリンクで申込者数UPを狙う

下記のような、お申し込みボタンですね。こちらもリンクの一種です。

お申し込みはこちら

テキストリンクより目立ち、ボタンは読者のクリック率がかなり高いです。

お客様の申し込み数UPには欠かせませんね。

下記の記事で「アメブロのボタン素材」を紹介しているので、早めに導入しておきましょう。

 お客様からの申し込みが増える！

素材数No1！アメブロ用の申し込みボタンをコピペで簡単作成

この記事ではアメブロで使えるボタンリンクの素材を紹介します。コピペで簡単に設置できます。HTML・CSSなどのカスタマイズ知識は不要！かわいいボタン・おしゃれなボタン・電話ボタン・お問い合わせボタンなど、あなたのアメブロ記事でもすぐ作成できますよ。

nk-media.org

あめっくま

特にビジネスブログなら、ボタンの設置は基本です。

記事下定型文にリンクを貼る

記事下の定型文に、リンクを入れるのはよく見る手法ですね。

大事なのは、下記の2つを両方入れること。

収益で苦戦するブログでは、①の「収益UP用のリンク」だけを置く場合が多いです・・・

他にも「LINE＠ボタン」だけを設置している残念な人も、結構見かけます。

自分の過去記事への誘導ができていない状態ですね。

あめっくま

過去記事への内部リンクも置くと、集客と売上の両方がUPします。

1記事だけ読んで、申し込みする人は極めて少ないです。

複数の記事を読んでもらい、信頼してもらうことが大事。

「フォロワーになる・ブックマークする」といった行動に移る確率も上がります。

将来の売り上げにつながる読者を作るために、内部リンクをしっかり設置しましょう！

あめっくま

記事下定型文の内部リンクは、こちらの「かわいい囲み枠」の記事が参考になりますよ。

電話番号リンクも便利

お店など「電話受け付け」をしている場合には、下記のような電話番号リンクが便利。

お電話はこちら
00-0000-0000

スマホで見ている読者が、タップするだけで電話できるボタンですね。

PCで見ている読者に、電話番号を伝える役割もあります。

アメブロの電話番号リンクの設置方法は、下記の記事で確認して下さいね。

 電話受付がUPする！

【簡単】ブログやアメブロに電話番号リンクを貼り付ける方法

アメブロに電話番号リンクの貼り付け方と、読者が電話をかけやすくなる方法を解説します。ビジネスで電話受付する場合は、スマホタップで電話をかけられる電話番号リンクは必須。電話番号を書いてあるだけなら、今すぐ導入しましょう。

nk-media.org

あめっくま

電話受付をしている人は、必ず設置しておきましょう。

メールリンクの設置

アメブロでもメールアドレスをリンクにすると、読者がクリックするだけでメールが送れます。

下記のようにクリックするだけで、メールソフトが起動するボタンが便利。（デモなので実在しないアドレスです）

お問い合わせはこちら
ame-kuma@ameblo.com

お問い合わせはこちら

事前に下記のようなテンプレートを作り、読者が書きやすい文面を用意することも可能。

アメブロでのメールリンクの貼り方は、下記の記事で解説しています。

 メールリンクの活用法あり！

【ブログやアメブロでのメールアドレスのリンク】貼り方とクリックされる載せ方

アメブロにメールリンクを貼り付ける方法を解説します。読者がクリックしやすいメールリンクや活用法、大事な注意点も紹介。導入するかどうかは記事を読んでから決めて下さいね。

nk-media.org

あめっくま

メールリンクでお問い合わせ数を増やせますね。

リンクは効果が出やすい改善手法

リンクのクリック率が上がれば、アクセスが増え・売上が伸びます。

リンクの貼り方を工夫するだけで、すぐに集客・売上がUPするブログは多いです。

この記事で紹介したリンクの活用方法を多く取り入れて、アメブロを改善していきましょう！

くますけ

リンクの貼り方で工夫できることが、たくさんあるんだね！

あめっくま

リンクの使い方上手な人ほど、アメブロで早期に成功しているよ。

ブログ収益が伸びない原因の1つが、ライティングを無視して書いてしまうケース！

読者にとって「読みづらい・分かりにくい記事」だと、最後まで読まれませんよね。

あめっくま

実は、読者に途中離脱されるブログはとても多いです。

ライティングの基本が分かると、👇の技術が身につきます。

つまり、「読者がじっくり読むブログ」になるということ。

もちろん、収益も伸びやすいですよね。

ブログライティングを習得して、収益力の高い記事を作りましょう！

くますけ

読まれる記事を作るのが大事なんだね。

あめっくま

ライティングは簡単に改善できるから、効果も出やすいよ。

ライティングの基本ルール11選

ブログで文章を書く時の基本となる、「ライティングのルール」を確認しておきましょう。

今回は最低限これだけは知っておきたい！

「11つのコツ」を厳選しました。

あめっくま

記事を書く時の基礎なので、確実に習得しましょう！

ライティングは収益に直結する

「読みづらい・分かりにくい記事」を途中で離脱して、他の記事を探した経験ってありますよね？

もちろん、途中で離脱されると収益は伸びません・・・

つまり、ライティングを身につけて「読みやすい・分かりやすい記事」を作れると収益が伸びやすいということ。

👇はGoogleアナリティクスで、「あめっくまのアメブロ」に訪問した読者の滞在時間を分析したデータです。

各記事の滞在時間が2分以上で、ブログ全体の平均では2分45秒間読者が滞在しているということ。

一般的なブログの滞在時間は平均1分程度ですが、私の読者は記事をじっくり読んでいることが分かります。

くますけ

時間をかけて読まれるブログは、収益化に強いよね。

逆に各記事の滞在時間が1分以下のブログだと、読者にしっかり読まれていない可能性が高いです。

30秒以下だと高確率で即離脱されているかも・・・・

これから解説するライティングの基本を習得して、記事を改善することが重要ですね。

あめっくま

記事を書いたら、アナリティクスで分析することも忘れずに！

 ブログの改善点が分かる！

【必見】アメブロのGoogleアナリティクス設置～超活用法！収益UPのヒント

アメブロにGoogleアナリティクスを設置する方法と自分のアクセスを除外する方法を解説します。アメブロ解析ではなくGoogleアナリティクスを使うことでブログの改善点が分かります。過去の記事を改善して資産化していく上で必須の設定なので必ず設置しておきましょう。

nk-media.org

①しっかり改行する

ブログでおすすめの改行方法は、👇のとおりです。

行間をつめず、しっかり改行した文章の方が読みやすいのが理由です。

例えば、👇のように行間をつめると・・・

あめっくま

行間がつまっていると、読みづらいですよね。

そこで、👇のように行間を開けましょう。

1文が終わるごとに改行して、途切れた部分で2行改行しました。

1行の改行ばかりが続いても、読んでいて息切れします。

このように、話の内容が変わる部分では「2行以上の改行」がおすすめです。

くますけ

文章が読みやすくなったね！

②文末の表現を変える

記事を作る時は、1文ごとに文末の表現を変えると読みやすくなります。

文末で使える表現の例は、👇の通りです。

1文ごとに使い分けるということですね。

例えば👇のように、毎回同じ文末表現だと・・・

あめっくま

毎回同じ文末だとメリハリがなく、印象に残らないですよね。

そこで👇のように、1文ごとに文末表現を変えましょう。

よく使う「です」「ます」だけに、偏らないようにしています。

このように文末の表現をできるだけ1文ずつ変えて、読みやすい記事を作りましょう

くますけ

違和感が少なくなるね！

③文字のフォントを変える

文字のフォントが単調だと読みづらいだけではなく、何が大事なのか伝わりにくいですよね。

👇のいづれかを使って、伝えたい部分を目立たせましょう。

ただし、使いすぎると何が重要なのか分かりにくいです。

本当に大事な部分だけに使うようにして下さい。

あめっくま

メリハリが大事ですね。

④見出しを使う

アメブロでも見出しを使う人が、増えてきましたよね。

見出しは記事を区切り、今何を解説しているのか分かりやすい記事になります。

例えば、👇のような見出しのない文章は・・・

くますけ

読みづらいし、文章の切れ目も分かりにくいね。

ですが、👇のように見出しを加えるだけで・・・

あめっくま

同じ内容でも、グッと分かりやすくなりますね！

見出しを使わないブログ記事は読みづらいので、読者の途中離脱も多いです。

見出し素材を使って、読者に伝わりやすい記事に変えましょう！

 すぐ使える見出し素材が豊富！

【素材数No.1】アメブロ用の見出しデザイン！コピペで簡単設置

この記事ではアメブロで使える見出し素材・デザインを350種類以上紹介します。かわいい・おしゃれなど多彩なテンプレート・装飾を用意。HTML・CSSの知識不要で、コピペして貼る付けるだけでOK！簡単に使えてSEO効果もバッチリ。もちろん作り方・使い方も分かりやすく解説しています。

nk-media.org

⑤箇条書きを使う

箇条書きを使うと、読者に内容が伝わりやすくなります。

例えば、👇は読みにくい文章の例です。

くますけ

これじゃ伝わらないよね・・・

箇条書きを使うと、👇のように分かりやすくできます。

特に複数の内容を一度に伝えたい場合に、とても便利ですね。

囲み枠とセットで使うと効果的です。

あめっくま

箇条書きは便利なので、積極的に使いましょう！

⑥画像や図解を使う

画像や図解は文字と比べて、何倍も分かりやすく読者に伝える能力があります。

つまり文章だらけの記事より、画像を使った記事の方が読者にしっかり読んでもらえるということ。

例えば、👇のような文章も・・・

👇のように図解を使うと、読者に分かりやすい記事となりますよね。

「自分で撮った写真を使う」「イラスト素材を組み合わせて図解を作る」など、少しの工夫で読者の評価は上がります。

文字だらけの記事だと離脱されやすいので、画像を積極的に使いましょう！

オリジナルの写真や図解が有利ですが、難しい場合は無料で使えるフリー素材を使うのもアリです。

 使わなきゃ損！

写真素材を無料・著作権フリーで使用できるサイト

ブログに写真画像を載せる場合に、著作権フリー・無料・転載自由・引用不要で使用できる写真素材サイトを一気に紹介します。自分で撮った写真を使うのは大事ですが、素材サイトもかなり使えるので便利ですよ。

nk-media.org

くますけ

文章だけより、画像の方が何倍も説得力があるね。

⑦3行文章が続いたら工夫する

稼いでいるブログでは、文章が続く場合に読みやすい工夫がされていています。

目安として3～4行文章が続いた次の行では、👇のどれかを取り入れて離脱を防ぎましょう。

例えば、👇のように途中に吹き出しを使うことで読みやすくなりますよね。

ライティングのコツを使って文章を書くと、読者にとって「読みやすい」「分かりやすい」記事を作ることができます。　

自由気ままに書いてしまい、実は読みづらい記事になっている人も多いです。

あめっくま

流し読みされたり、途中離脱されることも増えますよね。

読者にしっかり読んでもらえる記事を作れる人は、収益も伸びやすいです。

基本のコツを身につけて、読者に分かりやすく伝えましょう。

ブログでは5行以上も単なる文章がづくと、とても読みづらいです。

ちょっとした工夫で、読者にじっくり読まれる記事になりますよ。

くますけ

本じゃないから、文章だけが続く記事ではダメだよね。

 ライティングで欠かせない！

【素材数No.1】アメブロ用の囲み枠・ボックス厳選300種

この記事ではアメブロ用の囲み枠・ボックス・フレーム枠のデザインを提供しています。素材は約300種類（色も選べる）・コピーして貼り付けるだけ（HTML・CSSの知識不要）シンプル・かわいい・かっこいいな囲み枠を用意しています。囲み枠を使っておしゃれなブログにしましょう。

nk-media.org

 読者に覚えてもらえる！

【コピペOK】アメブロ用の吹き出し素材42選（画像アイコン付き・会話風）

この記事ではアメブロで簡単に使える「アイコン画像つき吹き出し」を全42種類紹介します。吹き出しデザインと色を選んだら、コードが表示されるのでコピーしてアメブロに貼り付けるだけ。簡単にブログがおしゃれに生まれ変わりますね。

nk-media.org

⑧句点の使い方

ブログの記事では、句点を👇のように使うのが一般的です。

特に注意したいのが、1文の中で使う数です。

少ないと切れ目がなく分かりづらくなり、多すぎると幼稚な文章に見えます。

例えば👇のように、句点がないと・・・

読みづらいので、意味の切れ目で句点を入れます。

あめっくま

句点のあるなしで、読みやすさが変わりますね。

一方、👇のように句点が多いと・・・

句点が多くても読みづらく、ちょっと幼稚な感じもします。

そこで、句点の数を減らしましょう。

途中「・」も使ってみました。

句点の数が減り、読みやすくなりますね。

ちなみに、句点の数が多い文章は「2文に分けられる」可能性が高いです。

この後の「1文につき1内容」も、合わせて確認しておきましょう！

くますけ

句点が多くても・少なくてもダメなんだね！

⑨1文につき1内容

ブログの記事では、「1文で伝える内容は1つ」が基本です。

1文中に2つ以上の内容が入ると、伝わりづらいのが理由ですね。

例えば👇のように、1文に複数の内容を入れると・・・

あめっくま

言いたいことが、分かりにくいですよね。

そこで👇のように、1文の内容を1つにして分割しましょう。

「分かりやすい記事を作れる」と「読みづらい記事になっている人も多い」と内容を分けました。

このように1文の内容を1つにして、読者に伝わる記事を作りましょう

くますけ

1つずつ伝える方が、分かりやすいね！

⑩余計な言葉を削る

ブログの記事は会話や本と違い、余計な言葉がなくシンプルな文章が好まれます。

具体例で解説しますね。

あめっくま

このように言葉を削った方が、シンプルに伝わります。

くますけ

なくてもいい言葉って多いんだね。

あめっくま

繰り返して使わなくても、伝わる場合が多いですね。

⑪分かりやすい言葉で書く

ブログの記事は「中学生でも分かる言葉」で書くのが一般的です。

難しい言葉や漢字は使わず、できるだけ簡単な表現を使うということ。

例えば👇のような、難しい単語を使うと・・・

ちょっと文章が硬いですよね。

読者に「難しいなぁ・・・」と思われると、離脱される原因にもなります。

そこで👇のように、できるだけ簡単な言葉を使いましょう。

あめっくま

分かりやすい文章で、離脱を減らしたいですね！

ライティングのNGパターン6選

アメブロ初心者さんによく見かける、読者に離脱される記事の書き方を6つ紹介します。

6つに共通するのは、読者目線では「読みたくない記事」になっていること。

あめっくま

1つでも当てはまる人はNGです！

文章途中の改行はNG

👇のような、文の途中で無意味な改行をする書き方ですね。

PCやタブレットで見る読者には、異常に読みづらいです・・・

あめっくま

こんな書き方では、記事の信頼性も下がりますよね。

👇のように、1文ごとの改行が基本です。

下記のように、スマホで見ても画面サイズに合わせて改行してくれます。

あめっくま

記事の質が下がるので、文の途中での改行はやめておきましょう。

文章の中央揃えはNG

こちらも、初心者さんに多い書き方です。

👇のように文途中で改行して、さらに中央揃えにする人がいます。

上記のような書き方は、読者からの評判も悪いです。

読みづらいだけではなく、幼稚な文章に見えてしまいますね。

くますけ

これはダメだね・・・

👇のように、「文章は左揃え」「文の途中で改行しない」のが基本です。

あめっくま

他の人がやっていても、マネしないで下さいね。

色の基本ルールを外すのはNG

読者にとって「読みづらい・分かりにくい」原因となるので、👇の色使いはやめましょう。

あめっくま

独自の使い方は、読者にとって分かりにくいだけですね。

記事冒頭の長すぎる自己紹介はNG

記事の中で自己紹介を入れること自体は問題ないです。

ただし、👇のようにコンパクトな自己紹介にしましょう。

これ以上長い自己紹介は、記事本文を読みに来た読者にとっては邪魔です。

アピールしたい気持ちは分かりますが・・・

まだ興味を持っていない段階の人に、長文の自己紹介を見せても離脱される原因となります。

つまり、読者評価が下がりやすい逆効果な手法ですね。

あめっくま

読者は長文の自己紹介ではなく、本文を読みたいんです！

しっかり自己アピールしたい場合は、👇のように短い自己紹介からリンクで誘導すればOK。

事前に、別の記事で詳しい自己紹介の記事を作っておきます。

興味を持ってくれた人は、リンクをクリックして読んでくれる仕組みですね。

短い自己紹介なので、離脱も防げます。

くますけ

毎回の記事で長文の自己紹介って、読む人への嫌がらせだよね・・・

あめっくま

ブロガー目線ではなく、読者目線で記事を作ることが大事だよ！

記事冒頭の長い宣伝・AmebaPickはNG

記事冒頭の長い自己紹介がダメな理由と同じですね。

読者は記事本文を見たいのに、いきなり宣伝されても邪魔なだけです。

記事下や導入文の下など、読者評価の下がらない場所に設置しましょう。

あめっくま

洋服屋で商品を見る前に、店員に声かけされるのと同じ状態ですね・・・

記事内容が宣伝の記事を作るのはNG

アメブロでよく見かけますが、毎回の記事内容が宣伝・募集になっているブログはNGです。

読者が得られる情報のない記事を書いても、収益は伸びません。

くますけ

宣伝ばかりのブログを読みたいと思わないよね・・・

普段から読者の悩みや疑問に答えるなど、ニーズのある記事を積み重ねることが必須。

そして事前に提供メニューの記事を別に作り、記事から誘導しましょう。

読者から信頼されているので、テキストリンクやバナーで誘導すれば申し込みを増やせます。

毎回の記事で読者に求める情報を提供し、読者の信頼を得るのが先ということ。

役に立つ記事を書くのは、ブログ収益化の最低条件ですね。

あめっくま

他のアメブロが募集記事ばかり作っていても、絶対にマネしないでおきましょう！

 効果的な誘導方法あり！

【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴

この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう！

nk-media.org

 バナーで売上が伸びる！

【アメブロの画像リンク・バナーの貼り方】作り方と収益UPの方法

この記事ではアメブロ向けの画像リンクやバナーの貼り方・作成手順・クリック率や収益がUPする方法を解説します。PCの記事本文・サイドバー・スマホで方法が異なるので、全手法を解説！画像リンクやバナーで収益UPする貼り方をマスターしましょう。

nk-media.org

ライティングで最も大事なコト

じっくり読まれる記事を作るために、最も重要なことは・・・

読者の目線に立って考えるコト

読者にとって「読みやすいか？」「分かりやすいか？」を、常に考えることが大事です。

くますけ

ブロガー目線ではなく、読者目線が大事なんだね。

例えば、👇のチェック方法もあります。

あめっくま

第3者に見てもらうのは、特に効果的ですよ。

収益が伸びない人ほど、ライティングのルールを無視した書き方をしますが・・・

今回紹介した簡単なテクニックだけで、「読みやすい・分かりやすい記事」を作ることは可能です。

慣れないうちは時間がかかっても、1記事ずつ丁寧に作成しましょう！

あめっくま

読者目線で記事を作って下さいね。

この記事では「アメブロでのリンクカードの貼り方」について、基本の貼り方～収益UPにつながる応用テクニックまで解説します。

リンクカードとは、下記のようなサムネイル画像つきのボックスタイプのリンクのこと。

【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位  この記事ではアメブロのアクセスを増やす方法を効果の高い順・優先度順に解説します。 「アメブロ記事をたくさん書いてもアクセスが増えない」と、本当につらいです…ameblo.jp

アメブロ以外では、一般的に「ブログカード」と呼ばれています。

大きく目立つので、クリック率が高くなりやすいのが特徴。

アメブロで過去記事のリンクカードを貼ることは、ブログの成長に欠かせません。

過去記事が長期間安定して読まれることで、ブログが右肩上がりで成長していくからですね。

逆に過去記事のアクセスが少ないアメブロは、読者をうまく誘導できていない状態です。

常に新記事を用意しないとアクセスが減ってしまう、ブログの自転車操業ですね。

苦しいブログ運営になりやすいので注意しましょう。

くますけ

記事を書かないとアクセスがすぐに下がるのはツライね・・・

あめっくま

リンクカードで関連する過去記事へ誘導することが大事だよ。

もちろんリンクカードの貼り方を工夫して、読者のクリック率をUPさせることが重要ですよね。

そこでこの記事では、「リンクカードのクリック率・収益UPの工夫」も紹介します。

あめっくま

リンクカードの貼り方だけではなく、活用の仕方を学びましょう！

なお事前に「アメブロのリンクで収益UPする活用方法」を読んでおくと、分かりやすいですよ。

 収益UPする方法があるよ！

【アメブロのリンクの貼り方】収益UPする10の活用方法と落とし穴

この記事ではアメブロのリンクやURLの貼り方・収益UPできる活用方法・逆効果なNG使用法・リンクを貼れない時の対処法を解説します。ホームページに記事同士をつなぐ内部リンクを貼り付け、売り上げに直結する申し込みページなどへのリンクを埋め込みするのは重要な手法です。早めに確認しておきましょう！

nk-media.org

アメブロでのリンクカードの貼り方

最初に、アメブロでのリンクカードの貼り方を解説します。

PCなら、下記の3STEPで貼り付けOK。

コピペするだけ！

スマホアプリの場合も、方法は違いますが簡単です。

あめっくま

PC・スアホアプリそれぞれのやり方を紹介しますね。

【PC版】リンクカードの貼り付け方法

パソコンで記事を作成している場合の、リンクカードの貼り付け方を解説します。

PCでは下記の様々な記事を、同じ方法でリンクカードにできます。

あめっくま

パソコンでの設置手順を解説しますね。

手順①URLを事前にコピー

リンク先記事のURLが必要となるので、事前にコピーしておきましょう。

なお「アメブロでブログURLを確認する方法」は、下記記事で紹介しています。

意外な時短テクニックもあるので、チェックして下さいね。

 時短アイデア・注意点あり！

アメブロで自分のブログのURL確認方法をPC・スマホ別に解説！

この記事ではアメブロで自分のブログ記事のURL確認・取得方法をPC・スマホ・アプリそれぞれで紹介します。トップページ・テーマページ・プロフィールページ・予約投稿（未来記事）に加えて、他人のブログ記事のURLの調べ方も解説しています。

nk-media.org

手順②URLをエディタ上に貼り付け

続いて、エディタ上でリンクカードを挿入したい部分にURLを貼り付けます。

すると、下記のようにURLが自動でリンクカードに変換されます。

これでリンクカードの設置は完了！簡単ですね。

ちなみにこのエディタ上やプレビューの段階では、リンクをクリックしても飛べません。

記事を公開すると、クリックできるようになります。

作成後に、実際に記事を開いてリンク先に飛べるか確認しておきましょう。

くますけ

エディタ上でURLを貼り付けるだけだね！

あめっくま

注意点と収益UPの具体的な方法もあるから、記事後半で紹介するね。

補足（外部サイトの場合）

アメブロ以外の外部サイトのリンクカードを作成する場合も全く同じ。

外部サイトのURLを貼り付けると、下記のように自動で変換されます。

リンクカードに対応する外部サイトはとても多く、さらに増加中です。

試しに貼り付けて変換されたら、どんどん使っていきましょう。

あめっくま

WordPressで作られたブログ・note・ココナラ・食べログ・クックパッドなど、リンクカードに対応するサイトは多いですよ。

【スマホアプリ版】リンクカードの貼り付け方法

アプリで記事を作る場合の、リンクカード導入方法を確認しておきましょう。

「自分のアメブロ内の過去記事」「外部サイトの記事」では貼り方が変わるので、それぞれ解説します。

過去記事のリンクカードを貼る

過去に作ったブログ記事をリンクカードにして貼る方法は、とても簡単。

下記のようにリンクカードを入れる位置を選んで、リンクマークをクリックします。

下記の画面に切り替わるので、「投稿した記事」をタップします。

すると過去記事の一覧が出てくるので、リンク先にする記事を選んで「挿入」をタップします。

下記のようにエディタ上にリンクカードが作成されます。

これで完成！

自分のアメブロ内の過去記事であれば、選んで挿入するだけですね。

なお、エディタ上やプレビューの段階では、リンクをクリックしても飛べなません。

記事を投稿すると、クリックできるようになります。

必ず記事作成後に、記事を開いてリンク先に飛べるか確認しておきましょう。

くますけ

アプリでもリンクカードは簡単に設置できるね！

あめっくま

目立つからどんどん使っていきたいね。

外部サイト記事のリンクカードを貼る

自分のアメブロ以外、つまり外部サイトの記事のリンクカードも挿入可能です。

貼り方はスマホアプリでのリンクの貼り方と同じ。

 スピードUPする方法も紹介！

【アメブロのスマホ・アプリでのリンク】簡単な貼り方とNGな方法

アメブロのリンクのスマホ・アプリでの貼り方と、URLの簡単な貼り付け方を解説します。アメブロのアプリ（iPone・アンドロイド）でもリンクを貼ることで収益UPが可能です。

nk-media.org

下記のようにエディタ上でリンクカードを入れる位置を選んで、リンクマークをクリックします。

上段にリンク先にする外部サイトのURL・下段にリンクのテキストを記入して、「挿入」をタップして下さい。

下記のように、外部記事でもリンクカードが挿入できました。

なおテキストリンクも同時に入ります。

収益がUPするリンクの活用方法でも解説していますが、リンクカードとテキストリンクの併用はクリック率が上がりやすいです。

テキストリンクを削除してもいいですが、残しておいた方が無難ですね。

あめっくま

実際に貼り付けてリンクカード表示に対応していたら、ぜひ使いましょう！

リンクカード設置時の注意点

リンクカードは便利ですが、設置時の注意点もあります。

事前に確認しておきましょう。

画像がない記事ではプロフィール画像が表示される

アメブロの記事をリンクカードにすると、下記のようにサムネイルにプロフィール画像が表示される場合があります。

『デモ』デモ用の記事です…ameblo.jp

リンクカードのサムネイルは、カバー画像が採用される仕組み。

そしてカバー画像がない場合は、記事一番上の画像がサムネイルとなります。

ただしカバー画像を設定せず・記事で1枚も画像を使わないと、プロフィール画像が採用されます。

つまり各記事を作成する時に、カバー画像の設定をするのが大事ということですね。　　

アメブロのカバー画像の設定・集客UPの活用法は、下記記事で解説しています。

 集客UPのテクニックあり！

効果絶大！アメブロのカバー画像・アイキャッチの設定と推奨サイズ

この記事ではアメブロにアイキャッチ画像・カバー画像を設定する方法と効果を解説します。カバー画像を設定すれば様々な場所で表示されるので、読者のクリック率が上がります。ブログ集客のポイントになるので、記事に入れておきましょう。

nk-media.org

あめっくま

各記事でカバー画像を設定をしておきましょう！

リンクカードを並べすぎない

リンクカードは目立ちますが、一度にたくさん並べて表示すると違和感が出ます。

並べるなら、下記のように3つぐらいまでにしておきましょう。

【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位  この記事ではアメブロのアクセスを増やす方法を効果の高い順・優先度順に解説します。 「アメブロ記事をたくさん書いてもアクセスが増えない」と、本当につらいです…ameblo.jp

【アメブロのリンクの貼り方】収益UPできるリンク活用法・NGな使い方  この記事ではアメブロのリンクの貼り方について、「基本の貼り方」～「活用方法」まで詳しく解説します。 リンクはアメブロの集客・売上を簡単に伸ばせる手法ですよ…ameblo.jp

【アメブロ向けかわいい囲み枠】ピンク・ふんわり・水玉・女性向け  この記事ではアメブロで使える「かわいい囲み枠」を紹介します。 完成イメージは下記の通り。 ピンク色の囲み枠を簡単に作れますふんわりぼかした囲み枠もOK水玉…ameblo.jp

たくさん並ぶ場合はリンクカードではなく、下記のようなテキストリンクの方が見やすくなる場合も多いですね。

あめっくま

個人的には、4つ以上ならテキストリンクの方がおすすめです。

特に、記事下定型文に過去記事へのリンクがよく設置されますよね。

過去記事も読んでもらえるアメブロは成長速度が速くなるので、大事なテクニック！

アメブロのアクセスアップ手法としてよく使われます。

 アクセスUP手法を全部紹介！

【アメブロのアクセスアップ】アクセス数を増やす方法・優先順位・NG例

アメブロのアクセス数を増やす方法について具体的に何をすればいいのか、2021年最新の優先順位と合わせて解説します。アメブロのアクセスアップに逆効果なNG記事・運営手法も同時に紹介しています。アメブロのPV数が増えない人は要チェックです！

nk-media.org

定型文のようなリンク集の場合は、囲み枠の中にテキストリンクを入れて設置するのがおすすめです。

 素材数No.1！

【素材数No.1】アメブロ用の囲み枠・ボックス厳選300種

この記事ではアメブロ用の囲み枠・ボックス・フレーム枠のデザインを提供しています。素材は約300種類（色も選べる）・コピーして貼り付けるだけ（HTML・CSSの知識不要）シンプル・かわいい・かっこいいな囲み枠を用意しています。囲み枠を使っておしゃれなブログにしましょう。

nk-media.org

あめっくま

並べるなら、テキストリンクの方が見やすいですね。

TOPページ・テーマページはサムネイルが表示されない　　

TOPページとテーマページもURLを貼り付けると、リンクカードに自動で変換されます。

ただし2021年3月現在は下記の表示となり、サムネイル画像が表示されません。

TOPページ👇

あめっくまのブログ（アメブロ集客・売上・デザインの情報発信サイト）あめっくま（アメブロ集客・売上・デザインの情報発信サイト） さんのブログです。最近の記事は「【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位（画像あり）」です。ameblo.jp

テーマページ👇

アメブロ集客方法｜あめっくまのブログ（アメブロ集客・売上・デザインの情報発信サイト）あめっくま（アメブロ集客・売上・デザインの情報発信サイト） さんのブログテーマ、「アメブロ集客方法」の記事一覧ページです。ameblo.jp

サムネイル画像のないリンクカードより、テキストリンクの方が分かりやすく・クリックもされやすいです。

サムネイルがないとあまり目立たないので、テキストリンクの方がおすすめですね。

くますけ

サムネイルがないとリンクだと分かりにくいね・・・

あめっくま

ちょっと微妙なので、TOPページやテーマページはテキストリンクを推奨するよ。

リンクカードが貼れない・出ない場合は？

リンクカードが貼れない・表示されない場合もあります。

あめっくま

原因や対処法を確認しておきましょう。

スマホのブラウザでは不可

スマホのブラウザで記事を書いている場合は、リンクカードを貼れません。

スマホアプリで記事作成をしましょう。

Ameba（アメーバ）

CyberAgent, Inc.無料

あめっくま

PCかアプリのどちらかが便利ですね。

対応していないサイトのケースあり

手順通りに設定してもリンクカードが出ない場合は、アメブロ側で対応していないことが原因です。

徐々に対応サイトは増えているので、それまではテキストリンクで対応して下さいね。

あめっくま

実際にURLを貼り付けて、リンクカードに変換されるか確認しましょう。

リンクカードでクリック率・収益UPするテクニック

リンクカードを単に設置するだけでは、クリック率は上がりません。

そこでリンクカードでクリック率を伸ばす・収益UPするテクニックを学びましょう。

あめっくま

リンクカードでも工夫が大事！

クリックされるカバー画像にする

リンクカードのサムネイル画像を、記事内容に合った画像することが重要！

読者の興味が出やすく・クリック率も上がりますよね。

サムネイルはリンク先記事のカバー画像が表示されるので、各記事で内容に合ったカバー画像を設定しましょう！

くますけ

記事内容に関係ない画像では、クリック率が下がるよね・・・

オリジナル画像を用意

料理・美容・アパレルなど画像を見せることが大事なブログでは、オリジナル写真を用意しましょう。

例えばレシピブログなら、下記のように記事で紹介する料理の画像にするなど。

『正直うまい！ガーリックステーキピラフ　〜刺激が欲しいときにおすすめのビール〜』こんばんは！ガーリックバターの香りが食欲そそる！がっつり食べたい時におすすめのガーリックステーキピラフレシピのご紹介です。ガーリックピラフに豪華にステーキをの…ameblo.jp

あめっくま

画像が記事に合っていると興味が出ますよね！

フリー素材の活用もOK

画像を用意しにくいブログでも、下記のようにフリー素材でカバー画像を作ることも可能です。

【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位  この記事ではアメブロのアクセスを増やす方法を効果の高い順・優先度順に解説します。 「アメブロ記事をたくさん書いてもアクセスが増えない」と、本当につらいです…ameblo.jp

無料で使える写真素材を活用すれば、簡単に用意できます。

画像にテキストを入れると、さらにGood！

あめっくま

例えば「Photo AC」は無料で豊富な写真素材を使えます。

カバー画像でPV・収益も変わる

カバー画像はリンクカード以外にも、記事一覧・ランキング・フォローフィードなどあらゆる場所でサムネイルとして表示されます。

そのためカバー画像を工夫するとクリック率が上がり、PV数・収益面での効果がUP！

なおアメブロのカバー画像の作り方・活用方法は、下記記事で解説しています。

 集客・収益をUPさせる！

効果絶大！アメブロのカバー画像・アイキャッチの設定と推奨サイズ

この記事ではアメブロにアイキャッチ画像・カバー画像を設定する方法と効果を解説します。カバー画像を設定すれば様々な場所で表示されるので、読者のクリック率が上がります。ブログ集客のポイントになるので、記事に入れておきましょう。

nk-media.org

下記のような「おしゃれなカバー画像」を3分で作る方法も紹介しているので、参考にして下さいね。

あめっくま

アメブロで収益の多い人ほど、カバー画像の使い方が上手ですね！

クリック率の高い記事タイトルにする

リンクカードには下記のようにリンク先記事のタイトルが、必ず表示されますよね。

【アメブロのリンクの貼り方】収益UPできるリンク活用法・NGな使い方  この記事ではアメブロのリンクの貼り方について、「基本の貼り方」～「活用方法」まで詳しく解説します。 リンクはアメブロの集客・売上を簡単に伸ばせる手法ですよ…ameblo.jp

読者は記事タイトルを見て、クリックするかどうかを判断するということ。

クリックされるタイトルには、下記の2点が最低限必要です。

記事内容を伝えつつ、思わずクリックしたくなるタイトルが重要ということですね。

適当な記事タイトルでは、クリック率が低く・収益も増えません。

また記事タイトルが表示されるのは、リンクカードだけではありません。

記事一覧・ランキング・フォローフィードなど、あらゆる場所で表示されます。

つまり記事作成時に魅力的なタイトルをつければ、クリック率が上がり・アクセス数も増えますね。

あめっくま

普段の記事作成時から、タイトルにこだわることが大事です！