リンクの活用法 | アメブロメーカー

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

アメブロでの画像や写真のリンク・バナーの貼り方
画像リンク・バナーを簡単に貼り付ける方法
1. 過去記事の画像リンク・バナーをコピー
2. 過去記事の複製を使う方法
アメブロ向けのバナーデザインの作り方
1. バナーのサイズを決める
2. バナーの作成方法
画像リンクのテクニック・注意点

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

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

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

アメブロでの画像リンク・バナーの貼り方手順

STEP1
画像を記事に挿入
STEP2
画像を選択してリンクマークをクリック
STEP3
URLをコピペ
STEP4
画像リンク・バナーの完成

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

あめっくま

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

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

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

STEP①

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

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

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

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

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

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

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

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

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

くますけ

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

STEP②

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

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

STEP③

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

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

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

【補足】
最初から入っているURLは、画像クリック時の拡大表示用です。

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

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

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

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

STEP④

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

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

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

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

あめっくま

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

補足（画像の調整）

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

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

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

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

基本を忘れずに！

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

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

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

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

（既にフリースペースを使用している人は、追記すれば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が可能です。

STEP①

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

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

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

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

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

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

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

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

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

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

STEP②

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

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

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

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

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

STEP③

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

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

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

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

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

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

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

STEP④

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

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

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

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

補足

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

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

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

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

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

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

あめっくま

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

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

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

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

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

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

あめっくま

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

あめっくま

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

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

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

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

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

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

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

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

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

記事作成効率がUP！

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

くますけ

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

あめっくま

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

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

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

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

バナーのサイズを決める

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

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

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

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

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

あめっくま

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

バナーの作成方法

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

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

自作の場合

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

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

あめっくま

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

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

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

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

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

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

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

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

Canvaでアカウントを作成

【補足】
Canvaは基本無料で利用でき、一部のテンプレートやデザインを使う場合に有料となる仕組みです。

あめっくま

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

外注の場合

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

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

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

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

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

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

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

＼ 割引クーポンあり！ ／

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

【補足】
ココナラでは定期的に割引クーポンが配布されます。早めに会員登録をして、クーポンをGETするとお得に利用できますよ。

あめっくま

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

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

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

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

あめっくま

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

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

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

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

くますけ

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

合わせて確認しよう！

アメブロでの「お申し込みフォーム」設置・収益UPのコツ

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

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

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

あめっくま

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

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

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

【補足】
PCで見る人もいるので、サイドバーに貼ること自体は大事です。

あめっくま

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

記事内の場所が大事

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

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

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

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

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

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

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

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

あめっくま

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

NGな配置もあり

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

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

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

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

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

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

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

くますけ

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

あめっくま

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

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

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

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

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

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

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

あめっくま

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

マイクロコピーを用意

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

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

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

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

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

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

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

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

＼ここにマイクロコピー／

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

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

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

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

秀和システム

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

くますけ

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

あめっくま

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

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

あめっくま先生 — Fri, 19 Nov 2021 15:06:08 +0000

この記事の特徴

重要度	5.0
難易度	2.0

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

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

理由は下記の2つ。

過去の関連記事にリンクを貼る
⇒アクセス数が簡単に増える
　
メニュー紹介ページ・申込フォームへリンクを貼る
⇒ビジネスブログなら売上UPできる

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

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

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

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

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

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

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

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

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

あめっくま

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

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

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

くますけ

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

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

アメブロのリンク　3つのポイント

基本の貼り方＋超簡単な貼り方
リンクの注意点＋NGな使い方
リンクでアクセス・売上を伸ばす活用法

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

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

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

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

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

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

スマホでも超簡単！

【アメブロのリンク】基本的な貼り方
1. リンクの貼り方の基本手順（URLの貼り付け）
貼り付けできるURLは？
リンクを削除する場合は？
リンクを簡単に貼り付ける方法
1. 過去記事のリンクをコピー
2. 記事の複製機能を使う
リンクを貼れない・飛ばない原因
アメブロのリンク埋め込み時の注意点
収益UPにつながるアメブロのリンク活用方法10個
リンクは効果が出やすい改善手法

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

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

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

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

くますけ

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

あめっくま

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

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

テキストリンク
リンクカード
リブログ
画像リンク
ボタンリンク

あめっくま

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

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

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

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

意外な効果アリ！

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

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

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

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

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

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

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

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

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

リンクの貼り方の手順

STEP1
リンクの文章を書く
STEP2
リンクマークをクリック
STEP3
URLをコピーして埋め込み
STEP4
挿入ボタンをクリック

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

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

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

手順①

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

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

手順②

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

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

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

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

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

手順③

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

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

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

手順④

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

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

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

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

くますけ

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

あめっくま

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

【補足】
アメブロではリンクの開き方は、下記のように異なります。
・PC ⇒ 別ウィンドウで開く
・アプリ ⇒ 画面がスライドして開く

貼り付けできるURLは？

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

あなたのアメブロ内の過去記事
あなたのアメブロTOPページ
プロフィールページ（要注意点を後述）
テーマページ
提供サービス紹介ページ
など

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

サービス申し込みフォームに誘導
Twitter・インスタなどのSNS
ココナラ・note・クックパッド・ミンネ・食べログなどの外部ページ
など

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

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

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

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

あめっくま

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

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

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

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

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

あめっくま

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

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

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

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

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

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

あめっくま

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

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

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

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

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

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

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

あめっくま

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

記事の複製機能を使う

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

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

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

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

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

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

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

記事作成効率がUP！

くますけ

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

あめっくま

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

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

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

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

アメブロでのリンクを貼れない原因２つ

リンクを貼れない・リンクの挿入ができない
⇒禁止タグが入っている可能性あり
リンクが飛ばない・見れない
⇒URL間違い

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

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

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

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

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

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

あめっくま

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

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

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

アメブロでのリンクNG例

リンクの文字を青色以外にする
⇒クリック率が落ちる
プロフィールページのURL間違い
⇒読者がプロフィールページを見れない
リンクにアンダーラインを引いていない
⇒クリック率が落ちる

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

くますけ

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

あめっくま

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

リンクは青色が定番

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

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

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

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

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

あめっくま

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

【補足】
リンク以外の文字を青色にすると、読者から見て何がリンクなのか分かりにくいです。青系統の文字はリンクのみに使うのが基本です。

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

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

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

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

あめっくま

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

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

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

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

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

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

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

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

アプリでも表示してる？

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

あめっくま

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

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

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

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

あめっくま

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

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

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

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

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

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

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

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

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

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

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

あめっくま

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

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

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

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

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

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

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

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

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

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

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

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

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

あめっくま

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

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

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

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

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

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

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

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

あめっくま

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

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

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

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

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

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

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

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

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

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

あめっくま

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

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

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

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

注目記事

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

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

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

かわいい素材も豊富！

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

【注意】
アメブロで「fieldset」「legend」タグで囲み枠を作る人がいますが、スマホで表示されないケースが多発します。デメリットが多いので、当サイトで紹介している「div」タグの囲み枠を使いましょう！

あめっくま

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

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

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

ここに名前

このような吹き出しのことですね。「アイコン＋名前付き」でりかけるので、読者に覚えられやすいです。

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

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

あめっくま

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

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

利用者急増中！

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

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

あめっくま

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

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

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

お申し込みはこちら

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

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

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

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

あめっくま

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

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

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

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

「AmebaPick」や「メニュー紹介ページや申込フォームへのリンク」（収益UP用）
関連する過去記事への内部リンク（アクセスUP用）

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

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

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

あめっくま

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

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

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

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

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

あめっくま

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

電話番号リンクも便利

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

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

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

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

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

電話受付がUPする！

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

あめっくま

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

メールリンクの設置

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

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

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

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

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

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

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

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

あめっくま

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

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

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

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

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

くますけ

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

あめっくま

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

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

あめっくま先生 — Thu, 21 Jan 2021 12:30:51 +0000

この記事の特徴

重要度	5.0
難易度	2.0

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

リンクカードとは、下記のようなサムネイル画像つきのボックスタイプのリンクのこと。

【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位この記事ではアメブロのアクセスを増やす方法を効果の高い順・優先度順に解説します。「アメブロ記事をたくさん書いてもアクセスが増えない」と、本当につらいです…ameblo.jp

アメブロ以外では、一般的に「ブログカード」と呼ばれています。

大きく目立つので、クリック率が高くなりやすいのが特徴。

アメブロで過去記事のリンクカードを貼ることは、ブログの成長に欠かせません。

過去記事が長期間安定して読まれることで、ブログが右肩上がりで成長していくからですね。

逆に過去記事のアクセスが少ないアメブロは、読者をうまく誘導できていない状態です。

常に新記事を用意しないとアクセスが減ってしまう、ブログの自転車操業ですね。

苦しいブログ運営になりやすいので注意しましょう。

くますけ

記事を書かないとアクセスがすぐに下がるのはツライね・・・

あめっくま

リンクカードで関連する過去記事へ誘導することが大事だよ。

もちろんリンクカードの貼り方を工夫して、読者のクリック率をUPさせることが重要ですよね。

そこでこの記事では、「リンクカードのクリック率・収益UPの工夫」も紹介します。

あめっくま

リンクカードの貼り方だけではなく、活用の仕方を学びましょう！

なお事前に「アメブロのリンクで収益UPする活用方法」を読んでおくと、分かりやすいですよ。

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

