wordpressだけで動かす 『爆速』メディアecサイトの作り方

66
WordPressだけで動かす 爆速メディアECサイトの作り方 EC × 2015.11.14(sat) Digi comu Akita 2015 Fumito Abe 今日のテーマ 1

Upload: fumito-abe

Post on 16-Apr-2017

3.590 views

Category:

Internet


3 download

TRANSCRIPT

Page 1: WordPressだけで動かす 『爆速』メディアECサイトの作り方

WordPressだけで動かす 『爆速』メディアECサイトの作り方

EC×

2015.11.14(sat) Digi comu Akita 2015

Fumito Abe

今日のテーマ 1

Page 2: WordPressだけで動かす 『爆速』メディアECサイトの作り方

Job History

自己紹介 2

阿部 文人・・・34歳 / 猫好き

不動産営業マン(オフィス賃貸・土地売買)

WEBマーケター(リスティング+サイト制作)プロジェクトマネージャー (ブランディング・マーケティング・多言語予約システム・食品ECなど)

語学留学&WEBデザイナー・エンジニア(SF)

ディレクター・エンジニア(現在Norit Japonにて)

あべ ふみと

Page 3: WordPressだけで動かす 『爆速』メディアECサイトの作り方

はじめに 3

メディアECって?なに?

Page 4: WordPressだけで動かす 『爆速』メディアECサイトの作り方

はじめに 4

メディアサイト +

ECサイト

ブログSEO

ニュース 配信

ブランド構築

未来の顧客創造

受注管理顧客管理商品管理

Page 5: WordPressだけで動かす 『爆速』メディアECサイトの作り方

はじめに 5

WordPress で まるごと作ってしまおう!

Page 6: WordPressだけで動かす 『爆速』メディアECサイトの作り方

はじめに

何が良いの?

6

Page 7: WordPressだけで動かす 『爆速』メディアECサイトの作り方

はじめに

1 ファンが増える(商品への理解)

2 検索流入増加(SEO・ページ増)

3 管理コスト削減(1元化)

7

Page 8: WordPressだけで動かす 『爆速』メディアECサイトの作り方

はじめに

何が『爆速』なの?

8

Page 9: WordPressだけで動かす 『爆速』メディアECサイトの作り方

はじめに

1 サイト起動まで『爆速』

2 運営中も『爆速』応答

3 売れるまで『爆速』(?)

9

Page 10: WordPressだけで動かす 『爆速』メディアECサイトの作り方

はじめに 10

こんな方のお役に立ちたい

Page 11: WordPressだけで動かす 『爆速』メディアECサイトの作り方

はじめに 11

『モールは手数料高いな。』

『初期制作費は0円を希望!』

『運用(サーバ・決済)費を安く!』

『ECサイトとブログの管理が面倒』

Page 12: WordPressだけで動かす 『爆速』メディアECサイトの作り方

はじめに 12

全て叶えます!

Page 13: WordPressだけで動かす 『爆速』メディアECサイトの作り方

はじめに 13

でも、SSL設定 まわりだけ少し難しいかも

本日は省略しております。

Page 14: WordPressだけで動かす 『爆速』メディアECサイトの作り方

今日のプログラム 14

作り方

売り方

サーバ設定・WPインストール

これからのSNS運用

メディアECの使い方(事例)

メディアEC仕様概要

WPテーマ

メディアEC運用方指針

決済カート

Page 15: WordPressだけで動かす 『爆速』メディアECサイトの作り方

今日のプログラム 15

作り方

売り方

サーバ設定・WPインストール

これからのSNS運用

メディアECの使い方(事例)

メディアEC仕様概要

WPテーマ

メディアEC運用方指針

決済カート

Page 16: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアEC仕様概要 16

爆速で作るために決めること

Page 17: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアEC仕様概要 17

・・・

・・・

・・・

・・・

・・・

・・・

作るために まず決めること

商品名

ドメイン名

サーバ

配送料金

カート

決済モジュール

Page 18: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアEC仕様概要 18

・・・

・・・

・・・

・・・

・・・

・・・

とにかくわかりやすい名前を

普通にブランド名を英語でお名前.comで

ヤマトを参考に決定しましょう!

商品名

ドメイン名

サーバ

配送料金

カート

決済モジュール

後述

後述

後述

Page 19: WordPressだけで動かす 『爆速』メディアECサイトの作り方

今日のプログラム 19

作り方

売り方

サーバ設定・WPインストール

これからのSNS運用

メディアECの使い方(事例)

メディアEC仕様概要

WPテーマ

メディアEC運用方指針

決済カート

Page 20: WordPressだけで動かす 『爆速』メディアECサイトの作り方

サーバ設定・WPインストール 21

楽 速 安

Page 21: WordPressだけで動かす 『爆速』メディアECサイトの作り方

