アメブロでのリンクの貼り方~パソコン・スマホでの操作の基本から簡単な方法までご紹介!

アメブロ リンク 貼り方

 

ブログを書いていく上で、「リンクを貼る」という事は必須になります。

のりんちゅ先生
文字などにURLを設定する事で、クリックするとそのサイトに飛べるようにすることを「リンクを貼る」と言います!

 

自分の他の記事に誘導したい時、他のサイトやお店の情報などを紹介したい時・・・

リンクが貼っていないと、読者はわざわざそのページや情報を、検索して探さないといけなくなります。

それってめっちゃ不親切~!!!!!

 

という事で、読みやすくてストレスのないブログにするために大切な「リンクの貼り方」について・・・

また、リンクを貼る際の注意点や簡単にリンクを貼る技などをお伝えします!

 

パソコンでのリンクの貼り方

まずは基本、パソコンでのリンクの貼り方から!

 

【ブログを書く】の画面で、まずはリンクを貼りたい文字を入力します。

その文字を選択した状態で、左上の【リンク】をクリック。

アメブロ リンクカード パソコン

 

こんな画面が開くので、URLのところに、飛ばしたい先のページのURLを貼りましょう。

アメブロ リンクカード パソコン

 

【テキスト】に文字を入力すれば、その文字にリンクが貼られた状態になります。

アメブロ リンクカード パソコン

 

【リンクを挿入する】をクリックしたら完了です!

アメブロ リンク

 

のりんちゅ先生
【記事を書く】や【プレビュー】の画面では、クリックしてもリンク先には遷移しません!
記事を公開した後で、正しくリンクが貼れているか確認してくださいね!

 

リンクカードと文字リンク、両方表示させておく??

2020年5月から、リンクを挿入すると自動でこの【リンクカード】が設定出てくるようになりました。

アメブロ リンク

リンクカードは写真も出てくるし、クリックしやすくなるのでお勧め!

その上に文字でのリンクも表示されますが、これ、どちらか片方だけ表示させておけばいいかなーと私は思います。

 

見やすいのはリンクカードですが、リンクカードはHTMLの文字数をたくさん使うので、1記事にいくつもリンクを貼る場合は、テキストリンクの方がお勧めです。

ただし、リンクカードのみにした場合、後からリンクを貼りなおす場合、リンクカードを消して、またリンクを貼りなおさないといけません。

テキストリンクだと、そこにカーソルを合わせればリンクの設定画面が出てくるので楽!

両方貼るのがいいか、どちらかにするのがいいか、記事ごとに考えてリンクを貼っていきましょう。

 

リンクカードの削除やHTMLなどについての説明はこちらの記事をご覧ください。

アメブロ リンクカード 使い方

【アメブロ新機能】リンクカードの使い方!~わかりやすいリンクを貼ろう

2020.06.09

 

リンクカードに表示される写真は?

リンクカードには、ブログ記事の1枚目に設定している写真が表示されます。

他の記事にリンクを貼る事を考えると、クリックしたくなるようないい写真を1枚目に使うのがますますお勧めになってきます。

記事に写真が入っていない場合、プロフィール写真が表示されてしまいます。

全部のリンク記事の写真がプロフィール写真だと、魅力が半減してしまうので、写真選びうぃきちんとしましょう!

「記事には写真が入っているのにプロフィール写真になっちゃう!」

「記事の写真じゃなくて記事下のバナーが表示されちゃう!」

そんな人はこちらの記事をご参考にどうぞ!

アメブロ記事の写真がSNSのアイキャッチでプロフィール写真になってしまう時の対処法

SNSでシェアしたら、アメブロ記事の写真じゃなくてプロフィール写真が出てしまう・・その原因と解決策はコレ!

2020.03.12
ブラックのりんちゅ
そもそもアメブロで1枚も写真が入っていないと読む気がなくなってしまいがちだから写真は入れようね。

あとは、素材写真ばっかり使ってるブログも、誰のブログだかわからなくて薄っぺらくなっちゃうので気を付けて!

ブログはオリジナリティーが大切だよ!!

 

リンクは別ウインドウで開きます

以前は、リンクを同ウインドウで開くか別ウインドウで開くか選択できたのですが、リンクカード機能の登場で、リンクが別ウインドウで開くのがデフォルトになりました。

「別ウインドウ」「同ウインドウというのは・・

  • 新しいタブが開いて該当ページが表示されるのが「別ウインドウで開く」
  • 今見ているページが新しいページに切り替わるのが「同ウインドウで開く」

です。

どちらでもいいのですが・・・

もともと、別ウインドウで開く設定を推奨していだので、このデフォルト化は嬉しいです♪

※スマホで、テキストリンクを貼った場合は同ウインドウで開きます

 

サイトURLの確認方法

リンクを貼る際に設定するURLは、そのサイトやページを見ている画面の、上のところに載っている、このURLです!

これを設定する事で、該当ページに飛べるようになるのです。

 

アメブロの自分のブログURLや記事URLの確認方法についてはこちらの記事をご参考にどうぞ!

▶ 自分のブログアドレスってどこからわかるの?!

 

「リンクの色を青くしたい!」という方はこちらの記事をご覧ください。

▶ 強調に青は使わない!! リンクは青になるようカスタマイズしよう!

 

スマホでのリンクの貼り方

続いては、スマホでのリンクの貼り方について!

スマホでのリンクは、リンクカード機能ができてめちゃくちゃ楽になりました♡

 

【記事を書く】の画面に、リンクさせたいページのURLを入れれば自動的にリンクカードができます!!

アメブロ リンクカード 使い方

 

  • テキストにリンクを貼りたい場合
  • リンクカードに対応していないページのリンクを貼る場合

は、きちんとリンクを設定しましょう。

