【マーケティングセミナー】自社ECサイトを立ち上げ、運用するために知っておきたい基礎知識

ECサイト立ち上げと運用のための成功戦略 〜 売れるECサイトに必要なモノとコトと〜 1 © 流楽 Inc.

松崎 匡浩 有限会社 流楽 代表 自己紹介 【担当】 Webマーケティング ページスピード改善おたく 2 © 流楽 Inc.

松崎 匡浩 大阪産業局 oidc デザインエキスパート 自己紹介 【担当】 Web関連のご相談 ホームページ無料診断 2 3 © 流楽 Inc.

I. ただ作っただけのECサイト II. 環境と状況を学ぶ III. ユーザーを知る IV. ECサイトを整える V. まとめ 4 © 流楽 Inc.

セミナーに入る前に 5 © 流楽 Inc.

最近出会ったちょっとなお店 6 の話 © 流楽 Inc.

7 © 流楽 Inc.

でも、スイーツ は美味しかった 8 © 流楽 Inc.

このお店どう思います？ 9 © 流楽 Inc.

こういうコトって、 ECサイトでも起こってます 10 © 流楽 Inc.

I. ただ作っただけのECサイト II. 環境と状況を学ぶ III. ユーザーを知る IV. ECサイトを整える V. まとめ 11 © 流楽 Inc.

ただ作っただけのECサイト 12 © 流楽 Inc.

あなたは、どうやって ECサイトを 作りました？ 13 © 流楽 Inc.

ECサイトを作る時、 レ ア ちゃんと をやりました？ コレ 14 © 流楽 Inc.

ユーザーとニーズの検討 誰がどんな要望で商品を買うのか アレ コレ 15 © 流楽 Inc.

コンテンツ構成の検討 ニーズを満たすコンテンツとページ構成 サイトマップの作成 アレ コレ 16 © 流楽 Inc.

トップページ 当店について 商品一覧 カテゴリ 商品詳細 ・ ・ ・ ・ ・ ・ お役立ち企画 企画ページ お問い合わせ ・ ・ ・ 特定商取引 17 © 流楽 Inc.

コンテンツ配置の検討 主要ページのコンテンツ配置 アレ コレ 18 © 流楽 Inc.

19 © 流楽 Inc.

運用計画の検討 何をどうPRしていくか 発信する内容はどうする 20 アレ コレ © 流楽 Inc.

こういうこをしないで、ただ発注しただけ… ん か あ ゃ めっち やつです 21 © 流楽 Inc.

でも、デザインはちゃんと打ち合わせした！ カッコ良くていい感じやし！ 22 © 流楽 Inc.

ECサイトに求められるモノ デザイン コンテンツ パフォーマンス 23 © 流楽 Inc.

デザインも キレイ カッコ良い だけじゃ あかんのよね。 24 © 流楽 Inc.

アレコレせんとあかん理由 • 制作会社は業界素人 • 無駄な装飾/動きが多い • お客さんに配慮できてない • 期待に応えられない • 検索での露出が少なくなる 25 © 流楽 Inc.

もし、こういう状態だったら 誰も来ないし 売れません 26 © 流楽 Inc.

あなたはECサイトをどう作りました？ 27 © 流楽 Inc.

I. ただ作っただけのECサイト II. 環境と状況を知る III. ユーザーを知る IV. ECサイトを整える V. まとめ 28 © 流楽 Inc.

環境 状況を知る 29 © 流楽 Inc.

ECサイト取り巻く環境が 今、めっちゃ変わってきてるの ご存知ですか？ 30 © 流楽 Inc.

EC市場は競争が激化 プラットフォームの選択肢も多種多様に

EC市場は競争が激化 集客方法も様々

検索事情が大きく転換中... AIの登場 33 © 流楽 Inc.

検索事情が大きく転換中... ユーザーのインテントを理解 「ごはん 食べ放題」で検索 → 34 「おなかが減っている」 © 流楽 Inc.

