モバイル向けサイトであってもPC向けサイトと同じ、すべてのコンテンツを掲載するべきであり省略してはいけない。モバイルショッピングサイトのユーザビリティに関する調査によればコンテンツの省略は時には悲惨な結果に終わることがある。
UX・IA・CRO・EFO
スマホサイトで試してみたいデザイン: カテゴリメニューを意味する3本バーのアイコン
カテゴリへのメニューを表す“3本バー”のアイコンが、スマートフォン向けサイトで今後主流になるかもしれない。
スマホサイトのEFO: フォームの入力フィールドのラベルは横ではなく上に置く
スマートフォン向けサイトのエントリーフォーム最適化のコツを説明。入力項目のラベルは入力フィールドの「横ではなく上に配置」するとい。
ECサイトにおける色違いやサイズ違いの商品ページのベストプラクティス
色違いやサイズ違いの商品をどのように見せるかはECサイトにおいて悩ましい問題だ。ユーザーエクスペリエンスとSEOの両方を完璧に満たす方法はない。しかしそれぞれの状況に応じた、より適切な構成を見出すためのヒントをこの記事では説明する。
タブ切り替え式デザインを推奨しない理由はSEOではなくUXの観点からだった
Googleのジョン・ミューラー氏はタブ切り替え式のデザインを推奨せず、タブに隠れたコンテンツは無視さえることがあると発言したらしかった。この件について真相を直接本人に尋ねてみた。その結果、タブ切り替えを勧めない理由は「検索エンジン (SEO)」の問題というよりもどちらかと言うとユーザーエクスペリエンス (UX) の問題によるものと判明した。
ショッピングカートでは、クレジットカード情報の入力エリアをハイライトするとかご落ちを防げる
クレジットカードの入力エリアを“視覚的に補強”することでショッピングカートからの離脱、いわゆる“かご落ち”を減らすことができる。具体的には背景色を他とは変えたりセキュリティバッヂを付ける。ユーザーの心理的な安心感を増すことができるのだ。
米国のコンサルティング企業が施策するECサイト向けSEO from #PubCon Las Vegas 2012
PubCon Las Vegas 2012のセッションレポート。ECサイトの構築やコンサルティングを手がける米国のGroove Commerceという企業のEコマースサイト向けのSEO施策を紹介する。ネットショップオーナーは自分のサイトのSEOと照らし合わせてみるべし。
【加筆・修正あり】ECサイトの商品ページに欠かせない5つの要素 from #PubCon Las Vegas 2012
ECサイトの商品ページの最適化についてのセッションをPubCon Las Vegas 2012からレポートする。コンバージョンアップ、売上アップのために商品ページに欠かせない要素を理解できる。どれも今すぐ実践できることばかり。
画像表示を高速化してサイトパフォーマンスを向上させる5つのTIPS
画像ファイルの表示を高速化してサイトのパフォーマンスを向上するTIPSを5つ紹介する。「ファイルサイズの縮小」「width属性とheight属性の不使用」「キャッシュの有効化」「画像ファイルを別サーバーに置く」「CSSスプライトを使う」
JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法
Javascriptに的を絞って、ウェブページの表示速度をスピードアップできる施策を6つ紹介する。「HTTPリクエスト削減のためにJavascriptファイルを1つに統合する」・「CSSの参照タグをJavascriptの参照タグよりも先に記述する」・「Expiresヘッダーでキャッシュ期間を長くする」など。