サーバ設定・WPインストール 20

Answer

+

Page 22: WordPressだけで動かす 『爆速』メディアECサイトの作り方

サーバ設定・WPインストール 22

爆速WordPress起動

http://kawatama.net/web/666

詳細はすごい方たちのブログなどを参照ください『AMIMOTO AMI.を使ってAWSでwordpressを構築してみた』

頑張れば『5分』~『30分』でサーバ設定、 WPインストールまで完了します。公式:http://www.awsmicrosite.jp/ec2-wp/

Page 23: WordPressだけで動かす 『爆速』メディアECサイトの作り方

サーバ設定・WPインストール 23

Nginxのリバースプロキシーが 爆速でレスポンスを返す。

『爆速応答』

AMIMOTO AMIデモ:https://demo.amimoto-ami.com/

Page 24: WordPressだけで動かす 『爆速』メディアECサイトの作り方

今日のプログラム 24

作り方

売り方

サーバ設定・WPインストール

これからのSNS運用

メディアECの使い方(事例)

メディアEC仕様概要

WPテーマ

メディアEC運用方指針

決済カート

Page 25: WordPressだけで動かす 『爆速』メディアECサイトの作り方

ショッピングカート 25

WordPressの ショッピングカートプラグインなら

Page 26: WordPressだけで動かす 『爆速』メディアECサイトの作り方

ショッピングカート 26

Answer

Page 27: WordPressだけで動かす 『爆速』メディアECサイトの作り方

ショッピングカート 27

1 WPプラグインですぐ追加可能 2 自由度の高いカスタマイズ性 3 WPテーマそのままに追加OK 4 基本的なカート機能はほぼ○

WPカートプラグイン『Welcart』の 良いところ

http://www.welcart.com/

詳細は開発者サイトを参照ください『日本発WordPress専用ショッピングカート』

無料

Page 28: WordPressだけで動かす 『爆速』メディアECサイトの作り方

今日のプログラム 28

作り方

売り方

サーバ設定・WPインストール

これからのSNS運用

メディアECの使い方(事例)

メディアEC仕様概要

WPテーマ

運用方針案

決済カート

Page 29: WordPressだけで動かす 『爆速』メディアECサイトの作り方

ショッピングカート 29

Welcart対応の WordPressのテーマは

Page 30: WordPressだけで動かす 『爆速』メディアECサイトの作り方

WordPressテーマ 30

AnswerWP公式テーマ『Blanc』(Welcart対応)

Page 31: WordPressだけで動かす 『爆速』メディアECサイトの作り方

WordPressテーマ 31

1 WP公式テーマで安心 2 レスポンシブでスマホOK 3 プラグインいらずで高速表示 4 カゴ落ち対策OK 5 リッチスニペット対応 6 Welcartとブログの共存OK

WP公式テーマ『Blanc』の良いところ

http://welcustom.net/welcart-theme-blanc/

詳細は開発者ブログを参照ください『Welcart対応テーマ(無料)がWordPress公式ディレクトリに登録されました』

無料

Page 32: WordPressだけで動かす 『爆速』メディアECサイトの作り方

今日のプログラム 32

作り方

売り方

サーバ設定・WPインストール

これからのSNS運用

メディアECの使い方(事例)

メディアEC仕様概要

WPテーマ

運用方針案

決済カート

Page 33: WordPressだけで動かす 『爆速』メディアECサイトの作り方

決済モジュール 33

Answer

Page 34: WordPressだけで動かす 『爆速』メディアECサイトの作り方

決済モジュール 34

1 初期費用 無料 2 月額固定費 無料 3 トランザクション処理 無料 4 カード手数料 3.28%のみ

の良いところ

http://www.sonypaymentservices.jp/ec/welcart.html

詳細は公式サイトを参照ください『Welcart決済サービス』

無料安い

Page 35: WordPressだけで動かす 『爆速』メディアECサイトの作り方

今日のプログラム 35

作り方

売り方

サーバ設定・WPインストール

これからのSNS運用

メディアECの使い方(事例)

メディアEC仕様概要

WPテーマ

メディアEC運用方指針

決済カート

Page 36: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアEC運用指針 36

Answer1

『愛』

Page 37: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアEC運用指針 37

商品へのAnswer1

Page 38: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアEC運用指針 38

『愛』Answer1

Page 39: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアEC運用指針 39

商品にどれだけ 愛情を込められるか

Answer1

Page 40: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアEC運用指針 40

Point商品の語り (物語・文章)

商品の見栄え (写真・イメージ)

出典:北欧くらしの道具店 http://hokuohkurashi.com/note/90287

Page 41: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアEC運用指針 41

本当にその文章?お客様に伝わる物語はない?校正してる?論理構造ある?

写真の解像度、サイズ、スタイリング、見せ方、照明それでOK?