検索事情が大きく転換中... AIモード検索が始まる 35 © 流楽 Inc.

検索事情が大きく転換中... 低品質コンテンツはインデックスされない 36 © 流楽 Inc.

実は ずっと前に 裏技・マル秘テクニックは オワコン 37 © 流楽 Inc.

これまで通りは通用しない 38 © 流楽 Inc.

じゃあ、 どうすればいいの？ 39 © 流楽 Inc.

I. ただ作っただけのECサイト II. 環境と状況を学ぶ III. ユーザーを知る IV. ECサイトを整える V. まとめ 40 © 流楽 Inc.

ここから どうすれば良いか編が始まります。 41 © 流楽 Inc.

ユーザーを 知る 42 © 流楽 Inc.

今は 欲しがってない人を説得しても 買ってもらえない... 43 © 流楽 Inc.

なので、 誰がユーザーなのかをわかってないと 売れません。 44 © 流楽 Inc.

よく聞く ペルソナってやつです。 ECサイトでもちょー大事。 45 © 流楽 Inc.

お客さんがわかると、 いつ、どこで、何をどうPRすれば良いか わかる！ 46 © 流楽 Inc.

お客さんがわかると、 こんなデータも活用できます。 47 © 流楽 Inc.

2023年11月にLINEが調査 48 © 流楽 Inc.

2023年11月にLINEが調査 49 © 流楽 Inc.

2023年11月にLINEが調査 50 © 流楽 Inc.

お客さんはどんなニーズを持ってる？ 51 © 流楽 Inc.

お客さんのニーズがわかると 欲しい人に欲しい商品を届けられる！ 52 © 流楽 Inc.

御社の商品は ユーザーをどう満足させられますか？ 53 © 流楽 Inc.

ユーザーが満足すると リピート買い、口コミが起こる！ 54 © 流楽 Inc.

きちんとお客さんを知って ニーズに応える商品を提供する！ 55 © 流楽 Inc.

ユーザーに最適化できれば、 競合、価格を超えて選ばれる！ 56 © 流楽 Inc.

I. ただ作っただけのECサイト II. 環境と状況を学ぶ III. ユーザーを知る IV. ECサイトを整える V. まとめ 57 © 流楽 Inc.

休憩10分 58 © 流楽 Inc.

ECサイト を整える 59 © 流楽 Inc.

• とりあえず作った • ひとまず載せてる • 詳しくない • ユーザーを見てない • 流行の何かをやっとけばいい 点の最適化では集客できない！ 60 © 流楽 Inc.

点 の最適化とは • デザインだけ • SEOだけ • ライティングだけ • 広告だけ • SNSだけ 61 © 流楽 Inc.

点 の最適化が ダメな理由.. ユーザーの流れ に 沿ってないから 62 © 流楽 Inc.

欲しい 調べる 見つける 63 検討する 買う © 流楽 Inc.

欲しい 調べる 見つける 検討する 買う 検索 広告 SNS 64 © 流楽 Inc.

欲しい 調べる 見つける 検討する 買う デザイン 内容 65 © 流楽 Inc.

欲しい 調べる 見つける 検討する 買う 動画 口コミ 66 © 流楽 Inc.

点の最適化だけでは、 調べる 買う 見つける 検討する どこかで離脱される！ 欲しい 検索 広告 SNS デザイン 内容 SEO 67 動画 口コミ © 流楽 Inc.

線で整える！ 68 © 流楽 Inc.

線で整える！ 欲しい 調べる 見つける 検討する 集める 魅せる 信頼 69 買う © 流楽 Inc.

線 の整え方 ユーザーとニーズを整える 70 © 流楽 Inc.

誰？ 探し物は何？ どうなりたい？ 71 © 流楽 Inc.

どこにいる？ どうやってくる？ 何を どう操作する？ 72 © 流楽 Inc.

線 の整え方 検索結果ページを整える 73 © 流楽 Inc.

74 © 流楽 Inc.