右下のリンクボタンをタップして

アメブロ リンクカード 使い方

 

  1. 【URL】にリンクを貼りたいページのURLを貼りつけ
  2. 【テキスト】に文字を入力
  3. 【挿入】をタップ
アメブロ スマホ リンク

 

で、完了です!

アメブロ リンク スマホ

 

ただし、スマホでリンクを貼る場合

  • テキストリンクだと同ウインドウで開く設定
  • リンクカードだと別ウインドウで開く設定

になっています。

基本的に、他のサイトのリンクを貼る場合は「別ウインドウで開く」設定の方がお勧めなので、リンクカードに対応している他サイトのリンクを貼る場合はリンクカードの方がいいのではないかと思います。

 

スマホで開いているサイトのURLを確認&コピーする方法

らくださん
ていうか・・・スマホで、リンクを貼りたいページのURLってどうやってわかるの??

 

そう、スマホだと、サイトのURLってちょっとわかりづらいですよぇ~。

という事で、Amebaアプリの場合とSafariで開いている場合で、URLの確認&コピーする方法を簡単に説明しますね!

 

Amebaアプリで開いているブログのURLのコピー方法

リンクを貼りたいページを開いて右下のこのマークをタップ

 

【コピー】をタップ

これでOKです!

 

スマホのブラウザ(Safari)で開いているブログURLのコピー方法

開いているページの上のURL欄をタップ

 

【コピー】をタップしたらコピー完了です!

 

パソコン表示にして確認するのも、わかりやすいかもしれません!

スマホ パソコン表示 ブログ

【2020最新版】スマホでもパソコン表示でアメブロを読む設定方法【Safari/Chrome/アメーバアプリ】

2019.10.10

 

簡単にリンクが貼れるワザ!!

その他にも、実は簡単にリンクが貼れちゃう方法があるのでご紹介します♪

リンクが貼ってある記事は、そのままリンクをコピーする

ブログ記事などで、リンクが貼ってあるものは・・・

リンクごと、そのままコピーして貼りつけると、リンクの情報もそのまま貼り付きます!

 

ただし・・・

ブラウザによっては、HTMLの情報を見ると余計な情報がたくさん入ってしまうので注意!

 

HTMLとブラウザの関係について、詳しくはこちらの記事をどうぞ!

アメブロ 文字数オーバー

60000文字も書いてないのに・・!アメブロで「文字数オーバー」になる原因と、対処法5つをお伝えするよ!

2019.01.23

 

記事のタイトルごとコピーする

ブログ記事のリンクを貼りたい時は、この記事タイトルをコピーして

アメブロ リンク 貼り方

 

記事に貼りつける事で、リンク情報も一緒に貼りつけられます!

アメブロ リンク 貼り方

 

この時の注意点は・・・

タイトルが【大見出し】の状態でペーストされてしまう、という事!

見出しについてきちんと理解して使うならいいんですけどね。

基本的に見出しを使いこなしていないのであれば、
記事の上の部分の【見出し】をクリックして【段落】に直して使いましょう。

アメブロ リンク 貼り方

 

もうひとつ!

タイトルをコピペすると、リンクが同ウインドウで開くようになってしまっています。

別ウインドウにしたい場合は、リンクの上にカーソルを持ってきてリンクの設定画面を開き【リンクを挿入】をクリックしましょう。

(リンクカードも出てきます)

アメブロ リンクカード パソコン

 

 

サイトの回遊率を上げるためのリンクの有効活用

リンクを上手に貼る事で、サイト内での回遊率が高くなります。

連載記事などは

  1. 冒頭に前の記事のリンクを貼る
  2. 文末に次の記事のリンクを貼る
  3. 全記事の下に目次として全ての記事のリンクを貼る

という事をすると、全部の記事を読んでもらいやすくなります。

 

私の旅行記シリーズや、お役立ち記事シリーズはすべてこれをやっています。

だから、「ついつい最初から最後まで全部読んじゃいました!」と言ってくださる方が多いんですよね♪

ちょっとめんどくさいんですけど、ぜひやってみてくださいね!

 

実際にどんな感じでリンクを貼っているの?というのは、このへんの記事を参考にしてくださいね。

 

リンク集を作るのも有効です!

 

詳しくはこちらの記事をどうぞ!

→ 連載記事を全部読んでもらうための、3つのコツ!

 

まとめ

簡単なようで深いリンクの貼り方について、ご理解いただけましたでしょうか?

リンクは本当に大切!

リンクを使いこなして、読みやすいブログ作りをしていきましょう~♪

 

リンクの色は青色がWEBの世界での基本ですが、アメブロのデザインによっては違う色になってしまったりします。

アメブロの既存のデザインでもリンクの色を青色にする簡単なカスタマイズ方法はこちらの記事をご覧ください♪

アメブロ リンクの文字色を青くするカスタイマイズ

アメブロの既存のデザインでもリンクの文字色を青にする簡単カスタイマイズ!

2019.11.11

 

「画像にリンクを貼りたい!」
「バナーを作りたい!!」
という方は、こちらの記事をご参考にどうぞ!

アメブロ バナー 作り方

【簡単】アメブロにバナーを貼りつけよう!画像へのリンクの貼り方を解説

2018.11.25

アメブロ リンク 貼り方
●無料サービスはコチラから

 

 

 

●全国どこからでも学べる!動画セミナーのご案内

 

 

●直接教わりたい・会いたい方はコチラから!

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

櫻井 法恵

ビジネスのための魅せるアメブロ・Facebook作りのアドバイザー。 2014年に事務管理・ブログ管理として起業。 2016年より、講師&アメブロコンサルタントとして活動を開始。 アメブロとFacebookのみを使い、約2年間でのべ500人を集客する。