Point

Page 42: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアEC運用方指針 42

Answer2

商品と商品に関連する記事を ひたすらにストックしていく

Page 43: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアEC運用方指針 43

Point

ア○ブロでいつまで更新しますか? 掲載する記事はその会社・ブランドの大事な資産

資産を外部に簡単に渡さない。 ストックすることで検索流入増加をねらおう。

Page 44: WordPressだけで動かす 『爆速』メディアECサイトの作り方

今日のプログラム 44

作り方

売り方

サーバ設定・WPインストール

これからのSNS運用

メディアECの使い方(事例)

メディアEC仕様概要

WPテーマ

メディアEC運用方指針

決済カート

Page 45: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアECの使い方(事例) 45

Case1 http://hokuohkurashi.com/

Page 46: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアECの使い方(事例) 46

Point

サイトを通じて顧客がファンになっているのは 商品自体ではなく

「スタッフを通して見える暮らし」

Page 47: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアECの使い方(事例) 47

Point

Page 48: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアECの使い方(事例) 48

Point

商品だけのECはもういらない

Page 49: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアECの使い方(事例) 49

Point

商品の『向こう側』を伝える

Page 50: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアECの使い方(事例) 50

Example

スタッフの愛用品紹介 生産者のこだわり思い

職人の情熱 その商品を購入して得られる体験

Page 51: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアECの使い方(事例) 51

Case2 http://www.receno.com/

Page 52: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアECの使い方(事例) 52

Point

商品を徹底的に伝える

Page 53: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアECの使い方(事例) 53

Point

http://www.receno.com/fan/rtr-l.php扇風機 レトロリビングファン QIR-350

Page 54: WordPressだけで動かす 『爆速』メディアECサイトの作り方

今日のプログラム 54

作り方

売り方

サーバ設定・WPインストール

これからのSNS運用

メディアECの使い方(事例)

メディアEC仕様概要

WPテーマ

メディアEC運用方指針

決済カート

Page 55: WordPressだけで動かす 『爆速』メディアECサイトの作り方

これからのSNS運用

そのメディアにあわせて コンテンツを配信・完結

55

Page 56: WordPressだけで動かす 『爆速』メディアECサイトの作り方

これからのSNS運用 56

Case1 https://www.instagram.com/natgeo/National Geographic

Page 57: WordPressだけで動かす 『爆速』メディアECサイトの作り方

これからのSNS運用

無理に誘導しない。 ユーザーにはもう時間がない

57

Page 58: WordPressだけで動かす 『爆速』メディアECサイトの作り方

これからのSNS運用 56

Case2 https://www.instagram.com/tsuchiya_kaban/土屋鞄製造所

Page 59: WordPressだけで動かす 『爆速』メディアECサイトの作り方

まとめ

まとめ

58

Page 60: WordPressだけで動かす 『爆速』メディアECサイトの作り方

メディアECサーバ・システムまとめ 59

・・・

・・・

・・・

・・・

・・・

・・・

決済

カート

CMS

WP+WEBサーバ

サーバ

テーマ

全て無料

WP公式 Blanc(welcart対応)

(AWSは1年)

Page 61: WordPressだけで動かす 『爆速』メディアECサイトの作り方

まとめ

1 サイト起動まで『爆速』

2 運営中も『爆速』応答

3 売れるまで『爆速』(?)

60

Page 62: WordPressだけで動かす 『爆速』メディアECサイトの作り方

はじめに

1 ファンが増える(商品への理解)

2 検索流入増加(SEO・ページ増)

3 管理コスト削減(1元化)

61

Page 63: WordPressだけで動かす 『爆速』メディアECサイトの作り方

おわりに 62

ご清聴ありがとうござました。

https://www.facebook.com/abefumito

FB申請、名刺交換、ご相談お気軽にどうぞ~

Page 64: WordPressだけで動かす 『爆速』メディアECサイトの作り方

おわりに 63

エンジニア募集告知1 http://www.norit.jp/

一緒にメディアEC制作・運用しませんか?

・Amimoto マネージド ・WooCommerce ・ペイジェント ・多言語対応

*11月末公開予定

・さくらVPS + Nginx ・Welcart ・Blanc ・ヤマトWEBコレクト ・商品1000点 ・山形・新潟展開

*1月公開予定

Page 65: WordPressだけで動かす 『爆速』メディアECサイトの作り方

おわりに

WordBench Akita 開催

12月12日(土) 17時~20時 https://www.facebook.com/wordbenchakita/

告知2

一緒にWordPressやろう!!

Page 66: WordPressだけで動かす 『爆速』メディアECサイトの作り方

WordPressだけで動かす 『爆速』メディアECサイトの作り方

EC×

2015.11.14(sat) Digi comu Akita 2015

Fumito Abe

65