アメブロでのリンクカードの貼り方
1. 【PC版】リンクカードの貼り付け方法
2. 【スマホアプリ版】リンクカードの貼り付け方法
リンクカード設置時の注意点
リンクカードが貼れない・出ない場合は？
1. スマホのブラウザでは不可
2. 対応していないサイトのケースあり
リンクカードでクリック率・収益UPするテクニック

アメブロでのリンクカードの貼り方

最初に、アメブロでのリンクカードの貼り方を解説します。

PCなら、下記の3STEPで貼り付けOK。

アメブロでのリンクカードの貼り方手順

STEP1
URLをコピーしておく
STEP2
エディタにURLを貼り付け
STEP3
リンクカードの完成

コピペするだけ！

スマホアプリの場合も、方法は違いますが簡単です。

あめっくま

PC・スアホアプリそれぞれのやり方を紹介しますね。

【PC版】リンクカードの貼り付け方法

パソコンで記事を作成している場合の、リンクカードの貼り付け方を解説します。

PCでは下記の様々な記事を、同じ方法でリンクカードにできます。

自分のアメブロ記事
他人のアメブロ記事
アメブロ以外の外部サイトの記事

あめっくま

パソコンでの設置手順を解説しますね。

手順①URLを事前にコピー

リンク先記事のURLが必要となるので、事前にコピーしておきましょう。

なお「アメブロでブログURLを確認する方法」は、下記記事で紹介しています。

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

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

手順②URLをエディタ上に貼り付け

続いて、エディタ上でリンクカードを挿入したい部分にURLを貼り付けます。

すると、下記のようにURLが自動でリンクカードに変換されます。

これでリンクカードの設置は完了！簡単ですね。

【補足】
他人のアメブロ記事でもリンクカードとして貼り付けできます。参考になる記事を紹介するのもおすすめですね。

ちなみにこのエディタ上やプレビューの段階では、リンクをクリックしても飛べません。

記事を公開すると、クリックできるようになります。

作成後に、実際に記事を開いてリンク先に飛べるか確認しておきましょう。

【補足】
リンクカードを削除する場合は、カード全体を選択しながら「BACK SPACEキー」で消すことができます。もちろん「元に戻す」や「CTRL＋Zキー」で操作をやり直してもOK。

くますけ

エディタ上でURLを貼り付けるだけだね！

あめっくま

注意点と収益UPの具体的な方法もあるから、記事後半で紹介するね。

補足（外部サイトの場合）

アメブロ以外の外部サイトのリンクカードを作成する場合も全く同じ。

外部サイトのURLを貼り付けると、下記のように自動で変換されます。

【補足】
自動でリンクカードに変換されない場合は、アメブロ側で未対応のサイトです。

リンクカードに対応する外部サイトはとても多く、さらに増加中です。

試しに貼り付けて変換されたら、どんどん使っていきましょう。

あめっくま

WordPressで作られたブログ・note・ココナラ・食べログ・クックパッドなど、リンクカードに対応するサイトは多いですよ。

【スマホアプリ版】リンクカードの貼り付け方法

【注意】
スマホのブラウザではリンクカードを作成できません。アプリを利用して下さい。

アプリで記事を作る場合の、リンクカード導入方法を確認しておきましょう。

「自分のアメブロ内の過去記事」「外部サイトの記事」では貼り方が変わるので、それぞれ解説します。

過去記事のリンクカードを貼る

過去に作ったブログ記事をリンクカードにして貼る方法は、とても簡単。

下記のようにリンクカードを入れる位置を選んで、リンクマークをクリックします。

下記の画面に切り替わるので、「投稿した記事」をタップします。

すると過去記事の一覧が出てくるので、リンク先にする記事を選んで「挿入」をタップします。

下記のようにエディタ上にリンクカードが作成されます。

これで完成！

自分のアメブロ内の過去記事であれば、選んで挿入するだけですね。

なお、エディタ上やプレビューの段階では、リンクをクリックしても飛べなません。

記事を投稿すると、クリックできるようになります。

必ず記事作成後に、記事を開いてリンク先に飛べるか確認しておきましょう。

くますけ

アプリでもリンクカードは簡単に設置できるね！

あめっくま

目立つからどんどん使っていきたいね。

外部サイト記事のリンクカードを貼る

自分のアメブロ以外、つまり外部サイトの記事のリンクカードも挿入可能です。

貼り方はスマホアプリでのリンクの貼り方と同じ。

スピードUPする方法も紹介！

効果絶大！アメブロのカバー画像・アイキャッチの設定と推奨サイズ

下記のようにエディタ上でリンクカードを入れる位置を選んで、リンクマークをクリックします。

上段にリンク先にする外部サイトのURL・下段にリンクのテキストを記入して、「挿入」をタップして下さい。

下記のように、外部記事でもリンクカードが挿入できました。

なおテキストリンクも同時に入ります。

収益がUPするリンクの活用方法でも解説していますが、リンクカードとテキストリンクの併用はクリック率が上がりやすいです。

テキストリンクを削除してもいいですが、残しておいた方が無難ですね。

【補足】
アメブロ側でリンクカード表示に未対応のサイトの場合は、テキストリンクのみが表示されます。

あめっくま

実際に貼り付けてリンクカード表示に対応していたら、ぜひ使いましょう！

リンクカード設置時の注意点

リンクカードは便利ですが、設置時の注意点もあります。

事前に確認しておきましょう。

画像がない記事ではプロフィール画像が表示される

アメブロの記事をリンクカードにすると、下記のようにサムネイルにプロフィール画像が表示される場合があります。

『デモ』デモ用の記事です…ameblo.jp

リンクカードのサムネイルは、カバー画像が採用される仕組み。

そしてカバー画像がない場合は、記事一番上の画像がサムネイルとなります。

ただしカバー画像を設定せず・記事で1枚も画像を使わないと、プロフィール画像が採用されます。

つまり各記事を作成する時に、カバー画像の設定をするのが大事ということですね。　　

アメブロのカバー画像の設定・集客UPの活用法は、下記記事で解説しています。

集客UPのテクニックあり！

この記事ではアメブロにアイキャッチ画像・カバー画像を設定する方法と効果を解説します。カバー画像を設定すれば様々な場所で表示されるので、読者のクリック率が上がります。ブログ集客のポイントになるので、記事に入れておきましょう。

あめっくま

各記事でカバー画像を設定をしておきましょう！

リンクカードを並べすぎない

リンクカードは目立ちますが、一度にたくさん並べて表示すると違和感が出ます。

並べるなら、下記のように3つぐらいまでにしておきましょう。

【アメブロ向けかわいい囲み枠】ピンク・ふんわり・水玉・女性向けこの記事ではアメブロで使える「かわいい囲み枠」を紹介します。完成イメージは下記の通り。ピンク色の囲み枠を簡単に作れますふんわりぼかした囲み枠もOK水玉…ameblo.jp

たくさん並ぶ場合はリンクカードではなく、下記のようなテキストリンクの方が見やすくなる場合も多いですね。

・【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位

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

・【アメブロ向けかわいい囲み枠】ピンク・ふんわり・水玉・女性向け

あめっくま

個人的には、4つ以上ならテキストリンクの方がおすすめです。

特に、記事下定型文に過去記事へのリンクがよく設置されますよね。

過去記事も読んでもらえるアメブロは成長速度が速くなるので、大事なテクニック！

アメブロのアクセスアップ手法としてよく使われます。

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

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

定型文のようなリンク集の場合は、囲み枠の中にテキストリンクを入れて設置するのがおすすめです。

素材数No.1！

あめっくま

並べるなら、テキストリンクの方が見やすいですね。

【補足】
アメブロには1記事6万字（htmlとして）の文字数制限があります。リンクカードは1つ約2,000文字で、設置数が多いと制限を超える場合もあります。

TOPページ・テーマページはサムネイルが表示されない　　

TOPページとテーマページもURLを貼り付けると、リンクカードに自動で変換されます。

ただし2021年3月現在は下記の表示となり、サムネイル画像が表示されません。

TOPページ👇

あめっくまのブログ（アメブロ集客・売上・デザインの情報発信サイト）あめっくま（アメブロ集客・売上・デザインの情報発信サイト）さんのブログです。最近の記事は「【アメブロのアクセスアップ】アクセス数を増やす8つのコツと優先順位（画像あり）」です。ameblo.jp

テーマページ👇

アメブロ集客方法｜あめっくまのブログ（アメブロ集客・売上・デザインの情報発信サイト）あめっくま（アメブロ集客・売上・デザインの情報発信サイト）さんのブログテーマ、「アメブロ集客方法」の記事一覧ページです。ameblo.jp

【補足】
プロフィールページの場合は、アイコン画像がサムネイルに表示されます。

サムネイル画像のないリンクカードより、テキストリンクの方が分かりやすく・クリックもされやすいです。

サムネイルがないとあまり目立たないので、テキストリンクの方がおすすめですね。

くますけ

サムネイルがないとリンクだと分かりにくいね・・・

あめっくま

ちょっと微妙なので、TOPページやテーマページはテキストリンクを推奨するよ。

リンクカードが貼れない・出ない場合は？

リンクカードが貼れない・表示されない場合もあります。

あめっくま

原因や対処法を確認しておきましょう。

スマホのブラウザでは不可

スマホのブラウザで記事を書いている場合は、リンクカードを貼れません。

スマホアプリで記事作成をしましょう。

