*

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

おすすめトピックス

関連記事

アウトレットセール
アウトレット品はこれからの時代を生き抜く為の重要なファクターとなるだろう

よく巷でアウトレットセール、訳ありセールなど催されている所を見かける事もあると思います。そのアウトレットセールって何のセールかご存知でしょうか? 目次1 アウトレットとは2 商品は毎日捨てられている3 商品を安く買う方法 […]

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

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

カートフォント
商用無料!様々なショッピングカートのデザインが揃っているフリーフォント

インターネットショッピングのサイトを作るなら必ず必要な「買い物カゴボタン」。お客様が商品を注文するために必要なボタンです。よく買い物かごに入れるという文字とともにショッピングカートのアイコンがあしらわれたボタンがよく使わ […]

カートボタン
2015年末版、楽天の商品ページのカートボタンを画像にしてクリックしやすくしよう

楽天と言えば有名なショッピングモールの一つです。楽天で買い物をした事がある方もいらっしゃるでしょう。 ネットショップで買い物をする場合、商品ページを見て内容に納得してほしいと思ったら「カートに入れる」ボタンを押すのが普通 […]

5のつく日キャンペーン
Yahoo!ショッピング5のつく日だけ自動でバナーを切り替えてキャンペーンに誘導する

Yahoo!ショッピングでは5のつく日キャンペーンを継続的に実施しています。すなわち毎月5日、15日、25日にキャンペーンにエントリーして Yahoo!ショッピングで買い物をすると誰でもTポイントが5倍となるキャンペーン […]

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

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

著者について

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

フォローはこちら

       

       
ラジオのAM/FMとはどういう意味か?

ラジオ放送には2種類ある事は多くの方がご存知かと思います。それ

美山鍾乳洞
大変珍しい立体迷路型鍾乳洞、岐阜県郡上市の「美山鍾乳洞」を探検

岐阜県郡上市にある美山鍾乳洞は日本最大級の立体迷路型鍾乳洞とい

スープカレー
こだわりのスープカレーが旨い岐阜県郡上市の老舗カフェ「アルピーヌ」でランチ

岐阜県の郡上八幡へ観光へ行った時に、郡上市でどこかランチができ

養老軒の大福
売切れ続出!独創的な絶品大福で有名な岐阜県川辺町の和菓子処「養老軒」

岐阜県加茂郡川辺町に存在する和菓子屋さん養老軒は独創的なフルー

モネの池の鯉
神秘的で青く美しい岐阜県関市の「モネの池」に行ってみた。最善の見頃は6月

Google マップで適当に色々な場所を見ていた所、偶然「Mo

→もっと見る