*

Yahooショッピングのトリプルページを手っ取り早くスマホ対応に

公開日: : 最終更新日:2016/04/16 ネットショップ

iphone

Yahoo!ショッピングにショップを出店している方で、jquery や CSS が自由に使えてデザインができる「トリプル」を契約していらっしゃる方も多いと思います。しかし、トリプルで普通に PC 用のトップページを作っただけではスマホ対応になりません。

トリプルを契約する前の状態であれば自動で Yahoo!ショッピングが用意したスマホ対応サイトが表示されましたが、トリプルを使っている場合は自分でスマホ対応をしなくてはいけません。

2015年4月21日に Google 検索のアルゴリズムが更新され、モバイルの検索画面でスマホ対応サイトを優遇する処置が始まります。近年スマホユーザーが増えており、ネットショップでは PC のシェアを上回る所もあります。スマートフォンの検索でネットショップが出てこないとなるとかなりの痛手です。

スマホ対応サイトを作るのが一番の対策ですが、時間もないでしょう。今回のアップデートはモバイルフレンドリーであるかないかで検索順位が左右されるという事なので、とりあえずの対策としては Yahoo!ショッピングが用意しているスマホ対応サイトへ飛ばせば良さそうです。

※モバイルフレンドリーとは?
ウェブサイトをスマートフォンなどのモバイル端末で見て使いやすく優しいサイトであるかどうかという指標。モバイルフレンドリーであるかチェックする為には、以下のGoogle が用意したテストサイトで調べる事ができる。

モバイル フレンドリー テスト – Google

当然 PC 用のトリプルのサイトではモバイルフレンドリーではありません。とりあえず Yahoo!ショッピングでは従来のトップページへ飛ばす事でスマホ用ページを表示する事ができるので、ひとまずはこれで大丈夫だろうという事です。

従来のスマホ対応サイトへ飛ばす方法

ヘッダータグ部分に以下の javascript を挿入します。

<script type="text/javascript">
<!--
 var agent = navigator.userAgent;
 if(agent.search(/iPhone/) != -1 || agent.search(/iPad/) != -1 || agent.search(/iPod/) != -1 || agent.search(/Android/) != -1){
      if(confirm('スマホ対応サイトを表示しますか?')){
          location.href = "http://store.shopping.yahoo.co.jp/ショップID/";
      }
 }
-->
</script>

スマホ対応サイトを表示しますか?

上の例もそうですが、スマートフォンでサイトにアクセスすると「スマホ用サイトを表示しますか?」という確認が出るケースがよくあります。「そりゃ、スマホで見てるんだからスマホサイトを表示するわ!」と怒ってしまうかもしれません。これはスマートフォンに優しい仕様とは言えないですね。

でも、これには理由があります。それは、スマートフォンで PC 用サイトを見たいという人も一定数いるという事です。否が応でもスマホ対応サイトへ飛ばしてしまったら、そういう人たちの利便性を損なう事になります。

スマホで PC 用サイトを見たいという人のほうが少ないですから、全ての人に確認画面を出す事はそれでも優しい仕様とは言えません。これを改善するには、スマホ用サイトから PC 用サイトを見るボタンを押して移動するリファラを見て判定するのが良いかなと考えていますがその方法についてはまだ上手くいってません。

おわりに

とりあえず、これで Google 検索結果にも「スマホ対応」ラベルは付き、モバイルフレンドリーテストにも合格しました。でもこれからの時代、独自にスマホ対応サイトを作る事が一番のモバイルフレンドリーです。スマホ対応サイトがない場合、製作を考えた方が良いと思います。

関連記事

Yahoo!ショッピング5のつく日だけ自動でバナーを切り替えてキャンペーンに誘導する
Yahoo!ショッピングでは5のつく日キャンペーンを継続的に実施しています。すなわち毎月5日、15日、25日にキャンペーンにエントリーして Yahoo!ショッピングで買い物
  • Pocket

おすすめトピックス

関連記事

ボタン
Photoshop不要!ボタン素材を自動生成してくれるButton Makerの使い方

Web 上にはボタンというものが至る所に存在しています。検索ボタン、閉じるボタン、送信ボタン、クリアボタン、これらは Web 上でよく見られるボタンです。 このボタン画像は一見簡単に見えて地味に手間がかかるんですよね。C […]

楽天の選択し
楽天商品ページのカート上の選択肢を目立たせてスルーを防ぐ

楽天の商品ページにはカート上にお客様に選んでもらう選択肢を付ける事ができます。選択肢はプルダウンメニューで表示されます。例えば、商品をカートに入れる前にお客様に確認してほしい事とか、キャンペーンに参加するかしないか等を尋 […]

ネットショップ実務士検定
ネットショップ検定に合格すれば就職に有利になるかも

調べ物をしている時、たまたま「ネットショップ実務士」という検定を見つけました。コンセプトとしてはネットショップ業界で働くための新資格。ネットショップで働くための能力の基準を示し、認定する資格試験のようです。 ネットショッ […]

ショッピングカート付近にバナーを
楽天商品ページのカート付近、商品名の下にバナーを貼る方法

ネットショップのショッピングカート付近といえば、商品を見たり買ったりする人なら誰でも目を通す一等地です。そんな所にお知らせやバナーなんかを貼る事が出来たら便利ですよね。 楽天の商品ページでは標準機能では用意されていません […]

スマートフォンを持つ手
楽天のスマホページで外部CSSを使用する方法

楽天に限らずネットショッピングはスマートフォンで買い物をする人が増えているという事は2013年くらいから言われている事ですが、現在ではパソコンをも上回るシェアに迫っているようです。扱っている商材によっては既にスマートフォ […]

画像上書きの反映は遅いが一瞬で反映させる代替策はある【楽天ショップ】

楽天ショップを運営している人なら一度は頭を悩まされた事はあるでしょう。楽天の商品画像、すなわち楽天 RMS にアップロードした画像・楽天 GOLD スペースにアップロードした画像を上書きして差し替える場合、画像の反映処理 […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
JR関ヶ原駅近くの古民家カフェ「HiKOSA」の自家焙煎コーヒー

関ヶ原の戦いで有名な岐阜県の関ヶ原町にある JR 関ヶ原駅の近

郵便局の郵便配達が2020年を目処に土曜配達を廃止する見込み、代替方法は?

郵便配達の土曜日配達が2020年を目処に廃止される方向へ動いて

Androidスマホやタブレットの予測変換を1つだけ削除、消す方法

Android スマートフォンやタブレットで文字入力をしている

住所録がない場合でもダイレクトメールが送れる郵便局のサービス「かもめタウン」

ネットショップの仕事をしていた頃はダイレクトメールを送る為の住

彦根市の本格スパイスカレー専門店「カレー食堂ジャンゴ」でランチ

彦根市に本格スパイスカレー専門店「カレー食堂ジャンゴ」が201

→もっと見る