グッとくる画像でアクセスアップにつなげよう!前編

公開日: : ホームページ運用

あなたがネットショッピングを利用する際、無意識に一番最初に目に入れるコンテンツは商品画像ではありませんか?
その商品画像の良し悪しから、商品名や商品情報テキストに目を通すかどうか判断をしたことはありませんか?
今回はそんな、お客様の心を一番にキャッチできるか否かの重要な役割を担う「画像」について、今一度考え、サイトのアクセスアップへつなげる方法をご紹介します!

170113-3

画像を載せる際に絶対に気を付けたい2つのポイント!

①画像サイズは適切なものであるか
②商品情報が画像から一目でわかるか

画像サイズを今一番使われている情報通信端末から考える!

今一番使われている情報端末はパソコン?スマートフォン?

2008年にアップル社がiPhone3Gを発売したことを機に、爆発的に
スマートフォンが普及したことは有名ですが、現在どれほどの人がスマートフォンを利用しているのでしょうか。
総務省が発表した平成27年版、インターネットの普及状況によると、携帯・PHSおよびパソコンの世帯普及率は、それぞれ95.8%、76.8%(前年度94.6%、78.0%)となっており、携帯電話・PHSの内、スマートフォンは72.0%(前年比7.8ポイント増)と更に普及が進み、パソコンとの普及率の差が、13.7ポイントから4.8ポイントに縮まっています。
2008年から現在までの約9年で、スマートフォンがパソコンとほぼ同じ普及率となり、近い将来、パソコンの普及率を抜いて、最も利用される情報端末になることでしょう。

スマートフォンの普及

スマートフォンの普及と比例して、機能やサイズもぐんと進化してきています。
ですので、その進化に常に対応したコンテンツや画像を作っていくことが重要です。

Image

2017年 1月現在、日本国内で最も利用されているスマートフォンのディスプレイは375×667サイズで、41.15%の割合で利用されています。主にiPhone 6~7で使用されているサイズです。
次がサイズ(16.27%)、360×640サイズ(16.02%)とされています。
ディスプレイサイズは320~いろいろなサイズがありますが、ディスプレイに合わせたサイズで画像を作成すると、iPhoneのRetinaディスプレイや他社メーカーの高解像度ディスプレイでは、画像との解像度のブレが発生し、画像がぼけたり、荒い表示になってしまい、せっかく作った画像をお客様に伝えきれない可能性があります。
ですので、画像を作成する際にまず意識することは、ディスプレイにしっかりと対応したサイズであるかどうかです。
具体的なサイズを考えると、シェア率上位中サイズが最も小さい320×568サイズの横幅2倍サイズ、640pxを軸として考えます。
大きければ大きいほど、お客様にわかりやすく綺麗な画像を見せることができると思われるかもしれませんが、通信速度の問題や、高解像ではないディスプレイを使用しているユーザーのことを考え、どの端末でも美しく見える画像を作成しましょう。

また、ネットショップなどで複数の画像を使用する場合、全ての画像の縦横サイズは同サイズにし、統一されたレイアウトにすることを意識しましょう。

一目で商品情報を伝えられる画像を作ろう!

実際に商品を手に取れないネットショップでは、掲載画像からいかにして情報を伝えるかが重要です。

170113

例えば、
● 商品が食品の場合だと美味しさ、新鮮さ、どれくらいの量かが一目でわかる画像
● 物件などですと間取り図、内装以外にも外装、物件周囲の情報がわかる画像
● 衣類などの着るものの場合は、実際にモデルが着た写真と、またそのモデルの身長等の情報をテキストなどで表記する

これらのひと手間を加えることで、お客様の購入意欲を後押しできるかもしれません。
さらに、正しくわかりやすい情報を載せることによって、返品やクレームの減少につなげられる可能性もあります。
また、画像も無限に上げるわけにはいきませんので、限られた枚数でいかにしてお客様に伝えたい情報を正しくシンプルにわかりやすく伝えられるか考えましょう。
実際に自分がネットショッピングで買い物をする際に何をポイントにして買い物をしているのか、いつもと違う目線で考えてみると新しい発見があるかもしれません。

写真は何で撮影するべき?

お客様にしっかりと商品情報をお伝えしたい!でも、一眼レフや高いデジタルカメラで撮影をしなければ他のショップよりも画像が劣ってしまうのでは…?

いいえ、そんなことはありません。
この記事の最初にご紹介したように、短期間で大きな進化をしてきたスマートフォンですが、その内蔵されているカメラもまた、同じように大きな進化を遂げています。

