【ECサイト対象】モバイルサイトでもすべてのコンテンツを掲載するべき、省略してはいけない
2013年05月08日
[対象: 全員]
モバイル向けサイトでは、ディスプレイの大きさや回線速度、開発の手間などの理由によりPC向けサイトにあるコンテンツをすべて移植せず部分的に省くことがあるかもしれません。
しかしBaymard Instituteが行ったモバイルショッピングサイトのユーザビリティに関する調査によればコンテンツの省略は時には悲惨な結果に終わることがあるようです。
【注意】
この記事で紹介する内容はECサイトに対するものです。
ブログやメディア系サイト、コーポレートサイトなどタイプの違うサイトではユーザーの行動様式は異なってくることがあり得ます。
スマホサイトで試してみたいデザイン: カテゴリメニューを意味する3本バーのアイコン
2013年04月22日
[対象: 全員]
カテゴリへのメニューを表す“3本バー”のアイコンが、スマートフォン向けサイトで今後主流になるかもしれないというのがこの記事のトピックです。
PCと比べるとスマホはディスプレイサイズが小さいため見せたい要素を一度にすべて見せることが困難です。
省スペースが求められます。
スマホサイトのEFO: フォームの入力フィールドのラベルは横ではなく上に置く
2013年04月05日
[対象: 全員]
モバイルサイト（スマートフォン向けサイト）のエントリーフォーム最適化、いわゆるEFOをこの記事では説明します。
フォームの最適化といってもさまざまなことできるでしょうが、ここではフォームの入力項目の“ラベルの位置”に注目します。
ラベルは入力フィールドの上に配置する
ECサイトにおける色違いやサイズ違いの商品ページのベストプラクティス
2013年01月07日
[対象: 中〜上級]
この記事では、同じタイプの製品で色やサイズに複数のバリエーションがあるときのページ構成について解説します。
記事タイトルに「ベストプラクティス」と入れましたが、どんなアイテムを取り扱っているか、どんなシステムでサイトを構築しているか、すでに公開しているページかそれとも新規に公開するページか、検索需要はどのくらいあるか、何を最優先にするかなどさまざまな要因に依存するため、「この構成がベスト」と言い切ることはできません。
またそれぞれの構成にメリット・デメリットがあります。
タブ切り替え式デザインを推奨しない理由はSEOではなくUXの観点からだった
2012年12月13日
[対象: 中級]
URLが変わらないタブ切り替え型のページでは初期状態で選択されていないタブに隠れているコンテンツは無視されるかもしれないという情報を昨日の投稿で伝えました。
しかし背景や前後関係が不明だったので本当にそうなのかどうかの結論を出せませんでした。
この発言をしたGoogleのJohn Mueller（ジョン・ミューラー）氏から詳しい説明をもらえたので今日の投稿でフォローアップします。
ショッピングカートでは、クレジットカード情報の入力エリアをハイライトするとかご落ちを防げる
2012年12月07日
[対象: 全員]
コンバージョン率を上げるために簡単にできる改善策を今日は紹介します。
クレジットカードの入力エリアを“視覚的に補強”する方法です。
Baymard InstituteのE-Commerce Checkout Usabilityで説明されていたやり方になります。
A（左）とB（右）を比べてみてください。※クリックで拡大
違いに気付きますか？
米国のコンサルティング企業が施策するECサイト向けSEO from #PubCon Las Vegas 2012
2012年11月07日
[対象: 全員]
今日もPubCon Las Vegas 2012のセッションレポートです。
ECサイトの構築やコンサルティングを手がけるGroove Commerceという企業が米国にあります。
この記事では、Groove Commerceが施策するEコマースサイト向けのSEOを説明したプレゼンテーションを紹介します。
『米国のコンサルティング企業が施策するECサイト向けSEO from #PubCon Las Vegas 2012』の続きを読む
【加筆・修正あり】ECサイトの商品ページに欠かせない5つの要素 from #PubCon Las Vegas 2012
2012年11月05日
[対象: 全員]
※公開時の記事に加筆・修正しました。
間隔が少し空いてしまいましたが、PubCon Las Vegas 2012のセッションレポートを今日はお届けします。
ECサイトの商品ページを最適化するための施策についてのBRYANEISENBERG.COMのBryan Eisenberg（ブライアン・アイゼンバーグ）氏のプレゼンテーションからになります。
ネットショップ運営者の大きな手助けになるはずです。
『【加筆・修正あり】ECサイトの商品ページに欠かせない5つの要素 from #PubCon Las Vegas 2012』の続きを読む
画像表示を高速化してサイトパフォーマンスを向上させる5つのTIPS
2012年10月29日
[対象: 中〜上級]
ウェブサイトのパフォーマンアップ、平たく言うとページ表示の高速化は多くの読者さんにとって興味がある分野のようです。
僕も同じでスピードアップのためにいろいろ調べています。
そこでここまでの収穫として、今日は、画像ファイルの表示を高速化してサイトのパフォーマンスを向上するTIPSを5つ紹介します。
一応、簡単に実装できそうなものから順に並べてあります。
JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法
2012年10月03日
[対象: 中〜上級]
僕のブログではてブ数がいちばん多いのはウェブページを高速化するTIPSを解説した記事です（まだ読んでない人はぜひ読んでください！）。
その記事では高速化全般を扱っていましたが、今日の記事ではJavaScriptに的を絞って表示速度をスピードアップできる施策を6つ紹介します。
もともとはSearch Engine PeopleブログのOptimizing JavaScript for Better Web Performanceで説明されていたものです。
