スマホ時代に合わせた楽天Goldページの最適化
楽天PCページのスマホ対策が大事だという事例。
スマートフォン対策を色々やった店舗様のGoogleAnalitycsデータ。
楽天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
関連記事
-
-
楽天、YahooなどのCSVをExcelで安全に開くには？
楽天やYahooショッピングなど、ネットショップの業務をやっていると「CSVデータ」がないと出来ない
-
-
楽天Goldで作成したページのFacebook最適化(OGP設定)
楽天GoldページのFacebookへの対応の仕方-OGP 楽天Goldで作成したページも、Fac
-
-
楽々商品登録君のカスタマイズ事例（1）
弊社で販売している多モール商品登録ソフト、楽々商品登録君のカスタマイズ事例です。 キッチンジャンル
-
-
楽天RMSのページをスタイルシートでカスタマイズ
簡単にスタイルシートで楽天RMSページをカスタマイズできる方法 前回、楽天RMSの項目選択肢別在庫
-
-
楽天ショップのショップ内サーチのカスタマイズ
楽天ショップで設置できる店舗内検索について 店舗内検索のフォームは実は裏側でいろいろなパラメータを
-
-
楽天RMSの項目選択肢別在庫に出る納期のデザインを変更
項目選択肢別在庫の納期情報の文字色・サイズなどの変更 1月13日から楽天では納期情報が必須になるた
-
-
お荷物伝票番号付きURLの発送メールへの入れ方 楽天RMS対応
配送状況に関する問い合わせを減らすには？ ネットショップでよくあるお問い合わせの一つが、配送状況の
-
-
楽天RMSの納期を一括設定するには【2月29日まで】
楽天の週間サポートニュースなどでも告知されていますが、2015年1月13日から商品ごとの納期情報の設
-
-
楽天Goldで作ったページをモバイルフレンドリー対応にするには？
Googleが、2015年4月21日からスマートフォン対応していないサイトは検索での順位を落とすと発
-
-
楽天RMSでも出来るGoogle,YahooのSEO対策【1】
楽天ショップの場合、楽天サーチなど楽天サービスからの集客を意識しがちですが、rakuten.co.j