Ameba（アメーバ）

CyberAgent, Inc.無料

あめっくま

PCかアプリのどちらかが便利ですね。

対応していないサイトのケースあり

手順通りに設定してもリンクカードが出ない場合は、アメブロ側で対応していないことが原因です。

徐々に対応サイトは増えているので、それまではテキストリンクで対応して下さいね。

あめっくま

実際にURLを貼り付けて、リンクカードに変換されるか確認しましょう。

リンクカードでクリック率・収益UPするテクニック

リンクカードを単に設置するだけでは、クリック率は上がりません。

そこでリンクカードでクリック率を伸ばす・収益UPするテクニックを学びましょう。

あめっくま

リンクカードでも工夫が大事！

クリックされるカバー画像にする

リンクカードのサムネイル画像を、記事内容に合った画像することが重要！

読者の興味が出やすく・クリック率も上がりますよね。

サムネイルはリンク先記事のカバー画像が表示されるので、各記事で内容に合ったカバー画像を設定しましょう！

くますけ

記事内容に関係ない画像では、クリック率が下がるよね・・・

オリジナル画像を用意

料理・美容・アパレルなど画像を見せることが大事なブログでは、オリジナル写真を用意しましょう。

例えばレシピブログなら、下記のように記事で紹介する料理の画像にするなど。

『正直うまい！ガーリックステーキピラフ　〜刺激が欲しいときにおすすめのビール〜』こんばんは！ガーリックバターの香りが食欲そそる！がっつり食べたい時におすすめのガーリックステーキピラフレシピのご紹介です。ガーリックピラフに豪華にステーキをの…ameblo.jp

あめっくま

画像が記事に合っていると興味が出ますよね！

フリー素材の活用もOK

画像を用意しにくいブログでも、下記のようにフリー素材でカバー画像を作ることも可能です。

無料で使える写真素材を活用すれば、簡単に用意できます。

画像にテキストを入れると、さらにGood！

あめっくま

例えば「Photo AC」は無料で豊富な写真素材を使えます。

カバー画像でPV・収益も変わる

カバー画像はリンクカード以外にも、記事一覧・ランキング・フォローフィードなどあらゆる場所でサムネイルとして表示されます。

そのためカバー画像を工夫するとクリック率が上がり、PV数・収益面での効果がUP！

なおアメブロのカバー画像の作り方・活用方法は、下記記事で解説しています。

集客・収益をUPさせる！

効果絶大！アメブロのカバー画像・アイキャッチの設定と推奨サイズ

下記のような「おしゃれなカバー画像」を3分で作る方法も紹介しているので、参考にして下さいね。

あめっくま

アメブロで収益の多い人ほど、カバー画像の使い方が上手ですね！

クリック率の高い記事タイトルにする

リンクカードには下記のようにリンク先記事のタイトルが、必ず表示されますよね。

読者は記事タイトルを見て、クリックするかどうかを判断するということ。

クリックされるタイトルには、下記の2点が最低限必要です。

記事の内容が伝わるタイトル
インパクトのある記事タイトル

記事内容を伝えつつ、思わずクリックしたくなるタイトルが重要ということですね。

適当な記事タイトルでは、クリック率が低く・収益も増えません。

また記事タイトルが表示されるのは、リンクカードだけではありません。

記事一覧・ランキング・フォローフィードなど、あらゆる場所で表示されます。

つまり記事作成時に魅力的なタイトルをつければ、クリック率が上がり・アクセス数も増えますね。

あめっくま

普段の記事作成時から、タイトルにこだわることが大事です！

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

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

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

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

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

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

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

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

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

あめっくま

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

マイクロコピーを用意する

リンクカードのすぐ上に、下記のようなマイクロコピーを置くのもおすすめ。

＼手法を全部公開！／

読者がリンクカードを思わずクリックしたくなる、インパクトのある言葉を選ぶのが大事ですね。

明らかにクリック率がUPしますよ。

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

＼ここにマイクロコピー／

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

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

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

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

秀和システム

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

あめっくま

リンク先の記事を読むメリットを、短い言葉で伝えましょう。

リブログで通知を狙うのもあり

リンクカードと似た機能に、下記の「リブログ」がありますよね。

記事を紹介した相手に「通知」が行くので、交流目的にも使えます。

リンクカードと使い分けてもいいですね。

「アメブロでのリブログ活用法」は、下記の記事で詳しく解説しています。

意外な効果あり？

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

あめっくま

リンクカードは通知ができないので、使い分けるのもおすすめです。

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

あめっくま先生 — Sun, 03 Jan 2021 10:00:00 +0000

この記事の特徴

重要度	5.0
難易度	2.0

この記事では、アメブロのスマホアプリでのリンクの貼り方・URLの簡単な貼り付け方を解説します。

アメブロのスマホアプリでも、リンクの使い方はとても重要です。

特によく使われる理由は、下記の2つ。

過去の関連記事にリンクを貼る
⇒アクセス数を簡単に伸ばせる
メニュー紹介ページ・申込ページにリンクを貼る
⇒ビジネスブログなら売上をUPできる

そこでこの記事では下記の3点を解説します。

【アメブロのスマホアプリ】リンクのポイント

スマホ・アプリでのリンクの基本的な貼り方
URLの簡単な貼り付け方
リンクのNGな使い方・注意点

スマホアプリでもリンクを正しく貼って、集客・売り上げを伸ばしましょう！

くますけ

リンクには注意点もあるんだね！

あめっくま

逆効果になる貼り方もあるから、正しい使い方を学ぼうね。

なお下記記事では、スマホアプリでも使えるアメブロのリンクで収益UPする活用法を紹介しています。合わせてチェックしておきましょう！

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

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

【基本編】アメブロのスマホアプリでのリンクの貼り方
スマホでのリンク・URLの簡単な貼り付け方
1. スマホの辞書登録を使う方法
2. 記事の複製機能を使う
スマホでのリンクのNGな使い方・注意点
リンクで集客・収益を伸ばす！
1. リンクでアクセス・ランキング・フォロワーを伸ばせる
2. 収益をUPできる

【基本編】アメブロのスマホアプリでのリンクの貼り方

最初にスマホアプリを使う場合の、基本的なリンクの貼り方を確認しておきましょう。

下記の3STEPで貼り付けできます。

スマホアプリでのリンクの貼り方手順

STEP1
リンクマークをタップ
STEP2
URLとリンクのテキストを入力
STEP3
スマホアプリでのリンク完成

単にリンクを貼るだけなら、これだけで完成！

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

それぞれの貼り方や特徴を知った上で、使い分けるのがおすすめです。

くますけ

リンクには種類があるんだね！

あめっくま

各種リンクの貼り付け手順を、画像付きで紹介しよう。

スマホアプリでテキストリンクを貼る方法

スマホアプリで記事の中に、「テキストリンク」を貼る方法を解説します。

テキストリンクとは、下記のような青文字に下線が引かれる文字リンクのこと。

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

くますけ

よく見るリンクだね！

あめっくま

誰にでもリンクと分かるのがメリットだね。

パッと見でリンクと分かるので、誰でもクリックしやすいのが特徴。

スマホで記事を書く場合にも、よく使われるリンクですね。

今回は下記のアメブロ記事へのリンクを貼る場合を例にします。

手順①

最初にアプリのエディタ上で、リンクを入れたい場所を選び・リンクマークをクリックして下さい。

手順②

すると下記のようにリンクの編集画面が出てきます。

上段にリンク先記事のURL・下段にリンクのテキストを入力して、「挿入」をクリックしましょう。

URLは長くて間違えやすいのでコピペ推奨です。

URLを1文字でも間違えると、正常に働かないので注意しましょう。

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

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

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

手順③

「挿入」をクリックすると、下記のようにエディタ上にテキストリンクが作成されます。

これでテキストリンクの出来上がり！

ちなみにこのエディタ上やプレビューの段階では、リンクをクリックしても飛べません。

記事を投稿すると、クリックできるようになります。

必ず記事作成後に、記事を開いてリンク先に飛べるか確認しておきましょう。

あめっくま

リンクは間違いが起こりやすいので、チェックして下さいね。

スマホアプリでリンクカードを貼る方法

リンクカードは下記のようなサムネイル付きのカードタイプのリンクです。

スマホで表示する場合は、下記のようになります。

文字だけのテキストリンクに比べて大きく目立つので、クリック率が高くなりやすいのが特徴。

過去記事へのリンクカード貼って読者を誘導すると、ブログ全体のアクセスが増えていきます。

「アメブロのアクセスアップ方法」の基本テクニックですね。

スマホで記事を書く場合でもサクッと設置できて、簡単にPVを伸ばせるので導入しておきましょう。

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

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

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

あめっくま

過去記事のリンクカードを効果的に使いましょう！

スマホアプリで画像リンク・バナーを貼る

スマホアプリでも下記のような、画像リンクやバナーを貼ることもできます。

「メニュー紹介ページ」や「申込ページ」などの収益記事に、バナーで誘導する手法ですね。

くますけ

バナーはクリック率が高そう！

あめっくま

最高に目立つから大事な誘導にピッタリだよ。

なおアメブロでの画像リンク・バナーの貼り方は、下記記事の中で紹介しています。

バナーで収益UPしよう！

スマホアプリでボタンリンクを貼る

下記のような、お申し込みボタンですね。こちらもスマホアプリでも設置できるリンクの一種です。

