*

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

おすすめトピックス

関連記事

ミニパソコン
売りたい商品のアピールは第一印象が重要である

ネットショップで商品を売りたいならまずは商品登録して各ショッピングモールへ出品します。今の時代、出品しただけでは売れません。 どこのショップでもいかに自分の商品を売るか考えられ実践されています。商品を売るために商品ページ […]

CSV
重くて開けないCSVをExcelで開くには分割するべし

CSV ファイルと言えば IT系の業務に携わっている人なら一度は使った事があるファイル形式だと思います。 目次1 CSVファイルとは2 重いCSVをExcelで開くには2.1 重いCSVを分割する方法3 おわりに CSV […]

Amazonの商品説明文に画像を載せられるようになりました「商品紹介コンテンツ」

Amazon の商品ページを想像してみてください。商品画像に商品説明がリストで列挙されている程度で実にシンプルですよね。楽天など他ショッピングモールと比べて商品アピール具合が大人しいと思いませんか? その理由は Amaz […]

楽天商品ページに複数の買い物かごボタンを設置する方法

今日は楽天ショップの商品ページについてのお話です。 これからAという商品を商品ページに載せるとします。そのAという商品には多数のオプション品があり、合わせてオプション品もたくさん売りたいという場合結構頭を悩ます問題だった […]

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

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

商品ページの回遊率アップで売上向上を狙う為の施策について

どこのネットショップ、ショッピングモールでもそうですがマニュアル通りにただ商品を載せただけでは売上向上に繋がりません。ちょっとしたカスタマイズで商品ページの回遊率を高め、商品が売れる機会を増やすことができます。 カスタマ […]

著者について

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

フォローはこちら

       

       
楽天ポイントカードでW0211003013エラーが発生してポイントが使えない

出光のガソリンスタンドで給油して、楽天ポイントカードを使用した

ESRランニングポーチ
ランニング中でもスマホが邪魔にならないESRランニングポーチのレビュー

日々のランニングやマラソン大会に出た時、ある悩みの種がありまし

はじめ整体院外観
滋賀県彦根市の「はじめ整体院」で体の歪みや重心のズレを相談してきた

近頃長い間歩くと足の痛みや足の不調が顕著に現れるようになってき

青森大間土産のマグロ一本釣り「やいっやー!山本さんラングドシャ」

お隣さんが本州最北端の青森県大間町へ旅行に行ったという事でお土

増田うどん
札幌の「増田うどん」甘いお出汁の肉うどんが魅力のうどん専門店

札幌市中央区役所の近くにある「増田うどん」は福岡肉うどんがメイ

→もっと見る