離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01
31
離脱率を改善する 絞り込み検索の 簡単な作り方
-
Upload
kei-tamura -
Category
Technology
-
view
713 -
download
1
description
2014/02/01 Megane Fes Lightning Talk のスライドです。 WordPress のPlugin Query Multiple Taxonomy を利用して離脱率を改善する絞り込み検索の作り方、事例を紹介しています。 参考URL http://wordpress.org/plugins/query-multiple-taxonomies/ http://www.meganesuper.co.jp/megane/
Transcript of 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01
![Page 1: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/1.jpg)
離脱率を改善する 絞り込み検索の 簡単な作り方
![Page 2: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/2.jpg)
自己紹介
![Page 3: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/3.jpg)
![Page 4: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/4.jpg)
株式会社しくみラボ 田村 啓
tamura.kei
![Page 5: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/5.jpg)
赤いメガネが本体!
友達になってね(はーと)!
![Page 6: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/6.jpg)
さて、
![Page 7: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/7.jpg)
絞り込み検索の大きな問題点を知っていますか?
![Page 8: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/8.jpg)
検索結果が 「0件」になったとき
![Page 9: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/9.jpg)
!
離脱率高過ぎぃ!!
![Page 10: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/10.jpg)
これは避けなければならない!!
![Page 11: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/11.jpg)
Megane Fes だけに
![Page 12: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/12.jpg)
メガネ屋さんの事例をご紹介
![Page 13: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/13.jpg)
メガネスーパー http://www.meganesuper.co.jp/
![Page 14: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/14.jpg)
メガネフレームを クリック!
![Page 15: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/15.jpg)
レッドを クリック!
![Page 16: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/16.jpg)
ベータプラ をクリック!
![Page 17: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/17.jpg)
兼用 をクリック!
![Page 18: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/18.jpg)
検索結果が0になる選択肢を表示しないので選べる選択肢が減って
いく
![Page 19: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/19.jpg)
!
でも大変なんでしょう?
![Page 20: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/20.jpg)
実装はとても 簡単!!
![Page 21: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/21.jpg)
こいつに仕事を頼むだけ!
![Page 22: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/22.jpg)
というネタは おいておいて
![Page 23: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/23.jpg)
たった1つの WordPress Plugin で実装しています!
![Page 24: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/24.jpg)
Query Multiple Taxonomies
![Page 25: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/25.jpg)
簡単な5つの 導入ステップ
![Page 26: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/26.jpg)
1: Pluginのインストール&有効
化
![Page 27: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/27.jpg)
2: post typeの追加・設定
![Page 28: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/28.jpg)
3: custom taxonomyの追加・設定
![Page 29: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/29.jpg)
4: widget に追加&設定
![Page 30: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/30.jpg)
5: デザイン・CSSの設定
![Page 31: 離脱率を改善する 絞り込み検索の 簡単な作り方−20140201 LT-Megane Fes #01](https://reader034.fdocument.pub/reader034/viewer/2022042715/55835ef4d8b42a360c8b4571/html5/thumbnails/31.jpg)
!
ね?簡単でしょう?