お申し込みはこちら

テキストリンクより目立つので、読者のクリック率が高く・収益UPにつながりやすいのが特徴。

「収益ページ」や「申し込みフォーム」などに誘導するリンクとして最適ですね。

くますけ

ボタンがあると、つい押したくなっちゃうよね！

あめっくま

大事な誘導にはボタンを使おう！

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

クリック率が超UP！

スマホでのリンク・URLの簡単な貼り付け方

アメブロのスマホアプリでリンクを貼る時に、面倒なのがURLを入力する作業ですよね。

「記事を探す⇒URLをコピー⇒貼り付け」

この作業を少しでも簡単にできる方法を2つ紹介します。

スマホの辞書登録を使う方法

よく使うURLをスマホで辞書登録しておくと、簡単に貼り付けできます。

例えば、「りんく」という単語で「https://ameblo.jp/ame-maker/entry-12653500026.html」のURLを辞書登録してみました。

リンクの挿入画面で「りんく」と打ち込むと、下記のように変換候補にURLが出ていますね。

候補のURLをタップするだけで、簡単に貼り付けできます。

くますけ

URLを簡単に入力できるね！

あめっくま

よく使うURLを事前に辞書登録しておくといいよ。

記事の複製機能を使う

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

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

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

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

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

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

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

記事作成効率がUP！

くますけ

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

あめっくま

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

スマホでのリンクのNGな使い方・注意点

リンクのNGな使い方・注意点は下記の3つ。

アンダーラインを引いていない
青色以外にする
プロフィールページのURL間違い

「クリック率が下がる」・「読者に見てもらえない」などの悪影響が出てしまいます。

あめっくま

順番に解説しますね。

リンクにはアンダーラインを引く方がいい

リンクにアンダーラインを引くかどうかは、本来はお好み。個人的にもどちらでもいいと思います。

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

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

アメブロの記事をPCで見ると、下記のように色が濃いためリンクと分かりやすいです。

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

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

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

アプリでも表示してる？

あめっくま

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

リンクは青色がベスト

テキストリンクには青色が多く使われていますよね。

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

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

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

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

あめっくま

できるだけ青色にしておきましょうね。

【補足】
リンク以外の文字を青色にすると、読者から見て何がリンクなのか分かりにくいです。青系統の文字はリンクのみに使うのが基本です。

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

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

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

読者がプロフィールページを見れない載せ方なので、絶対にやめておきましょう。

あめっくま

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

リンクで集客・収益を伸ばす！

リンクはアメブロで記事を書く上で、とても重要な技術です。

理由は下記の2つ。

アクセス・ランキング・フォロワーを簡単に伸ばせる
⇒過去記事へリンクを貼って、読者に複数記事を読ませる
ビジネスブログで売上をUPできる
⇒メニュー紹介ページ・申込ページにリンクを貼る

リンクでアクセス・ランキング・フォロワーを伸ばせる

新しい記事に加えて過去記事も読んでもらえると、1つのアクセスを簡単に2倍・3倍にできますよね。（内部リンク）

「アメブロのアクセスアップ方法」の中でも、最も簡単ですぐに効果が出る手法です。

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

当然ですがリンクでアクセスが伸びれば、ランキングも上がります。

そうするとランキングページからも集客でき、ブログがどんどん成長していきますね。

さらにリンクを踏むということは、「あなたのブログに読者が興味が出ている状態」です。

複数記事を読む読者は、フォロワーになる可能性も高くなります。

このようにリンクには高い効果があります。

新しい記事を書く時に、必ず関連する過去記事にリンクを貼っておきましょう。

くますけ

リンクはすごい大事なんだね。

あめっくま

だから過去記事のアクセスが続く人は、アメブロでの成長が早いんだよ。

収益をUPできる

収益目的でアメブロを運営しているなら、ゴールは申し込みに至ることですよね。

そこで大事なのは、「集客記事」から「収益記事」にリンクで誘導すること。

日々の新しい記事で集客し、「おすすめのAmebaPick商品を紹介する収益記事」「提供メニューの紹介ページ」「申込フォーム」などへ読者を誘導するのが基本です。

つまり、リンクで誘導できないと売上が伸びません。

毎日新しい記事を追加しても読者を誘導できなければ、離脱されるだけですね。

当然ですが、読者にリンクをクリックされる回数が増えるほど収益は伸びます。

クリック率をどれだけ伸ばせるかが重要！

詳しい方法は、「リンクで収益UPする活用方法」で解説しています。

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

くますけ

リンクで誘導するから、売り上げにつながるんだね。

あめっくま

読者のためになる情報記事で集客して、収益ページにリンクで誘導するのが基本だよ。

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

あめっくま先生 — Sun, 03 Jan 2021 03:56:00 +0000

この記事の特徴

重要度	3.0
難易度	2.0

「リブログ」とは、自分のアメブロ内で他人のアメブロ記事を紹介する機能のこと。

「リブログ」すると下記のように、記事内に専用のリンクが作られます。

下記で紹介している、収益UPできるアメブロのリンク活用法の一つですね。

収益UPする方法がたくさん！

他人の記事を紹介するだけではなく、自分の記事を紹介することも可能。

あめっくま

使い方によって、意外な効果もあるので確認しておきましょう。

アメブロでのリブログのやり方を解説
リブログされるメリット・効果
1. 集客・収益UPにつながる
2. リブログされるために重要なこと
リブログすると通知が行く
リブログとリンクカードの違い・使い分け
1. 見た目は少し違う
2. 使い分け方
リブログでよくある質問

アメブロでのリブログのやり方を解説

リブログの仕方は下記の3STEPでOK。

リブログの貼り方

STEP1
リブログする記事を選ぶ
STEP2
リブログボタンをクリック
STEP3
記事を作成して公開

基本の方法は簡単です。

ただし記事の途中に入れる場合は、上記と少し異なります。

「基本の使い方」「記事途中での貼り方」を順番に解説しますね。

あめっくま

まずは「リブログの貼り方」を確認しましょう！

【補足】
他人のアメブロ記事・自分のアメブロ記事に関係なく、どちらも同じ方法でリブログできます。

リブログの基本の使い方（PCの場合）

手順①

まずはリブログ（紹介）する記事を選んで下さい。

他人のアメブロで参考になる記事や、自分のアメブロの中で読んでほしい記事ということですね。

なおリブログはアメブロ記事のみ選べる仕組みです。

外部サイトなどアメブロ以外の記事を貼り付ける場合は、リンクカードを利用して下さいね。

クリック率UP方法あり！

手順②

紹介する記事を決めたら、その記事下にあるリブログボタンをクリックします。

記事の一番下、いいねボタンとコメントボタンの横ですね。

手順③

すると下記のように、リンク部分が入った状態でエディタが立ち上がります。

リブログした記事のタイトルも自動で入りますが、自由に変更可能。

そのままだとタイトルが全く同じとなるので、できれば変更しておきましょう。

またリブログ部分の上下には文章を自由に書けます。

普段のように記事を作成して、公開すればOK。

【注意】
リブログだけして記事の中身を書かずに公開するのはやめましょう。読者にとって読む価値のない記事となります・・・

くますけ

「リブログボタン」⇒「記事内容を書く」⇒「公開」の順だね！

あめっくま

記事後半の「効果」や「使い分け方」も、しっかり確認しておこう。

補足

なおリブログされた記事の下には、リブログした記事へのリンクが表示されます。

リブログした方にも少しメリットがある仕組みですね。

ただし、このリンク目的でリブログをするのはやめましょう。単なるマナー違反の迷惑行為です。

あめっくま

あくまでも良い記事だから紹介するというスタンスを忘れずに・・・

記事の途中や好きな位置にリブログを入れる

下記のように、記事作成中にリブログを挿入したい場合もあります。

もちろん自由に位置を決めて、リブログを差し込むことは可能です。

少し手順が変わるので確認しておきましょう。

手順②のリンクボタンをクリックするところまでは同じです。

リブログボタンをクリックすると、下記のように新しいタブで別の作成記事としてエディタが立ち上がりますよね。

これをコピペして、作成中の記事に貼り付けます。

まずはリブロブで新しく立ち上がった記事を、「HTML表示」に切り替えます。

すると下記のように、リブログの部分のコードが表示されるのでコピーしましょう。

となっているのが目印です。全部コピペで問題ありません。

続いて作成中の記事もHTML表示に切り替えて、挿入したい部分にコピーしたコードを貼り付けます。

下記のように、コードを貼り付けたら通常表示に戻します。

すると作成中の記事にも、リブログを差し込むことができました。

あとは記事を完成させて、公開すれば完了！

もちろん過去に作った自分の記事でも、同じ方法でOK。

くますけ

途中に入れたいなら、コピペすればいいんだね！

あめっくま

好きな位置に入れることができるよ。

スマホアプリでのリブログのやり方

スマホで記事を作る場合の操作も基本的に同じです。

手順①

まずはリブログ（紹介）する記事を選びましょう。

PCの場合と同じく、リブログはアメブロ記事のみ選べる仕組みです。

アメブロ以外の記事を貼り付ける場合は、リンクカードを利用して下さいね。

クリック率UP方法あり！

手順②

リブログで紹介したい記事下にある「リブログマーク」をタップします。

記事を見ていると表示される、下記のポップアップからでもOKです。

手順③

下記のように記事作成画面が立ち上げります。

記事タイトルが自動で入力されますが、自由に変更できます。

