アメブロの画像にリンクを貼る方法!初心者にもわかりやすく説明します
![アメブロに画像リンク](https://sayomimiheya.info/wp-content/uploads/2020/04/アメブロ画像リンク.jpg)
アメブロの記事に、画像付きリンクを貼ることができるって知っていましたか?
この記事を読むことで
- 画像の貼り方ってどんなやり方なのか
- スマホでもできるのか
- アプリでも手軽にやりたい
- やり方を知って集客に繋げたい
アメブロの記事に画像付きリンクを貼り方を、画像付きで紹介していきます。
アメブロの記事内画像にリンクをつけたい!
![アメブロ 画像リンク1](https://sayomimiheya.info/wp-content/uploads/2020/04/04D0BCFE-0A78-4FA9-BB20-17478210C19E.jpeg)
アメブロの記事内に、画像付きリンクをつける方法をそれぞれの項目に分けてお話していきます。
アメブロのフリースペース(サイドバー)にも画像リンクが貼れる!
アメブロのフリースペースのことを「サイドバー」と言います。
これは、パソコンからアメブロを開いた時に横に現れるものです。
ここにも、画像付きのリンクを貼ることができます。
貼り方を画像付きで説明します。
貼り付けが完了してる、画像付きURLのまま通常表示の隣のHTML表示をタップ。
![アメブロPC版 HTMLテキストのコピー](https://sayomimiheya.info/wp-content/uploads/2020/04/E50E0945-0EAC-4303-AFE3-46C9F13C41B7.jpeg)
この<a〜>から</a>までの部分をコピーします。
コピーできたら、ブログ管理から設定・管理でフリースペース編集をタップ。
![アメブロPC版 サイドバーに画像付きリンクを表示させる方法](https://sayomimiheya.info/wp-content/uploads/2020/04/A23B32BB-8B65-4DDB-8F93-4E925F7E9EEB.jpeg)
フリースペース編集に、先程コピーしたテキストを貼り付けて保存をタップしたら完了です。
アメブロの画像にリンクを貼る方法
![アメブロ 画像リンク2](https://sayomimiheya.info/wp-content/uploads/2020/04/BE7B58E1-393D-401B-B1F2-37B91FD87156.jpeg)
アメブロの画像にリンクを貼る方法【アプリ】
アプリで行うことも可能です。
ですが、手順がとても難しい為間違えてしまうとURL先のページに飛ばないこともあるので手順を一つ一つ丁寧にこなすことがポイントになります。
ここでのキーポイントとして、このHTMLを必ずどこかにコピーして下さい。
<a href=”リンク先のURL”><img src=”画像のファイル名(保存場所)” alt=”画像の説明文“></a>
【アメブロアプリのやり方】
![アメブロアプリ 記事を書くアイコンをタップ](https://sayomimiheya.info/wp-content/uploads/2020/04/25E75109-5896-40D4-A49A-EF7F1A0190EF.jpeg)
![アメブロアプリ 写真アイコンをタップ](https://sayomimiheya.info/wp-content/uploads/2020/04/67510875-43DE-4E75-BD1B-8F791B226C75.jpeg)
![アメブロアプリ 記事内に画像を貼り付ける](https://sayomimiheya.info/wp-content/uploads/2020/04/C80330D4-DD0E-4F1E-A03E-DBF07391F069.jpeg)
![アメブロアプリ 下書き保存](https://sayomimiheya.info/wp-content/uploads/2020/04/5EF429E2-F989-4E8E-8E4D-BE7E18C9DF88.jpeg)
![アメブロアプリ HTMLテキスト編集](https://sayomimiheya.info/wp-content/uploads/2020/04/69A31674-954F-4652-9DE8-DC25CE0F13D8.jpeg)
![アメブロアプリ HTMLの貼り付け方 色分け表示](https://sayomimiheya.info/wp-content/uploads/2020/04/91FC332B-E529-4FC3-B2F5-D0FD2C3695AD.jpeg)
![アメブロアプリ HTMLコピー](https://sayomimiheya.info/wp-content/uploads/2020/04/66982964-FD5E-499C-8F8D-A57C141E9591.jpeg)
![アメブロアプリ HTMLペースト](https://sayomimiheya.info/wp-content/uploads/2020/04/B30F27A9-7512-4D23-A7B5-5CF6CB35DCC5.jpeg)
![アメブロアプリ HTMLコピー](https://sayomimiheya.info/wp-content/uploads/2020/04/834D9F13-F3E9-45BD-8BB2-AC0E71062982.jpeg)
![アメブロアプリ HTMLペースト](https://sayomimiheya.info/wp-content/uploads/2020/04/BD5E370A-3187-4559-827E-CA526AEE435E.jpeg)
![アメブロアプリ HTML編集とURL追加](https://sayomimiheya.info/wp-content/uploads/2020/04/CAC4A381-C251-47A9-8F95-9224E2FC4ED5.jpeg)
![アメブロアプリ 完成後全員に公開](https://sayomimiheya.info/wp-content/uploads/2020/04/0C5FEEDA-CD5B-4B52-98A0-68AFC5D323E4.jpeg)
赤色の線が引かれているHTMLを、下のHTMLの【画像のファイル名(保存場所)】にコピー&ペーストします。
黄色の線が引かれているHTMLも同様に、下のHTML【画像の説明文】にコピー&ペーストします。
見分け方としては、【画像のファイル名(保存場所)】となっているところはこの画像自体がどこに保存されているかを理解することになります。
この画像の保存場所はアメブロになります。
そのため「ameba」と最初に書かれているHTMLが保存場所になります。
ですが、「ameba」と言う文字は下にも書いてありますよね?
そしたら下も保存場所になるのでは?と思う方も多いと思います。
これが何故、【画像の説明文】になるのか。
HTMLで「img src〜」という表記になっているからです。
imgは画像を示すHTML表記になります。
そのため、この後に続いているHTMLは画像についての説明をしているということになります。
そのため、先ほどのHTMLにそれぞれ当てはめていくことで一つのHTMLが完成するのです。
これでしっかり画像をタップした際に、URL先のページに飛べているかを確認してください。
アメブロの画像にリンクを貼る方法【スマホ】
スマホのwebからでもできます。
やり方は、アプリと同じやり方になります。
アプリのやり方を参考にして、web版でも画像にリンクを貼ることができます。
アメブロの画像にリンクを貼る方法【PC】
ブログを書くから作った画像をアップして貼り付けます。
![アメブロPC版 記事内に画像を貼り付ける](https://sayomimiheya.info/wp-content/uploads/2020/04/0DBF13C1-F903-4914-A6D1-A1A043D3FF79.jpeg)
画像の大きさが大きいと感じたら、ここからサイズ変更もして下さい。
![アメブロPC版 画像を青くしリンクアイコンをタップ](https://sayomimiheya.info/wp-content/uploads/2020/04/FABDEB8B-2D58-469D-9629-740404DFB062.jpeg)
1,画像の画面を青くした状態で、リンクのボタンをタップします。
2,この画面になったら、画像のURLになっているので貼り付けたいURLに編集をします。
3,この時に、別ウィンドウで開くにレ点を入れておきます。
読者は今読んでいるブログと、次にみたいURLを見ることができるので便利です。
4,最後に決定を押したら完了です。
![アメブロPC版 画像にリンクを貼る際の手順](https://sayomimiheya.info/wp-content/uploads/2020/04/D96A6BB1-7799-4CCF-ABE5-E685B10709A0.jpeg)
趣味のアメブロでも記事に画像付きリンクを貼ることで広告収入を得ることができる!
![アメブロ 画像リンク3](https://sayomimiheya.info/wp-content/uploads/2020/04/83E73E70-8AB4-4B0D-BDE7-805C40302F10.jpeg)
2018年にアメブロはアフィリエイト広告が貼れるようになりました。
わたし企業家じゃないし・・・
別にトップブロガー目指しているわけじゃないし・・・
個人の趣味ブログでもアフィリエイト収入を得ることはできます!
詳細は「」をご確認ください。 アメブロのアフィリエイトはこうやって稼いでいる
この画像付きリンクの貼り方を活用してアフィリエイトにも挑戦してみましょう!
【ブログ×SNSで0から1を生み出す攻略法】ブログで稼ぐ=ワードプレスだけじゃない!
\ブログ×SNSで0→1を生み出す攻略法/
アメトピ掲載されるためにもコツがある!
![アメトピに掲載されやすい8つのポイント!ジャンル別に100記事以上を大公開](https://sayomimiheya.info/wp-content/uploads/2019/10/13-640x360.jpg)
アメブロで収益化する人が増えている!
アメーバブログで収入が得られる人、得られない人の違いとは?徹底解説!
![アメーバブログで収入が得られる人、得られない人の違いとは?徹底解説!](https://sayomimiheya.info/wp-content/uploads/2019/10/さよみみ部屋-640x360.png)
アメブロの運用方法を直接学びたい方はこちら。
![](https://sayomimiheya.info/wp-content/uploads/2023/01/mv-sayomimi-service-tablet.png)
\受講者数1100名超/
✓24h書き込み可能
✓音声相談あり
アメーバキングで効率よく、アメブロ攻略しよう!
アメーバキングの評判は嘘か検証!上がったアクセス数と収益を公開
![アメーバキング評判](https://sayomimiheya.info/wp-content/uploads/2020/01/amebaking-eyecatch.jpg)