例えば、2016年~2017年現在までに発売されたスマートフォンのカメラの画素数は1200万画素が主流になっており、約3年前のデジタルカメラとほぼ同じ画素数になります。
画素数が高ければ高いほど画質がよくなるというわけでもないのですが、スマートフォンを上手に活用してデジタルカメラで撮影したような写真に近づけることは可能です。
被写体の大きさ、背景の色や明るさ、周りに配置する飾りなど、少し意識するだけでスマートフォンでも十分魅力的な写真を撮影することができます。
170113_2
また、画像編集用の無料のアプリケーションなども充実しており、パソコン用画像編集ソフトを介さずに画像サイズや明るさ、コントラスト調整なども可能です。
画像編集アプリは非常に便利ではありますが、商品画像を作成する際に気を付けなければならないことがあります。
それは、実際の商品と紹介画像に目で見てわかる差をつけてはいけないということです。
画像編集アプリケーションには画像を魅力的に見せるためのフィルター機能が存在するものがあり、ボタン一つでおしゃれで綺麗な画像に加工することができます。
しかし、ネットショップに足を運ばれるお客様が知りたい情報はありのままの商品情報ですので、フィルター機能は使用せず、明るさ調整等のみで画像作成をしましょう。

まとめ

大変初歩的な内容でしたが、 いかがだったでしょうか?

とても小さなことですが、確かな情報と魅力がつまった商品画像が、お客様の心を射止めることができれば、結果的にアクセスアップへもつなげることができます。
今一度、改めて掲載する画像について考え、お客様に正しく正確な情報が伝えられているかショップサイトを見直してみましょう!

ショッピングサイトやホームページ運用のご相談は神戸のホームページ制作会社ユーシステムまで!

関連記事

faq

「よくある質問」ページをホームページに作る理由とその作り方とは?

ホームページを見ていると「よくある質問」あるいは「FAQ」や「Q&A」といったページを見かけ

記事を読む

006

今日からできる!SEO対策

「SEO対策」というと、なんとなくとっつきにくさが先行してしまい、難しそうだしなんだか良く分からない

記事を読む

1610_blog3

ショッピングサイトで購買数をアップする7つの方法[後編]

先月の記事で「前編 」をアップしましたが、今回は「後編」として引き続き「ショッピングサイトで購買数を

記事を読む

ScreenClip

人を集めるホームページのタイトルの付け方とは

皆さんはホームページのタイトルはどのようにつけていますか。 ここで言うタイトルとは、デザイン上のタ

記事を読む

illust3684

鮮度が命のホームページ!CMSで更新しよう

ホームページは「鮮度が命」です。 常に最新の情報を掲載し、タイムラグなく発信することが求められてい

記事を読む

自社で更新

自社で定期的にホームページを更新したい!更新システムを利用する場合

ホームページ制作会社へ依頼をした場合、必ず聞かれるのが 自社での更新を行うかどうかということ。

記事を読む

集客方法

ネット販売の集客法~オンライン集客編

オンライン集客とは 最近は誰もでも簡単にネットショップを立ちあげられるようになりましたが、実際

記事を読む

自社商品をネットで販売

自社商品をネットで販売~自社運営かショッピングモール出店か~

ネットショップでの出店形態は、大きく分けると ・自社でのネットショップ運営 ・ショッピングモール

記事を読む

150501

”見込み客数”がアクセス解析で見える!

あなたの会社の製品やサービスに、興味を持ってくれている人、購入する可能性のある人は「見込み客」です。

記事を読む

mark_syoshinsya

初心者向け!アクセス解析の基礎知識

ホームページを作成した後、私たちは手をかけてホームページを育てていくこと、つまりホームページの運用に

記事を読む

thm
時代はスマホ中心へ!モバイルファーストインデックスとは

2015年5月にGoogleから、「Google検索はパソコンよりもス

1801
ホームページの更新が滞るのはなぜ?5つの理由

ホームページ、順調に更新できていますか? 久しぶりにご連絡をいただい

1710
インターネットに安心・安全を…SSLのススメ

「SSL」って何でしょう?聞いたことありますか? 名前だけは聞いたこ

3
いつどこからどうやってアクセスしているの?ユーザーの動向を把握しよう!

ホームページを運営されている方が一番気になるのが、ホームページへアクセ

1709
なんぼで出来る?ホームページにかかるお金の話

「結局のところ、なんぼで出来るの?」というご相談をいただくことがありま

→もっと見る

PAGE TOP ↑