（他の記事と同じタイトルではおかしいので、変更しておきましょう）

もちろんテーマやハッシュタグも自由に変更してOK。　　

さらに下記のように、記事に文章を追加することもできます。

内容を書いて公開すれば完成です。

【注意】
リブログだけして記事の中身を書かずに公開するのはやめましょう。読者にとって読む価値のない記事となります・・・

くますけ

スマホでも簡単に入れられるね！

あめっくま

スマホで書く場合も、記事後半の「効果」や「使い分け方」を確認しておこう。

リブログを削除する場合

リブログを消すのは簡単です。

リブログを含む範囲を選択して、「BACKSPASEキー」などで消して更新すればOK。

リブログ前後の空白行もまとめて選択して、削除すると確実です。（不要なHTMLコードをまとめて消せるため）

あめっくま

スマホでも、同じ方法でOKです。

リブログの設定・拒否したい場合

デフォルトでは、下記のように設定でリブログは許可されています。

ブログ全体でリブログを拒否したい場合は、「受け付けない」に変更して下さい。

すると、記事下のリブログボタンが非公開となります。

「リブログができない」状態ということですね。

なお記事作成エディタ上で、「リブログを受け付けない」を選ぶと記事単位でも設定できます。

設定で「受け付ける」を選び・全体ではリブログ許可をして、特定記事でリブログ拒否をする場合に使えますね。

使いどころとしては・・・

自分の記事がリブログされたけど、「内容を否定」「嫌がらせを書かれた」場合など。

リブログされて悪影響が出た場合に、拒否することでリブログが反映されない状態にできます。

あめっくま

基本は許可推奨ですが、嫌がらせを受けた場合に後から拒否できるということですね。

リブログされるメリット・効果

リブログされると、下記のように通知が来ます。

自分の記事がリブログされたかどうかは、「ブログ管理」⇒「リブログ履歴」で確認できます。

あめっくま

リブログされるメリットを具体的に確認しましょう。

集客・収益UPにつながる

あなたの記事がリブログされるということは・・・

他の人のアメブロ内で、あなたのアメブロが紹介されたということ。

リブログした人の読者がクリックして訪問してくれる可能性があります。

つまりアメブロのアクセスを増やす方法の1つと言えますね。

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

効果絶大！アメブロのカバー画像・アイキャッチの設定と推奨サイズ

あめっくま

記事がリブログされると、集客や利益が伸びる可能性が高くなります。

リブログされるために重要なこと

残念ながら、「日記」や「ビジネスの売込み記事」ではリブログされる可能性は低いです。

あなたも読者やフォロワーに、質の低い記事を紹介したくないですよね・・・

紹介する側は「参考になる記事」だから、リブログして読者に読んでほしいと考えます。

つまり、人に気づきを与える・役に立つ記事内容は必須です。

アメブロで稼ぐ手法と基本は同じですね。

くますけ

日記や売込み記事だけを書いても、稼げないのと同じだね・・・

あめっくま

集客や利益を伸ばしたいなら、人の役に立つ記事を書くことが大事だね！

【補足】
リブログ自体を利用しない人もいるので、「テキストリンク」や「リンクカード」での紹介の方が明らかに多いです。リブログされることが少なくても、リンクで紹介されていれば十分ですね。

リブログすると通知が行く

他人の記事をリブログをする時にも、意味はあります。

他のリンクと違い、相手に通知が行くのがリブログの特徴。

通知を見た人は、リブログしたあなたの記事を見に来る可能性が高いですよね。

フォローされるなど交流が生まれる可能性もあります。

通常のリンクでは通知がいかないので、リブログする場合のメリットと言えますね。

あめっくま

もちろん、いい記事だから紹介するという姿勢が大事です。交流目的でも質の低い記事をリブログすると、自分の読者にその記事を紹介することになりますよね・・・

リブログとリンクカードの違い・使い分け

「リブログ」「リンクカード」は、どちらもサムネイル付きのリンクが表示される仕組みです。

それぞれの違いを確認しましょう。

見た目は少し違う

アメブロの同じ記事を、下記のようにそれぞれの方法でリンクを貼ってみます。

リブログ👇

リンクカード👇

表示の仕方は違いますが、サムネイル付きのクリックできるリンクという点は同じですね。

なおカバー画像を設定すると、サムネイルを自由に決められます。

アメブロのカバー画像で収益UPする方法を知っている人は、どんどん使いましょうね！

クリック率UP手法公開！

あめっくま

どちらもカバー画像でサムネイルをコントロールすることが重要です。

使い分け方

見た目以外の違いは下記の通り。

	リブログ	リンクカード
相手への通知	あり	なし
アメブロ以外の記事	不可	可能
1つの記事内に複数設置	面倒	簡単

リンクカードはアメブロ以外の記事でも設置可能（非対応サイト一部あり）で、1つの記事内に複数の設置が簡単です。

使いやすいのが特徴と言えますね。

なおリンクカードの活用方法は、下記の記事で詳しく解説しています。

クリック率UP方法あり！

対して、「リブログは相手への通知」がある点で優れますよね。

通知が不要なら、リンクカードを選ぶのがいいでしょう。

あめっくま

「使い勝手のリンクカード」or「通知のリブログ」、用途で選んで下さいね。

リブログでよくある質問

①人の記事を勝手にリブログしてもいいの？

⇒アメブロの機能なので、特に遠慮する必要はありません

②リブログされたらコメントした方がいい？

⇒どちらでもいいと思います

③自分のブログの過去記事をリブログする意味はある？

⇒あまり意味はないです・・・リンクカードで十分です

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

あめっくま先生 — Sat, 02 Jan 2021 19:13:00 +0000

この記事ではアメブロでの下記URLの確認・取得方法を解説します。

自分のブログ記事
他人のブログ
トップページ
テーマページ
プロフィールページ
予約投稿（未来記事）

URLを取得してリンクにすれば、読者をブログ内で誘導・回遊させることが可能となりますよね。

くますけ

アメブロでアクセス・売上の多い人はリンクの貼り方が上手だよね。

リンクはアクセス・売上UPに欠かせない重要なテクニック！

特に過去記事が読まれ続けるように内部リンクを設置すると、ブログが右肩上がりで成長します。

そしてリンクを貼るにはURLが必要なので、アドレスの見方や取得方法を正しく確認しておきましょう。

あめっくま

URLの調べ方を確認して、リンクを積極的に使って下さいね！

なお「アメブロでのリンクの貼り方・活用方法」も合わせて確認すると、収益UPが近づくのでおすすめです。

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

【PC版】アメブロで自分の記事URLを確認する方法
【アプリ版】URLの確認・取得方法
【スマホブラウザ版】URLの確認・取得方法
他人のブログの場合は？
1. 他人の記事のURLを取得する方法
2. 他人のブログがアメブロの場合
URL確認時の補足・注意点

【PC版】アメブロで自分の記事URLを確認する方法

パソコンでアメブロ記事を書く場合に、自分のブログURLの確認方法は主に下記の3つ。

管理画面でURLをコピー
記事一覧からURLをコピー
実際の記事を開いてURLをコピー

特に①・②のURLの出し方が簡単で、サクッとできます。

あめっくま

3つの見方を紹介するので、お好きな調べ方を選んで下さいね。

方法①管理画面でURLをコピー

アメブロのブログ管理画面で記事一覧を表示して、URLを知りたい記事のタイトルを右クリックします。

続いて、下記のように「リンクのアドレスをコピー」をクリックして下さい。

【補足】
「Google Chrome」の場合は、「リンクのアドレスをコピー」、「Edge」の場合は「リンクをコピー」と表示されます。ブラウザによって表現が違うので、近いものを選んで下さい。

これでURLをコピーできたので、あとは貼り付けて使うだけですね。

くますけ

一覧からすぐにコピーできるんだね。

あめっくま

記事がどこにあるのか探す手間が少ないから、サクッとできるよ。

方法②記事一覧からURLをコピー

管理画面ではなく、あなたのアメブロ上で直接URLの取得もできます。

「TOPページ」「記事一覧」「テーマ一覧」などで記事一覧を表示しておいて、下記のようにタイトル上で右クリックをしましょう。

続いて、下記のように「リンクのアドレスをコピー」をクリックして下さい。

【補足】
Google Chromeの場合は、「リンクのアドレスをコピー」、Beingの場合は「リンクをコピー」と表示されます。ブラウザによって表現が違うので、近いものを選んで下さい。

これでURLをコピーできたので、あとは貼り付けて使うだけです。

くますけ

自分のアメブロの記事タイトルからもコピーできるんだね。

あめっくま

記事一覧から直接取得できるから簡単だよね。

方法③実際の記事を開いてURLをコピー

URLを知りたい記事を実際に開いて、アドレス欄からコピーする方法です。

一般的にはURLを知りたい場合の、基本的な方法となります。

下記のように記事を開き、画面上部にあるURL欄をコピーしましょう。

確認・取得方法

上記画像は「Google Chrome」ですが、「Edge」「Firefox」なども全て同じです。

これでURLをコピーできたので、あとは貼り付けて使うだけです。

各記事を探して開くので、方法①・②に比べると少し手間がかかりますね。

また注意点としてプロフィールページのURLをこの方法で取得すると間違えます。（正しい取得方法は記事後半で紹介）

あめっくま

URL取得時の注意点などは、記事後半で解説しますね。

【アプリ版】URLの確認・取得方法

