楽天商品リンクの横に文章を入れる方法

楽天商品リンクの横に文章を入れる方法

 

楽天商品のアフィリエイト・リンクをブログやサイトに貼ったとき

 

リンクの横にコメントを入力したいと思ったことないでしょうか?

 

 

商品リンクをそのままコピーして貼り付けると
そのリンクが、貼った場所の横幅を100%独占してしまうので
コメントを入れるには、その下に書くことになります。

 

 

それは、誰でもやっていること。

 

他の誰もがやっていないことをやってみたいと思いませんか?

 

 

そうです。 

 

商品リンクの右横に文章を載せるんです。

 

商品の説明書きやコメントなど、
きっとそのほうが訪問者の目には見やすいと映るはずです。

 

人間の目は、基本、文章を見たとき、左から右に流れますから。

 

 

ご紹介しますね。

 

 

楽天商品リンクを1つブログやサイトに貼った場合は、こちら ↓ のような表示になるので、
まず、外側の枠は取りたいですよね。

 

 

 

 

その外枠を取る方法は、こちら でご紹介しているので見てみてください。

 

 

はい、外枠が取れました。

 

その後は、そのHTMLタグの下に文章を書いていくだけです。

 

 

     祝 コアラ来日、30周年!

 

     1984年10月25日、
     オーストラリアのタロンガ動物園から
     コアラが日本にやってきて今年で30年です。 

 

     名古屋市の東山動物園では、
     記念式典が行なわれました。

 

     いつ見てもあどけない表情でかわいいですね。

 

 

 

 

商品リンクとコメントとの間にスペースが空いてますが、
これは、文章を書くときに頭にスペースを入れればいいだけです。

 

ただし、
スペース全角にしてくださいね。
HTMLの世界では、半角スペースは効きませんので。

 

 

あっ、それともうひとつ。

 

 

ブログやホームページで商品を紹介するとき、
使用するリンクは、やっぱり、画像リンクを使うと視覚に訴えることができますからいいですよね。

 

 

その画像リンクですが、
上記のような画像+テキストタイプのリンクと
もうひとつ、画像のみのタイプがあります。

 

 

画像の下に書かれているテキストは、
見てのとおり、ほとんどの商品、表示が中途半端で終わっているので、直したい!
と思いますよね。

 

でも、それって出来ないんですよ。

 

楽天の規約に引っかかってしまうので、やってはいけないことなんですね。

 

 

なので、

 

そんな中途半端なテキスト載せたくない!という場合は、
リンクは画像のみにして、その横に自分で好きなようにテキストを打ち込んだらどうでしょう。

 

 

その場合は、こうするとできます。

 

 

画像のみのHTMLタグは、画像+テキストのタグとは、少し中身が違うので
ちょっとだけ手を加えます。

 

 

こちら ↓ が、画像のみのリンクタグですが、
最後の場所に青く塗りつぶしたタグを挿入してください。

 

 

  <a href="http://hb.afl.rakuten.co.jp/hgc/13483715.69a2a27e.13483716.c347d395/?
  pc=http%3a%2f%2fitem.rakuten.co.jp%2fnuigurumi-
                         途中省略
  pm%2fcabinet%2f02282251%2f03200359%2fimg66036019.jpg%3f_ex%3d80x80" border="0"
  align="left"></a>

 

 

これで、画像右横のエリアに文章を入力することが可能となります。

 

あとは、スペースを入れて見栄えを考えながら文章を打ち込んでいってください。

 

 

     祝 コアラ来日、30周年!  

 

     1984年10月25日、
     オーストラリアのタロンガ動物園から
     コアラが日本にやってきて今年で30年です。 

 

     こちらは、おみやげのコアラとは一味違うコアラのぬいぐるみ
                   お得なコアラ親子セットです。

 

 

 

どうでしょう。
見た目がいいですよね。

 

 

 

ここでは、画像リンクの右横にテキストを入れる方法をご紹介しましたが、

 

もちろん、その逆、
画像リンクを右に寄せて、左側のエリアにテキストを入れることもできます。

 

その場合、

 

画像+テキストのリンクでは、HTMLタグ一行目にある float:left を float:right

 

画像のみのリンクでは、挿入する align="left" を align="right" にすればOKです。

 

 

でも、

 

訪問者にクリックしていただく画像リンクは、左寄り に貼ったほうが効果的です。

 

 

ぜひ、お試しください。

 

 

 

楽天画像リンクの外枠をとる方法は、こちら

 

         ↓ ↓ ↓

 

楽天商品リンクの外側の枠とりたい

 



*-----------------------------------------------------------------------------------*

   最後までお読みいただき、ありがとうございます。
   記事が少しでも参考になれば幸いです。

                  ブログランキング・にほんブログ村へ    

関連ページ

リンクシェアの商品リンクを横に並べたい - はじめての質問 -
読者の方から質問を受けました。リンクシェアの商品リンクを3つ横に並べたいが、どうしても縦に並んでしまう。どうすればいいか?と。 楽天グループでも楽天のリンクコードとはタイプが違うので答え見つけるまでいろいろ調べました。そして、見つけたぁー!
楽天商品リンクを中央に配置する方法
シリウスに書いた記事の中に載せた楽天の商品リンク1つをドーーーン!と中央に置く方法について、お伝えします。楽天の商品リンクの中で「画像+テキスト」タイプは、シリウスの中央揃えボタンは効きません。 しかし、こうすることで左端から動かない画像テキスト・リンクがど真ん中に来てくれます。
楽天商品リンクの外側の枠とりたい
楽天の商品リンクを1つブログに貼ったけど、なんで、横幅いっぱいに外側の枠が表示されちゃうんだろう・・・・この外枠、取りたいなあ。 そう思ったことはないでしょうか?これだと、見た目がよくないですし、外枠を表示させている意味もわからないですよね。取る方法お伝えします。
楽天商品の画像リンクを好きなように間隔空けて並べる方法
もし、まだホームページを持っていない方で、ネットショップを作ってみたいという方は、ただ、サイト棚に商品を並べるだけではなく、キレイに魅せる裏ワザなど、これからお伝えしていきますので参考にしていただけたらと思います。もちろんシリウスのマニュアルには載ってませんからね。 こちらから。
楽天市場チャット 利用すべし
先日、ある商品を楽天から検索していました。プレミアム・カルピス って知ってます?カルピス・ウォーターでもなく、ソーダでもなく、オアシスでもなく フルーツ・カルピスでもない・・・・。カルピス・ウォーターをめ〜っちゃ濃い味に仕上げたカルピスなんです。 今すぐ詳細をご覧ください。

 
トップページ プロフィール 目次 オススメ 商品 メルマガ SNS お問い合わせ