画像にリンクを挿入する方法

  • このエントリーをはてなブックマークに追加
  • Pocket

アフィリエイトを行っていく上で画像にリンクを挿入するテクニックは必ず必要となってきます。これは、あなたのサイトのデザインや商品の売れ行きに大きく関わってきますので、身につけておきましょう。

HTML-Guidelines-for-Usability-SEO

今回紹介するのは、【画像にアフィリリンクを挿入する方法】【画像に任意のリンクを挿入する方法】です。

 

動画内ではワードプレスで実践していますが、基本的にはどのブログサービスでも動画で解説するやり方で画像にリンクを入れる事ができます。

 

タグをいじるので多少面倒ですが、動画を見れば一つの作業を1〜2分で出来るようになるので是非マスターしておいて下さい。

 

画像にリンクを挿入する方法

 

動画でも解説しましたが、一応手順を紹介していきます。

 

画像にアフィリリンクを挿入する方法

 

1.ASPからテキストタグをコピーする

ASPから売りたい商品や商材を決めたらテキストタグをコピーします。(四角で囲まれた部分です)
スクリーンショット 2014-05-07 13.29.15

 

2.タグを貼付ける

コピーしたら新規投稿に行きテキストモードに切り替えてタグを貼付けます
スクリーンショット 2014-05-07 13.33.43

 

3.アフィリリンクを挿入したい画像を選んで記事に貼付ける

ビジュアルモードに切り替えて画像を記事に貼付けます(画像はお好きな物でOK)
スクリーンショット 2014-05-07 13.38.19

貼付けたらテキストモードに切り替えます(選択している部分が画像のタグです)
スクリーンショット 2014-05-07 13.38.51

これで、アフィリリンクのタグ(上)と画像のタグ(下)が揃いました。

 

4.画像のタグの内、使用するタグをコピーする

選択した部分をコピーします〈img……..から…….522″/〉までです(ほとんどこのパターンでいけます)
スクリーンショット 2014-05-07 13.47.59

 

5.コピーしたタグをアフィリリンクのタグ内の自由テキストに貼付ける

選択した範囲が自由テキストなので、ここに先ほどコピーした画像のタグを貼付けます(ほとんどのアフィリリンクがこの形になっています)
スクリーンショット 2014-05-07 13.50.59

 

そうすると、このようなタグができあがります。
スクリーンショット 2014-05-07 13.56.00

これで、画像にアフィリリンクを挿入する事ができました。

 

画像に任意のリンクを挿入する方法

 

1.リンクを挿入する画像を記事に貼付ける

ビジュアルモードに切り替えて好きな画像を貼付けます
スクリーンショット 2014-05-07 14.06.06

テキストモードに切り替えると画像のタグはこのようになっています
スクリーンショット 2014-05-07 14.06.23

 

2.画像に挿入したいリンクをコピーする

マックではこのようになっていますが、Winでも同じで任意のURLをコピーします(下の画像で選択した箇所がURLです※Winでもほとんど同じです)
スクリーンショット 2014-05-07 14.09.12

 

3.ビジュアルモードで文字にリンクを入れる

ビジュアルモードのまま何でもいいので適当な文字を打ち込んでそこに先ほどコピーしたURLを入れます。
スクリーンショット 2014-05-07 14.14.45

今回は「あ」と打ったので、その文字を選択して先ほどコピーしたURLを入れます。
スクリーンショット 2014-05-07 14.15.34

そうするとこのように、文字にURLが入ります。
スクリーンショット 2014-05-07 14.15.59

 

これでテキストモードに切り替えるとこのようなタグになっています。
スクリーンショット 2014-05-07 14.20.47

これで画像のタグ(上)とリンクのタグ(下)が揃いました。

 

4.画像のタグの内、使用するタグをコピーする

ここからは画像にアフィリリンクを挿入するやり方と全く同じです。
選択した部分をコピーします〈img……から……790″/〉までです。
スクリーンショット 2014-05-07 14.26.33

 

5.コピーしたタグをリンクのタグ内(下のタグ)の自由テキストに貼付ける

これも先ほどと同じで選択した箇所に今コピーしたタグを貼付けます。
スクリーンショット 2014-05-07 14.30.32

貼付けるとこのようなタグになります
スクリーンショット 2014-05-07 14.31.16

これで、画像に任意のリンクを挿入する事ができました。

 

タグが完成したら画像をクリックしてみて、ちゃんと挿入したリンクに飛べるか確認して下さい。今回はワードプレスの投稿画面を使ってタグを作成しましたが、作成したタグをコピーして貼付けるだけで固定ページやテキストウィジェットにリンクが挿入された画像を移動する事もできます。

 

 

 

以上で【画像にアフィリリンクを挿入する方法】と【画像に任意のリンクを挿入する方法】をマスターできます。

※ただし、あなたが使用する画像やアフィリリンクなどによって上記のタグとは異なりますが、やり方は全く同じです。

 

 

参考になりましたでしょうか?
参考になったという方は下のソーシャルボタンをクリックして頂けたら幸いです。

 

  • このエントリーをはてなブックマークに追加
  • Pocket

SNSでもご購読できます。

コメント

  1. タカピー より:

    こんばんは。
    コメントありがとうございました。
    記事の内容が凄く詳細に説明されていて
    素直に凄いなと思いました。
    私はまだ有料ブログは利用していないので
    もし利用するときには参考にさせてもらいます。
    またお伺いします。

    1. kyohei より:

      タカピーさんコメントありがとうございます。

      自分が他人のサイト見て分かりづらい箇所だったので細かく解説してみました。

      今後ともよろしくお願いします。

コメントを残す

*