【補足】
iPhoneアプリでの方法で紹介していますが、Androidアプリも同じです。

スマホアプリで記事を書いている人向けに、アメブロアプリで自分のブログのURL取得方法を紹介します。

まずは「ブログ管理」を開いて、「自分のブログを見る」をタップします。

記事一覧が表示されるので、URLを取得したい記事を選んで下さい。

続いて、画面右下の「シェア」をタップします。

下記のとうに、「URLをコピー」をタップして下さい。

これでスマホアプリでもURLをコピーできたので、あとは貼り付けて使うだけですね。

くますけ

アプリでも簡単だね。

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

スピードUPする方法も紹介しているので、合わせてチェックして下さいね。

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

【スマホブラウザ版】URLの確認・取得方法

アプリではなくスマホブラウザを利用している場合も簡単です。

記事一覧からURLを取得したい記事を開きましょう。

続いて、画面の上にあるURLをタップします。

すると記事のURLが表示されるので、コピーして下さい。

あとは貼り付けて使うだけですね。

くますけ

スマホブラウザでも簡単だね。

他人のブログの場合は？

もちろん他人のブログや外部サイトのURLも取得可能です。

他の人のアメブロ記事や、あなたのSNSのURLでもOK。

参考になる記事や読者を誘導したい先のURL取得方法を、確認しておきましょう。

他人の記事のURLを取得する方法

実際に記事を開いて、上部のURL欄をコピーするのが一般的です。

URLを知りたいページをブラウザ上で開いて、上部のURLのアドレスをコピーしましょう。

PCなら下記の通り。

上記画像は「Google Chrome」ですが、「Edge」「Firefox」なども全て同じです。

スマホの場合も同じですね。上部のURLをタップしてコピーしましょう。

上記はiPhoneのSafari画面ですが、Andoroidの「Google Chrome」も同じ方法でOKです。

他人のブログがアメブロの場合

他人のブログがアメブロの場合でも、記事上部のURLをコピーすればOKです。

ただしスマホアプリで記事を開く場合のみ、取得方法が変わります。

まずアメブロのアプリ上で、他の人のアメブロ記事を開きます。

下記のように画面右下の「シェア」をタップしてください。

続いて、「URLをコピー」を選びます。

下記のように、「クリップボードにコピーしました」と表示されればOK。

上記画像はiPhoneアプリですが、Andoroidアプリでも同じです。

URL確認時の補足・注意点

ここまでは主に記事のURLの取得について解説しましたが、アメブロには他にも下記のページが存在しますよね。

TOPページ
テーマページ
プロフィールページ
予約記事

これらのページにもURLが存在し、意外と使う場面が多いです。

取得方法を確認しておきましょう。

TOPページのURL

アメブロのTOPページのURLは下記のような仕組みです。

全員共通のアメブロURLの後に、アメーバのアカウントIDが含まれる形ですね。

TOPページのURL取得方法を解説します。

PCの場合

TOPページを実際に開いて、画面上部URL欄のアドレスをコピーしましょう。

または記事上部にある「ブログトップ」を右クリック⇒「リンクのアドレスをコピー」を選んでもOK。

各記事の上部にあるので、TOPページを開く必要がないのも便利ですね。

どちらの方法でもOK。

スマホアプリの場合

スマホアプリの場合はURL欄がないので、下記の手順で取得します。

ブログ管理から「自分のブログを見る」をタップして下さい。

開いたページがTOPページとなるので、右上のマークをタップします。

下記の画面になるので、「URLをコピー」を選択しましょう。

これでアプリの場合も、TOPページのURLを取得できました。

スマホブラウザの場合

スマホブラウザで下記のように①一覧を選んだ状態で、②URL欄をタップして下さい。

するとTOPページのURLが表示されるので、コピーすればOK。

これでスマホブラウザの場合も、TOPページのURLを取得できました。

テーマページのURL

テーマページ（カテゴリー）は、各テーマに振り分けた記事一覧を見れるページです。

リンクでテーマページに誘導すれば、読者が記事を探しやすくなりますよね。

ブログ内を読者に回遊してもらるため、1つのアクセスを2倍・3倍と伸ばすことが可能。

「アメブロのアクセスの増やし方」の中でも、簡単でよく使われる手法ですね。

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

あめっくま

テーマページはかなり使えます！

なお、テーマページのURLは下記の仕組みです。

全員共通のアメブロURLの後に、「theme」に続いて自動で決められた数字が入ります。

ではテーマページのURL取得方法を確認しましょう。

PCの場合

テーマをサイドバーに表示しておくと、サクッとテーマページのURLを取得できます。

下記のようにURLを知りたいテーマ上で右クリックして、リンクのURLをコピーするだけ。

これでテーマページのURLを取得できたので、貼り付けて利用して下さいね。

もちろんテーマページを実際に開いて、URL欄をコピペしてもOKです。

スマホブラウザの場合

【補足】
スマホアプリではテーマページのURLを取得できません。こちらのスマホブラウザの方法を利用しましょう。

下記のようにアメブロのTOPページを開いた状態で、「テーマ」を選びます。

一覧が表示されるので、URLを取得したいテーマをタップして下さい。

スマホ用のテーマページが開くので、上部のURL欄をタップします。

最後にURL欄のアドレスをコピペして完了です。

これでスマホでもテーマページのURLを取得できました。

プロフィールページのURL間違いが多発

プロフィールページのURLを取得する時に、コピペをしてしまうと間違いが起こりやすいです。

具体的には下記のとおり。

最後が「/me」になっていると間違いです。このURLでは読者がプロフィールページを見れません。

必ず「https://profile.ameba.jp/ameba/アメーバID」を使って下さいね。

あめっくま

致命的なミスなので、絶対にやめておきましょう。

予約記事・投稿（未来記事）のURL

記事をすぐに公開せず、投稿日時を指定して投稿予約することもできますよね。（予約記事）

【注意】
同じ意味で使われる未来記事という言葉は、一般的に使われない用語です。予約投稿や予約記事と覚えておきましょう。

まだ正式に公開されていない状態ですが、URLの取得は可能です。

予約投稿した記事のリンクも貼れるということですね。

ちなみに、アメブロの各記事のURLは下記のとおり。

「entry-」の後の記事IDの部分（11桁の数字）が、各記事を投稿すると自動で割り当てられる仕組みです。

そして記事を予約投稿した段階で、記事IDの数字が決まる仕組みです。

取得方法を確認しておきましょう。

PCの場合

記事を予約投稿した後に、「ブログ管理」⇒「記事の編集・削除」で記事の一覧を表示します。（予約記事が下書きの状態でもOK）

下記のように、URLを取得したい予約記事のタイトル上で右クリックして下さい。

続いて、「リンクのアドレスをコピー」をクリックすれば完了！

これで予約記事のURLを取得できたので、貼り付けてリンクなどに利用しましょう。

スマホブラウザの場合

【補足】
スマホアプリでは予約記事のURLを取得できません。こちらのスマホブラウザの方法を利用しましょう。

「ブログ管理」⇒「投稿した記事」を選びます。

取得したい予約記事のタイトルを長押しします。

下記の画面に進むので、「リンクのURLをコピー」をタップして下さい。（下記画面はiPhoneのsafariですが、Androidでもほぼ同じです。）

これで予約記事のURLを取得できたので、貼り付けてリンクなどに利用しましょう。

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

あめっくま先生 — Mon, 21 Dec 2020 14:19:46 +0000

この記事の特徴

重要度	3.5
難易度	3.0
備考	アメブロでリンクのアンダーラインを引く時には意外な注意点があります。特にアプリの対応をできているかが大事です。

この記事では「アメブロでのリンクの下線・アンダーライン」について解説します。

ブログのリンクにアンダーラインを引くかどうかは議論が分かれますよね。好みの部分でもあります。

ですがアメブロではクリック率を上げるために、リンクにアンダーラインを引いた方がいいです！

理由はアメブロのアプリで記事を見ると、リンクだと分かりにくいため。

例えばPCで記事を見る場合、アンダーラインのある・なしを比べると下記の通り。

リンクのデフォルト色が濃いので、アンダーラインがなくても分かりやすいです。

アプリの場合は下記の通り。

PCより色が薄く、アプリやスマホでは下線がつかないとリンクと気づかない人も出てきます。

最近ではスマホで見る読者の方が圧倒的に多いので、スマホへの対応が大事ですね！

くますけ

スマホで読む読者が多いから、下線を引くとクリック率をUPできそう！

ところが中には、アプリやスマホブラウザで無効な方法が多く紹介されているので要注意！　　　

そこでPC・アプリどちらでも表示する、アメブロのリンクに下線を引く方法を紹介しますね。　

あめっくま

なお事前に、収益UPするリンクの活用方法を確認していると分かりやすいですよ。

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

アメブロのリンクにアンダーライン・下線を引く方法

アメブロのリンクにアンダーライン・下線を引く方法

アメブロでリンクに下線を引く方法は、主に下記の3種類あります。

エディタの下線機能を使う
CSSに下線を引くコードを追記
フリースペースにコードを記入

結論から言うと、「①エディタの下線機能を使う方法」がおすすめです。

あめっくま

全ての手法を解説しますが、①エディタの下線機能だけを読めばOKです！

①エディタの下線機能を使う

	対応状況
スマホ
PC

簡単にできて、スマホ・PCのどちらにも対応！