ページタイトル メタ・ディスクリプション 75 リッチリザルト © 流楽 Inc.

線 の整え方 ファーストビューを整える 最初に表示される ココ 76 © 流楽 Inc.

ファーストビュー • わかりやすさ • ニーズに応えているか • 刺さるキャッチ • インパクト ユーザーの 興味を引けるか？ 77 © 流楽 Inc.

線 の整え方 パフォーマンスを整える 78 © 流楽 Inc.

ユーザーは ２秒以上待たない 79 © 流楽 Inc.

ページスピードはチェックできる！ 80 © 流楽 Inc.

スピード改善のポイント • 画像軽量化 • webP、AVIFの使用 • コードの最適化 • 強制リフロー改善 • クリティカルCSSのインライン化 • 無駄な装飾/動きをなくす • ウェブフォントの読み込み • 外部ファイルの読み込み • キャッシュ設定 • LCP最適化（fetchpriority=high） 81 © 流楽 Inc.

もっとも簡単に軽量化できるのが 画像 のチューニング 82 © 流楽 Inc.

画像 のチューニングは ちょー簡単！ 1.サイズの最適化 2.JPGファイルの圧縮 3.WebPに変換 これだけ。 ちょー簡単。 83 © 流楽 Inc.

84 © 流楽 Inc.

85 © 流楽 Inc.

線 の整え方 コンテンツを整える 86 © 流楽 Inc.

コンテンツを整えることは、 ECサイトの集客で 最重要ポイント！ 人にも、AIにも効果的。 87 © 流楽 Inc.

コンテンツを整えるメリット • • • • • • • • • • • • • • • 詳しく伝えられる ブランドや専門性が伝わる 信頼度を獲得できる ファンを増やせる 滞在率が伸びる 直帰率が下がる 競合との差別化になる 詳しく伝えられる ブランドや専門性が伝わる 検索インテントにマッチ 多様なクエリでヒット AIの回答に引用される 関連情報での表示機会が増える 今後の検索で期待が持てる 口コミされやすい 88 © 流楽 Inc.

89 © 流楽 Inc.

線 の整え方 CTAを整える 90 © 流楽 Inc.

買い物かごに入れる 購入する 色・サイズを選ぶ 91 © 流楽 Inc.

CTAを整える • 配置する場所 • テキスト • カラー • カタチ • 大きさ 92 © 流楽 Inc.

線 の整え方 直感操作の導線を整える 93 © 流楽 Inc.

初めてサイトでも 何となくで目的のページまでいけるか 94 © 流楽 Inc.

直感操作の導線を整える • メインメニューの見直し • カテゴリの最適化 • 画像とコンテンツの整合性 • わかりやすい表現 95 © 流楽 Inc.

線 の整え方 フォームを整える 96 © 流楽 Inc.

お名前 ト ー ケ アン か？ た し ま 何を見 は？ 索 検 う よく使 は？ 度 頻 入の 購 ト ネッ 姓 名 ・ セイ ナ フリガ メイ ・ ・ 号 郵便番 県 都道府 ・ ・ 住所1 住所2 TEL 携帯 メール 録 登 員 新規会 希望ID ード ワ ス パ 購読 ガ マ メル 可否 の L M HT 法 決済方 する しない ット ジ レ ク み 振り込 代引き 払い97 後 ニ コンビ © 流楽 Inc.

線 の整え方 口コミを獲得する 98 © 流楽 Inc.

Googleビジネスプロフィールの充実 99 © 流楽 Inc.

I. ただ作っただけのECサイト II. 環境と状況を学ぶ III. ユーザーを知る IV. ECサイトを整える V. まとめ 100 © 流楽 Inc.

まとめ 101 © 流楽 Inc.

質問ありましたら.. 102 © 流楽 Inc.

ご清聴ありがとうございました。 103 © 流楽 Inc.

本日の評価・感想をお願いします。 104 © 流楽 Inc.

自分のECサイトを チェックしたい人いますか？ 105 © 流楽 Inc.