アフィリエイト広告を利用しています

広告

posted by fanblog
2016年09月17日

スマホの画像表示が大きすぎ! を解消。

 いままで、パソコンのみの表示の場合はよかったのですが、スマホで見るとなかなかカッコ良くない表示というのも出てきます。

 まあ、あくまでも個人の主観ではありますか・・・・。

 パソコン画面では、画像の幅は320ピクセル、見慣れた程よい大きさとして眺めています。

 でも、それがスマホ表示になると、画面横幅いっぱいになります。

 どこかへ出かけたときの、観光地や、記念の写真なら良いのですが、PRしたい商品画像、言い換えれば広告画像まで大きくなります。

 色々なアフィリエイトの本には、「広告画像は小さいくらいで良い。」とまで書いてあるものまであります。
 さらには、詳細な説明までは必要無いとまで書いてあります。

 それは、クリックしてクッキーを保存してほしいがためです。

 見る側にとってはブログの読み物と思ってきたのに、広告画像が大きいことは、目の前に「これ買ってください。」と不意に差し出されているようなもので、拒否反応が出てしまいます。

 そこで一計。

 パソコンでは普通の大きさ、スマホではスマホ幅の半分の大きさってのはどうでしょうか。

 下の二つの画像は、パソコンではほぼ同じ大きさです。
 でもスマホでの表示は、下側の画像は半分の大きさです。

画像表示
HTML5&CSSのe本

広告画像表示
HTML5&CSSのe本
★Amazon ★楽天市場 ★Yahoo!ショッピング

画像表示は
< img alt="画像のリンク先" "大きさの指定" > です。
< img alt="HTML5&CSSのe本" src="/affiliatea8x/file/HTML5EFBC86CSSE381AEeE69CAC-thumbnail2.JPG" border="0" >

上側の画像は、ブログでの画像の保存時の指定で320ピクセルで定められています。


下の画像は、タグを追加して、画像の幅を記事幅の半分(50%)に指定しています。
"画像の大きさの指定" に
< style="width:50%;height:auto;"  > を追加しています。
< img alt="HTML5&CSSのe本" src="/affiliatea8x/file/HTML5EFBC86CSSE381AEeE69CAC-thumbnail2.JPG" style="width:50%;height:auto;" border="0" >

 たとえば、通勤電車の中で、スマホ画面に自分のコンプレックスに係わる、薄毛・無駄毛、体臭など、あまり見られたくない大きな画像が表示されたとします。

 画像をクリックする前に、隣の人の視線が気になってサイトを切り替えてしまいますよね。

 アフィリエイトサイトは、あくまでも閲覧者へのPRが目的ですから、閲覧者側になって表示することは大事なことですよね。

 そんなちょっとした気づかいや心遣いが、特に個人のブログサイトでは閲覧者に無意識に伝わるのでは、と思います。 
ポチっとお願いします。
 

【このカテゴリーの最新記事】
この記事へのコメント
コメントを書く

お名前: 必須項目

メールアドレス:


ホームページアドレス:

コメント: 必須項目

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/5443603
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック

ブログ内検索
ポチっとお願いします。
 
人気記事
  1. 1. WordPressのカスタマイズと避けられない「子テーマ」
  2. 2. 「ダブルレクタングル」はポリシー違反か?違反とすればその解消方法。
  3. 3. 見出しダグh1、今更ながら使い始めてみました。
  4. 4. アフィリエイトブログタイトルの付け方。
  5. 5. ファンブログ記事タイトルの見出しタグを<h3>から<h2>に変更する。
  6. 6. 最低限これだけは必要、今更からの画像加工。
  7. 7. 「投資なんかおやめなさい」話題の本
カテゴリーアーカイブ
最新記事
写真ギャラリー
Book PickUp

人を操る禁断の文章術 DaiGo
★Amazon ★楽天市場 ★Yahoo!ショッピング

そのネット集客いますぐやめなさい!
★楽天市場 ★Amazon ★Yahoo!ショッピング

月3万円稼ぐアフィリエイト実践教室
★Amazon ★楽天市場 ★Yahoo!ショッピング

はじめての簡単WordPress入門
★楽天市場 ★Amazon ★Yahoo!ショッピング

SEOに強いWebライティング
  売れる書き方の成功法則64

★楽天市場 ★Amazon ★Yahoo!ショッピング

集客・検索キーワードの選び方・使い方
★楽天市場 ★Amazon ★Yahoo!ショッピング

いちばん稼ぎやすい簡単ブログ副業
★楽天市場 ★Amazon ★Yahoo!ショッピング

ロングテールアフィリエイトの極意
★楽天市場 ★Amazon ★Yahoo!ショッピング

ロングテール「売れない商品」を
 宝の山に変える新戦略

★楽天市場 ★Amazon ★Yahoo!ショッピング

かんたんFC2ブログ・デザイン
★楽天市場 ★Amazon ★Yahoo!ショッピング

毎月5万円堅実なアフィリエイトらくらく講座
★楽天市場 ★Amazon ★Yahoo!ショッピング

HTML5&CSSのe本
★楽天市場 ★Amazon ★Yahoo!ショッピング

HTML XHTML & CSS逆引きハンドブック
★楽天市場 ★Amazon ★Yahoo!ショッピング

googleadsense成功の法則
★楽天市場 ★Amazon ★Yahoo!ショッピング

本気で稼ぐためのアフィリエイト真実とノウハウ
★楽天市場 ★Amazon ★Yahoo!ショッピング

リンク集

おすすめASP
A8.net(エーハチネット)
最新コメント
プロフィール
八衛門爺さんの画像
八衛門爺
 大企業役人御用達、自民党政権が続く気がする。
   段階の世代は年金も多く悠々自適な暮らしの方も多い。

   還暦前のサラリーマン、世代が若くなればなるほど、老後が大変になっていくようです。
 そんなご時世、こまねいて愚痴だけ言っていられません。

 自己防衛のためには、何らかの副収入も模索しなければなりません。

 よって、空いた時間でできる、アフィリエイトをコツコツ、3年ほど前から始めました。

 成果まだまだ、微々にもいかないですが、趣味も併せ、自分の楽しみの一つとして取り組んできました。

 ただ、刻々と還暦は近づいてきます。

 それは、自分の年金支給63歳から、3年間の減収入期間をどうやり過ごすかが最大の課題となって立ちはだかってきます。
タグクラウド
アフィリエイト始めるならオオサカ堂


×

この広告は30日以上新しい記事の更新がないブログに表示されております。