もちろんアメブロのスマホアプリで見る場合も、リンクに下線が引かれます。

リンクを作成した後に、エディタの下線をクリックするだけの方法です。

下記の３STEPで簡単にできます。

アメブロでのリンク下線の引き方手順

STEP1
テキストリンクを用意
STEP2
テキストリンクを選択
STEP3
エディタの下線マークをクリック

【補足】
PC表示でリンクに下線が引かれている場合は、スマホ表示のために行う作業となります。

下記のようにテキストリンクを用意します。

テキストリンクを選択した状態で、エディタの下線マークをクリックして下さい。

以上で完了！とっても簡単ですね。

ちなみにエディタ上ではリンクに下線が引かれているので、パッと見は下記のように変わりません。

ですが記事を投稿してスマホで確認すると、リンクにアンダーラインが引かれていますよ。

注意点としてはリンクを削除しても、アンダーラインは下記のように残ります。

リンクを解除したら、アンダーラインも消しておきましょう。

あめっくま

スマホで読む読者のクリック率を上げるために、忘れずに下線を引いておきましょう。

アンダーラインを消す場合

下線を削除する場合も同じ作業です。

下記のようにアンダーラインを引いたリンクの部分を選択して、リンクマークをクリックするだけ。

削除も簡単ですね。

②CSSに下線を引くコードを追記

	対応状況
スマホ
PC

アメブロのデザインでCSS編集用デザインを使っている場合は、CSSコードに追記することもできます。

全ての記事でリンクに下線を引いたり・消す調整を簡単にできます。

ただし、残念ながらスマホの表示には対応しません。

あめっくま

アメブロのCSSには、スマホ表示に適応できない欠点があります。

デザインの設定から、CSS編集をクリックします。

現在使用中のブログデザインCSSが表示されるので、下にスライドしてリンクの部分を探します。

（1-1）基本テキスト全体の部分にある、「/*リンク*/」「/*訪問済みリンク*/」の部分を調整します。

下記のように、｛｝の中を改行してコードを挿入しましょう。リンクと訪問済みリンクの両方を変更しておくのがおすすめです。

保存をクリックして完成です。（ただしスマで読む読者には表示されません・・・）

挿入できるコードは下記から選んで下さいね。

text-decoration: underline; /*下線を引く*/

text-decoration: none; /*下線を消す*/

text-decoration: overline /*上線を引く*/

text-decoration: line-through /*取り消し線*/

text-decoration: blink /*文字点滅*/

例えば全記事のリンク下線を消すなら、下記のように挿入して保存すればOK。

PCで記事を見る場合のリンク下線が全て削除されます。

あめっくま

PCで見る読者が多いブログ限定の手法ですね。

③フリースペースにコードを記入

	対応状況
スマホ
PC

CSS編集用テーマ以外を使っている人は、フリースペースに下記のコードを追記してもOK。

フリースペースの一番下に追記するといいでしょう。

あめっくま

ただしスマホで全く表示されないので、メリットが少ないです。

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

あめっくま先生 — Wed, 14 Oct 2020 14:08:00 +0000

この記事の特徴

重要度	3.0
難易度	2.0
備考	電話受付・問い合わせをしている人は、電話番号リンクを必ず導入しておきましょう。

この記事では、ブログやアメブロに電話番号リンクを貼り付ける方法を紹介します。

「電話番号リンク」を設置すると、読者がスマホでタップするだけで電話ができますよね。

「収益UPできるアメブロのリンク活用法」の中で紹介している手法の１つです。

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

下記にタップで電話できるデモを用意しました。実際にどんな感じになるのか確認しましょう！（注：電話番号自体はデモです）

℡:00-0000-0000

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

簡単に「電話をかける」ことが可能ですよね。

画面上に表示されている電話番号を、ブラウザを閉じて・番号を入力して・掛けるのはスマホでは手間がかかります。

申し込みや問い合わせ用に電話受付しているブログでは、必ず導入しましょう。

くますけ

タップで電話できるのは簡単でいいね。

あめっくま

読者に手間を取らせない配慮をしておきたいよね。

ブログやアメブロでの電話番号リンクの貼り方
1. テキストでのメールリンクの載せ方
2. 下線があるとクリックされやすい
タップしやすい電話番号リンクがおすすめ
電話番号リンクを簡単に貼り付ける方法
1. 過去記事の電話番号リンクをコピー
2. 記事の複製機能を使う
アメブロに電話番号リンクを貼り付けよう

ブログやアメブロでの電話番号リンクの貼り方

リンクを貼る時に、URLの前に「tel:」をつけると電話番号リンクになります。

メールリンクとよく似た仕組みですね。

超便利！

電話番号リンクは、下記の4STEPで完了です。

電話番号リンクの貼り方の手順

STEP1
電話番号リンク用のテキストを書く
STEP2
リンクマークをクリック
STEP3
URLに「tel:電話番号」を入力
STEP4
挿入ボタンをクリック

アメブロでのリンクの貼り方を、少し変えるだけなので簡単ですね。

あめっくま

実際のやり方を解説しますね。

テキストでのメールリンクの載せ方

PCで下記のようなテキストの電話番号リンクを、アメブロに貼ってみましょう。

お電話はこちら

℡:00-0000-0000

手順①

まずは記事作成エディタ上に、下記のような電話番号リンク用のテキストを用意します。

テキストには電話番号自体を書いておくのがおすすめです。

PCで見る読者は、クリックしても電話をかけられないことが多いですよね。

番号を表示しておくと、PC画面を見ながら・スマホに番号を手入力できるのが理由です。

手順②

電話番号リンクにするテキストを選択した状態で、「リンクマーク」をクリックします。

手順③

リンクのボックスが表示されたら、URL欄に「tel:」に続けて「電話番号」を入力します。

「リンクを挿入する」をクリックしましょう。（テキストの変更も可）

【補足】
URL欄の電話番号は、「ハイフンあり・なし」どちらでもOK。
国際電話番号を載せたい場合は、最初の「0」を「+81」に変えて下さい。

手順④

すると下記のようにテキストの電話番号リンクになっています。

これで完成！

なおエディタ上やプレビューではリンクをクリックできません。投稿後に実際にクリックして確認しましょう。

スマホでタップして、下記のように電話が起動すれば成功です！

くますけ

簡単に電話番号リンクを貼り付けできるんだね。

あめっくま

でもテキストではなく、電話番号ボタンの方がおすすめだよ。

下線があるとクリックされやすい

リンクにアンダーラインを引くかどうかは、本来はお好みですよね。

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

理由はアプリで見る場合に、ハッキリとリンクだと分かるため。

アメブロの記事をPCで見ると、下記のように色が濃いためリンクと分かりやすいです。

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

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

電話番号リンクの場合も、スマホアプリでもリンクに下線を表示する方法を使いましょう！

アプリでも表示してる？

あめっくま

スマホアプリで記事を見て、リンクに下線があるか確認して下さいね。

タップしやすい電話番号リンクがおすすめ

タップしやすい電話番号ボタンにすると目立つので、読者からのクリック率もUPしやすいですよね。

下記のコードをコピペすると、すぐに記事に貼り付けできます。

00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;">お電話はこちら
00-0000-0000

00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;">お電話はこちら
00-0000-0000

00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;">お電話はこちら
00-0000-0000

00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;">お電話はこちら
00-0000-0000

00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;">お電話はこちら
00-0000-0000

00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;">お電話はこちら
00-0000-0000

00-0000-0000" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); line-height: 1.5; font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.7em 1.1em 0.7em 2.4em;">お電話はこちら
00-0000-0000

緑の部分に電話番号
赤の部分に番号を書くと記事に表示

くますけ

文字だけより押しやすくていいね。

あめっくま

電話番号リンクでボタンを使っていない人は、早めに導入した方がいいよ。

手順①

エディタを「HTML表示」に切り替えます。

手順②

下記のようにコードを貼り付けて、「リンク先URL」を「tel:電話番号」に書き換えて下さい。

入力したら通常表示に戻して完成です。

下記のようにクリックしやすい電話番号リンクとなります。

下記の関連記事で豊富なデザインを用意しているので、参考にして下さいね。

クリック率が超UP！

あめっくま

クリック率がグッとあがりますよ。

電話番号リンクを簡単に貼り付ける方法

毎回の記事で、電話番号やテキストを入力するのは面倒ですよね。

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

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

過去記事の電話番号リンクをコピー
過去記事の複製

過去記事の電話番号リンクをコピー

過去の記事で作った電話番号リンクをコピーすることで、サクッと貼り付けできます。

下記のように過去記事のエディタ上で、以前作成した電話番号リンクを表示しましょう。

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

続いて新しく作成する記事のエディタ上で、貼り付けたい場所で「右クリック⇒貼り付け」をします。（CTRL+Vが楽チン）

すると、下記のように電話番号リンクを貼り付けできます。

リンクをコピペで簡単に作成できました。

電話番号ボタンの場合も同じ。

過去記事のエディタ上で、以前作成した電話番号ボタンを表示します。

下記のように、前後の行を含めて選択すると確実です。右クリック⇒コピーをします。（CTRL+Cが楽チン）

続いて新しく作成する記事のエディタ上で、貼り付けたい場所で「右クリック⇒貼り付け」をします。（CTRL+Vが楽チン）

すると、下記のように電話番号ボタンを貼り付けできます。

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

あめっくま

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

記事の複製機能を使う

