Googleデジタルマーケティング＆Eコマース：Eコマースストアの構成要素

# はじめに

”Googleデジタルマーケティング＆Eコマース プロフェッショナル認定証"　の受講が完了しました(2022/3/3)。私がこのコースから得られた素晴らしい体験を、テーマごとに分割して、わかりやすくご紹介しています。興味を持たれた方は、是非下記を受講してみてください。

https://jp.coursera.org/professional-certificates/google-digital-marketing-ecommerce

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/8957baaf-ce73-a2a4-19cd-72db89b6874f.png" width="800">

# eコマースストアとは

***<font color="MediumVioletRed">『オンラインで製品を販売する店舗のこと』</font>***

Eコマースストアでは、お客様は商品を検索または閲覧し、仮想のショッピングカートに追加して、オンラインで代金を支払うことができます。

お客様が簡単にオンラインショッピングができるように、Eコマースストアにはベストプラクティスとされるいくつかの基本的な要素が含まれている必要があります。これらの要素は、お客様が訪問するほとんどのEコマースサイトで見つけられると期待できる、簡単に認識できる要素であるべきです。

# Eコマースストアの構成要素

### ホームページ

Webサイトのメインページであるホームページがあります。ECサイトでは、どのような商品を販売しているのかをお客様に理解していただくためのページです。また、お客さまが必要な情報を見つけやすくする。そして、他のページとつながるメインハブの役割も果たします。

### ナビゲーション・バー

ECサイトのトップには、サイト内の他のページへのリンクが集まったナビゲーションバーがあります。ナビゲーションバーは、お客さまがサイト内のどのセクションが最も便利かを見つけるのに役立ちます。ナビゲーションバーは通常、お客様がどのページにいても、Webサイトの最上部に表示されます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/0bc1ab1d-ec60-cd06-d1fc-31ea3093af4c.png" width="600">

ナビゲーション・バーには、製品へのリンクを含むメニューがあり、通常、部門別またはカテゴリー別に構成されています。例えば、メニューには、家電製品全体のページへのリンクと、冷蔵庫と洗濯機のページへの二次的なリンクが含まれることがあります。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/5ab7a03a-d62d-3193-a2a0-b345321bc87d.png" width="600">

ナビゲーションバーは、他の重要なページへのリンクも含むことができます。例えば、特売情報、週間広告、ギフト登録、またはカスタマーサポートなどである。

### 機能検索

Eコマースストアには、検索バーなどの検索機能があります。お客様が探したいものが決まっている場合、それを検索フィールドに入力すると、その検索に基づいた結果がストアから得られます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/e4533b31-7427-8e5c-cd05-93ec4b2bffaf.png" width="600">

### アカウント

メニューや検索要素の他に、ナビゲーションバーには通常、アカウントを作成したりサインインしたりするためのリンクが含まれています。これにより、お客様はアカウント情報の作成または編集、支払い情報の更新、過去の注文へのアクセスなどを行うことができます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/be3644ce-39c3-5f87-1f1b-85899031684c.png" width="600">

### 製品詳細ページ（PDP, Product detail page）

お客様がウェブサイトの奥に進むと、特定の製品に関する情報を提供する製品詳細ページが表示されます。商品詳細ページには、商品説明、画像、仕様、レビューなど、商品に関するその他の情報が掲載されます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/efeff257-6316-405b-d47c-8c3b1f8f8d2d.png" width="600">

### ショッピングカート

お客様は購入したい商品を見つけると、デジタルショッピングカートに追加することができます。ナビゲーションバーにはショッピングカートへのリンクがあり、お客様はいつでもアクセスすることができます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/6c39fd96-7380-29fe-9a39-d8dbfe495629.png" width="600">

このリンクをクリックすると、お客様はショッピングカートに直接移動し、購入手続き中にいつでも現在の注文を確認することができます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/8475180c-f967-0e1e-071b-faffbfbb6a27.png" width="600">

### チェックアウト

買い物を終えたら、ショッピングカートに移動してチェックアウトプロセスに簡単に入ることができる。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/9df8d5f3-06d7-bd55-204e-415a72d195c3.png" width="600">

全てのEコマースストアには、デジタルチェックアウトシステムがあり、お客様は配送先と支払い情報を入力し、オンラインで購入を完了することができます。チェックアウトプロセスは、カスタマージャーニーにとって重要な部分です。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/f869c0e8-7173-de2a-76e2-1736dfea7173.png" width="600">

### その他

その他にも、カスタマーサポートへのリンク、連絡先、返品・交換のポリシー、配送情報など、Eコマースストアで重要なページがあります。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/52def4fd-44ac-2026-37fb-8654c475d967.png" width="600">

### レスポンシブWebサイト

可能であれば、レスポンシブWebサイトであることも重要です。レスポンシブWebサイトとは、パソコン、携帯電話、タブレット端末など、あらゆる種類のデバイスで動作するように設計されたWebサイトのことです。レスポンシブWebサイトを持つことで、顧客のブラウジング体験がより簡単に、より効率的になり、一般的にコンバージョン率の向上につながります。

### Webアクセシビリティ

Eコマースストアは、全てのユーザーがアクセス可能であるべきです。Webアクセシビリティとは、Webサイトやモバイルアプリが、障がい者にも利用できるように設計・開発されていることを指します。

71%の障がい者は、アクセシビリティがない場合、すぐにWebサイトから離脱してしまいます。また、アクセシビリティのために行われる多くの機能拡張は、すべてのユーザーの体験を向上させます。 ビデオキャプションは、多くのユーザーが価値を見出すアクセシビリティツールの好例です。

最終的に、ユーザーは一人ひとり異なります。ですから、アクセシビリティを考慮したデザインは、人々がWebサイトを閲覧するさまざまな方法に対応するための重要な方法なのです。

### 店舗検索

実店舗を持つ企業であれば、店舗検索機能を設けることも重要です。お客様は、商品について調べたり、近くの店舗を探したりするために、まず店舗のウェブサイトにアクセスすることがよくあります。また、オンラインで商品を購入し、店舗で受け取るという選択肢もあります。Eコマースでは、これをBOPIS（Buy Online, Pick Up in Store）と呼ぶことがあります。