*

スマホ時代に合わせた楽天Goldページの最適化


楽天PCページのスマホ対策が大事だという事例。

スマートフォン対策を色々やった店舗様のGoogleAnalitycsデータ。
smp

楽天Goldのトップページなんですが、外部SEOの成果もありスマホ&タブレット比率が4割。
なお端末別で見ると、スマホ比率は全体の2割強ぐらい。

このお店は顕著な例ですが、スマホでPC版を見ているお客様はものすごく多い印象があります。
実際自分が買い物するときも、PC版で詳細を見てから注文しますし。
さらに、トップページを楽天Goldで作っているお店の場合は、
Googleに楽天Goldのページが出ることがほとんどなので、スマホでPC用に作った楽天Goldのページを見るケースがよくあります。

そうすると、PC用に作った楽天Goldページがスマホで見ても問題ないかが、重要になってきます。

PCサイトのスマホ最適化。

  • Flashは厳禁
  • Javascriptはシンプルに。
  • CSSはiOS、Android両方で表示確認(特にhoverは使っちゃダメ)
  • ページサイズは軽く。これで確認すると便利。

http://site-study.com/archives/100
◆あと楽天店舗特有の問題、Iframeびよーん問題について。
普通にIframeを記載すると、Iframe部分が元のページサイズに合わせてとてつもなく長くなります。
対策はここが分かりやすかったので、そのまま引用。
http://lab.informarc.co.jp/javascript/iframe_with_responsive_web_design.html

関連記事

楽々商品登録 関連商品イメージ

楽々商品登録君のカスタマイズ事例(1)

弊社で販売している多モール商品登録ソフト、楽々商品登録君のカスタマイズ事例です。 キッチンジャンル

記事を読む

no image

楽天スマホページ編集ツール

1年前に作った、スマホ用のカテゴリページを出力できるシステムを放置してたので、少しだけ手を入れてテス

記事を読む

no image

楽天Goldのhttps:修正手順(SSL対応)

楽天Goldを使っている場合のSSL修正の手順 YahooショッピングのSSL対応に続いて、楽天市

記事を読む

楽天の買い物かごボタンをカスタマイズ

この記事の「買い物かごをカスタマイズする方法」は、2015年に楽天RMSのHTMLソースが変わったた

記事を読む

no image

[03/23加筆]ネットショップモール・ショッピングカートでしないといけない消費税対応(楽天・Yahoo・Amazonなど)

いよいよ4月1日より、消費税率が8%になります。 ネットショップでも消費税を変更しないといけません

記事を読む

no image

楽天ペイ(RMS)で効率的に受注管理するには?

楽天ペイは今までの受注管理、R-Backofficeと異なりステータス管理ができないなど使い勝手が異

記事を読む

no image

楽天Goldで自動ページ送りを実装

スマートフォン用サイトを楽天Goldで作るショップ様も増えてきましたが、スマホの回線速度が早くなった

記事を読む

no image

楽天ショップのショップ内サーチのカスタマイズ

楽天ショップで設置できる店舗内検索について 店舗内検索のフォームは実は裏側でいろいろなパラメータを

記事を読む

楽天RMSの項目選択肢別在庫に出る納期のデザインを変更

項目選択肢別在庫の納期情報の文字色・サイズなどの変更 1月13日から楽天では納期情報が必須になるた

記事を読む

楽天、YahooなどのCSVをExcelで安全に開くには?

楽天やYahooショッピングなど、ネットショップの業務をやっていると「CSVデータ」がないと出来ない

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

no image
楽天ペイ(RMS)で効率的に受注管理するには?

楽天ペイは今までの受注管理、R-Backofficeと異なりステータス

Yahooショッピング SEO(7)3月14日から低評価でペナルティ

Yahooショッピングで2017年10月に発表された、評価が悪いショッ

no image
楽天Goldのhttps:修正手順(SSL対応)

楽天Goldを使っている場合のSSL修正の手順 Yahooショッピン

no image
Amazonセラーセントラルの乗っ取り多発!二段階認証を

Amazonで詐欺出品者が急増中 Amazonセラーセントラルで、以

no image
Yahooショッピングの常時SSL(AOSSL)で厳密に置換したい場合

Yahooショッピングの常時SSL(AOSSL)、トリプルはどうするか

→もっと見る

PAGE TOP ↑