電話番号リンクを含めて、記事をまるごと複製する機能です。

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

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

例えば過去記事の記事下定型文に「電話番号リンク」や「囲み枠」「ボタン」などで作った部分を、再度作るのは面倒ですよね。

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

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

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

記事作成効率がUP！

くますけ

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

あめっくま

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

アメブロに電話番号リンクを貼り付けよう

電話番号リンク自体は簡単に貼り付けできます。

テキストではなく、電話番号ボタンにしておくと読者もタップしやすいのでおすすめです。

アメブロ向けのメールリンクと合わせて、設置を検討したいですね。

「記事下定型文」「サイドバー」「メッセージボード」「提供メニュー紹介ページ」など、クリック率の高い場所に設置しておきましょう！

あめっくま

電話受付をしているビジネスなら、ぜひ導入して下さいね！

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

あめっくま先生 — Tue, 13 Oct 2020 06:21:36 +0000

この記事の特徴

重要度	2.0
難易度	3.0
備考	メールアドレスのリンクを貼って、読者からの申し込みや質問の窓口にできます。ただし重要な注意点があるので、事前に確認しましょう。

この記事では、ブログやアメブロにメールアドレスのリンクを貼り付ける方法と注意点を紹介します。

「収益UPできるアメブロのリンク活用法」の中で紹介している手法の１つですね。

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

ブログにメールアドレスのリンクを載せると、読者がクリックするだけで簡単にメールで問い合わせできます。

下記をクリックするとメールソフトが起動するので、実際にどんな感じになるのか確認しましょう！（注：アドレス自体はデモです）

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

アドレスが入った状態でメールソフトが立ち上がるので便利ですよね。

しかも、メールのタイトルや文面を事前に指定することもできます！

お客様が簡単に問い合わせできるように、あらかじめ設定するということですね。

くますけ

メールアドレスのリンクがあると便利そうだなぁ。

あめっくま

読者からの質問用・お仕事の受付用などに、簡単に使えるよ。

注意！
メールリンクは一部使えない読者がいます。
欠点の少ない「お問い合わせフォーム」を設置する方がおすすめです。

アメブロでのメールアドレスのリンク・メアドの貼り方
【応用】アメブロでのメールリンクの活用法
メールリンクはGmail・Yahooメールに注意

アメブロでのメールアドレスのリンク・メアドの貼り方

リンクを貼る時に、URLの前に「mailto:」をつけるとメールリンクになります。

アメブロの電話番号リンクとよく似た仕組みですね。

電話受付を増やす手法あり！

下記の4STEPで完了です。

アメブロのメールリンクの貼り方の手順

STEP1
メールリンク用のテキストを書く
STEP2
リンクマークをクリック
STEP3
URLに「mailto:メールアドレス」を入力
STEP4
挿入ボタンをクリック

アメブロでのリンクの貼り方を、少し変えるだけなので簡単です。

あめっくま

PCとスマホアプリ、両方のやり方を解説しますね。

【PC用】テキストでのメールアドレスリンクの載せ方

PCで記事を書く場合の、メールアドレスリンクの貼り方を解説します。（スマホアプリはこちら）

下記のようなテキストのメールリンクを、PC版エディタでアメブロに貼ってみましょう。

手順①

まずは記事作成画面で、メールアドレスリンク用のテキストを用意します。

手順②

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

手順③

リンクのボックスが表示されたら、URL欄に「mailto:」に続けて問い合わせ先の「メールアドレス」を入力します。

「リンクを挿入する」をクリックしましょう。（テキストの変更も可）

手順④

すると下記のようにテキストのメールリンクになっています。

これで完成です。

なおエディタ上やプレビューでは、リンクをクリックできません。投稿後に実際にクリックして確認しましょう。

下記のようにアドレスが入った状態でメールソフトが起動すれば成功です。

くますけ

メールリンクは簡単に作れるんだね。

ちなみに下記のようにリンクのテキストに、メルアドを書いて表示させてもOK。

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

メールを送れるリンクであることが、読者に伝わりやすいです。

コピーもしやすいので、より親切ですね。

あめっくま

アドレスを表記しておくのもおすすめですよ。

【スマホアプリ用】メールリンクの載せ方

スマホで記事を書く場合の、メールリンクの貼り方を解説します。（PCはこちら）

【補足】
iPhoneアプリでの操作方法を紹介していますが、Andoroidアプリでも同じ方法です。

下記のようなテキストのメールリンクを、スマホアプリ版でアメブロに貼ってみましょう。

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

スピードUPする方法も紹介しているので、合わせてチェックして下さいね。

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

手順①

最初にアプリのエディタ上で、メールリンクを入れる場所を選び・リンクマークをクリックして下さい。

手順②

下記のようにリンクの設定が立ち上がります。

URL欄に「mailto:」に続けて問い合わせ先の「メールアドレス」・テキスト欄に「リンクの文章」を入力して、「挿入」をクリックしましょう。

手順③

するとエディタ上にメールリンクが入ります。

これで完成です。

なおエディタ上・記事プレビューではリンクをクリックできません。投稿後に実際にクリックして確認しましょう。

実際に記事を投稿すると、下記のようにメールリンクが入ります。

下記のようにアドレスが入った状態で、メールソフトが起動すれば成功です。

くますけ

スマホでも簡単だね。

あめっくま

URLの部分が専用の書き方になるだけだね。

下線があるとクリックされやすい

リンクにアンダーラインを引くかどうかは、本来はお好みですよね。

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

理由はアプリで見る場合に、ハッキリとリンクだと分かるため。

アメブロの記事をPCで見ると、下記のように色が濃いためリンクと分かりやすいです。

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

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

メールリンクの場合もPCだけではなく、アプリでもリンクに下線が表示される方法を使うのがおすすめです。

アプリでも表示してる？

あめっくま

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

クリックしやすいメールリンクもおすすめ

テキストのメールリンクもいいのですが、ボタンを使うと読者がクリックしやすくなります。

コードをコピペして簡単に利用できますよ。

リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #4169e1; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;">お問い合わせはこちら

リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #87cefa; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;">お問い合わせはこちら

リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #59a136; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;">お問い合わせはこちら

リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #d9333f; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;">お問い合わせはこちら

リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #eb6ea5; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;">お問い合わせはこちら

リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #fca60d; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;">お問い合わせはこちら

リンク先URL" rel="noopener noreferrer" target="_blank" style="position: relative; display: inline-block; background: #8b4513; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.5); font-size: 1.1em; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0.5em 0.8em 0.5em 2.5em;">お問い合わせはこちら

緑線のリンク先URLの部分を「mailto:メールアドレス」に変更すれば、メールリンクになります。

手順①

エディタを「HTML表示」に切り替えます。

手順②

下記のようにコードを貼り付けて、「リンク先URL」を「mailto:メールアドレス」に書き換えて下さい。

入力したら通常表示に戻して完成です。

下記のようにクリックしやすいメールリンクとなります。

下記の関連記事で豊富なデザインを用意しているので、参考にして下さいね。

クリック率が超UP！

あめっくま

クリック率がグッとあがりますよ。

【応用】アメブロでのメールリンクの活用法

メールリンクのURLに下記コードを付け加えることで、事前に件名や本文のテンプレートを用意することも可能です。

下記のコードをコピペして使って下さいね。

メールに件名を入れる

mailto:メールアドレス?subject=ここに件名

メールに本文（テンプレート）を入れる（注意事項を後述）

mailto:メールアドレス?body=ここに本文（テンプレート）

CCにアドレスを入れる

mailto:メールアドレス?cc=ここにCC用のメールアドレス

BCCにアドレスを入れる

mailto:メールアドレス?bcc=ここにBCC用のメールアドレス

あめっくま

具体的な使い方を確認しましょう。

メールリンクに件名を入れておく

件名を入れておく場合は、URL欄に下記のように入力します。

mailto:メールアドレス?subject=ここに件名

例えばURLに「mailto:ame-kuma@ameblo.com?subject=○○サービスへのお問い合わせ」と入力してみます。

下記のメールリンクのデモをクリックしてみましょう。

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

メールソフトが立ち上がった時に、件名があらかじめ入力されているのが確認できますね。

あめっくま

お客様の手間を省けますね。

メールリンクに本文を入れる

メール本文にテンプレートが用意されていると、お客様が問い合わせしやすいです。

また確認しておきたい項目を、事前に用意することもできますよね。

メールの本文を用意する場合は、下記のコードを使います。

mailto:メールアドレス?body=ここに本文（テンプレート）

ただしメールの本文テンプレートを日本語で書くと、読者側で文字化けする可能性があります。

そこで文面を決めた後に、URLエンコード（専用のWEB言語に変換）が必要です。

あめっくま

聞き慣れない言葉かもしれませんが、操作は簡単です。

手順①

こちらのURLエンコード・デコードツールを立ち上げます。

下記のように、左側にメール本文に書く内容を入れて変換して下さい。

右側の変換された長いコードをコピーして使います。

手順②

下記のようにコピーしたコードを「mailto:メールアドレス?body=」の後に貼り付けて入力しましょう。

リンクを挿入するをクリックして完成です。

下記にデモを用意したので、メールの表示を確認して下さいね。

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

ボタンにする場合は、HTML表示に下記のようにコードを貼り付けて下さい。

通常表示に戻して完成です。

こちらも下記にデモを用意したので、メールの表示を確認して下さいね。