【WordCamp Tokyo 2017】のセッション（2017/9/16 11:00、ルームE-F） 「利用者数倍増！ 観光協会サイト『ツアーガイドひかり』を引き継ぎ、活性化するまでの技術とプロセス」のスライドです。

1. 観光協会サイト「ツアーガイドひかり」
を引き継ぎ、活性化するまでの
技術とプロセス
利用者数倍増！
石川 博之
WordCamp Tokyo 2017 2017.09.16

2. 山口県光市から来ました！
2

3. 山口県光市ってどこよ？
3

4. 4

5. 5

6. 6

7. 7
初代内閣総理大臣
伊藤博文生誕の地
おっぱい都市宣言
白砂青松の海岸
カンロ飴
日本一の成人式
（成人式大賞受賞）

8. 8
光市観光協会
https://www.hikari-kanko.org/

9. そもそも“観光協会”はどういうとこ？
9

10. 10
観光協会
任意団体（外郭団体） 一般社団法人
公益財団法人公益社団法人
観光連盟 観光コンベンション協会
観光コンベンションビューロー
【名称の例】
【組織の例】
観光協会
など
など

11. 11
観光協会 地域内の観光振興を目的とした組織
観光案内所の
運営
観光イベントの
主催・共催・後援等
観光資源の
開発
観光客の
誘致

12. 12
チラシ、パンフレット類 ウェブサイト
費用対効果⇒ウェブの重要度は年々上昇

13. 13
2014年
完全リニューアル！
（2016.4.1 時点）

14. 14
• コンセプト、タイトル、デザインを刷新
• スマートフォン対応
• 観光協会スタッフによる更新機能
• サーバー変更、新規ドメイン
～コンセプト～
（2016.4.1 時点）
※リニューアル資料より抜粋
• 知ってもらう
• 見てもらう
• 巡ってもらう
• 広めてもらう

15. その後…どうなっていた？
15

16. 16
情報が少なく
最新情報に乏しい
画像などの素材や
文章のトンマナの不統一

17. 17
2016年4月より
運用の支援に入る
ちょっとした巡り合わせから

18. 18
石川 博之（いしかわ ひろゆき）
株式会社ステラリンク 代表取締役
NPO法人シニアネット光 監事
WordBench山口
y3sei stellalink_jp y3sei
https://plugmize.jp/ http://chixi.jp/ http://ultema.ch/ http://coderdojo
-hikari.com/

19. 19
何故このような状態になったの？
Q.

20. 20
更新体制の不備や、制作業者からの
引き継ぎが不十分だった可能性
A. 課題1

21. 21
画像品質が安定していない
または著しく低い
課題2

22. 22
カバー画像と投稿画像
の画質の差、ボケ

23. 23
情報量が少ない
課題3

24. 24
フルリニューアル前 フルリニューアル後
224件 11件
他にも 初期コンセプトデザインにある
カルーセル表示の実装の違いなどの疑問点も

25. 25
導線が薄い
課題4

26. 26
パンくず以外で
戻れない…

27. 27
スマートフォン最適化が
求められるレベルを満たしていない
課題5

28. 28※デバイス幅やUser-Agentの変更を行っても最適化されませんでした
パソコン スマートフォン

29. 29
SSL化されていない
課題6
2014年段階で非SSL…

30. 30
そもそも…アクセスデータが
取得されておらず分析できない問題
課題7
取得できていない
取得自体はできているようだが
パスワードが分からない＆復旧もできず

31. 31
そもそも…
WordPressの管理権限すら
与えられていない問題
課題8

32. 32
管理ページでは
権限が制限されていた！
【編集者権限相当】

33. ここできっと、こう思うはず…
33

34. ぶっちゃけ、作り直した方が早い！！
34

35. できません！！！
35

36. 36
“観光協会”は公的外郭団体⇒特殊な事情があります
山口県光市
商工観光課
光市観光協会
補助金
ホームページ
リニューアル用
補助金

37. 37
リニューアルから２年で
再度のフルリニューアルでは
関係者の理解が得られない

38. 38
諸般の事情により
デザインを原則変更できない
フルリニューアルもできない
課題9

39. 39
1. 体制や引き継ぎが不十分
2. 画像品質が著しく低い
3. 情報量が少ない
4. 導線が薄い
5. スマホ最適化できていない
6. SSL化されていない
7. アクセス分析できない
8. 管理権限がない
9. デザインを原則変更できない
これだけ多くの課題を
ひとつずつ解決へ

40. 40
まずは“ちゃんとした”
体制づくりから
対策1

41. 41
Web戦略は“広報委員会”へ
“委員会”の役割の再編により
事実上権限を集中
定期的な会議の開催による情報共有の”徹底”
デザイン・技術・コンテンツを役割分担

42. 42
制作元より
サーバーとWordPressの
管理権限を委譲してもらう
対策2

43. 43
サーバー …契約情報の開示
WordPress …管理権限への昇格
権限昇格により
「外観」等が追加
※サーバーは厳密には観光協会で直接契約していましたが、実際の運用は制作会社が行っており、
契約はあるが断りなく直接のやりとりや操作を行うことができない状態となっていた

44. 44
アクセスデータを取得する
対策3

45. 45
通常の場合 今回のケース
 Google Analytics のコー
ドをコピペで貼り付け設定
 アカウント紛失中
‣ 復旧時に過去の分析が
可能になるはず
 プラグインは使用せず、
テーマ内で直接指定

46. 46
Google Analytics のJSコード（前略）
ga('create', 'UA-XXXXXXXX-1','ドメイン名');
ga('send', 'pageview');
ga('create', 'UA-********-2', 'ドメイン名',
{'name':'newTracker'});
ga('newTracker.send', 'pageview');

47. 47
テキストや画像の品質を整える
対策4

48. 48
へ委譲
スマホ対応サイズ＆画質に統一
ルールを明確化
画像を含む更新に限り
事務局 広報委員会

49. 49
足りない情報量を増加させる
対策5

50. 50
フルリニューアル直後 現在
11件 162件
2014.4.1 2017.9.15
リニューアル前にかなり近づいた
写真素材等も新規撮影しクオリティ維持
※近日公開予定の観光スポット情報を含む

51. 51
デザインをそのままに
スマートフォン最適化
＆全ページSSL化
対策6

52. 52
半強制的に最適化を実施するリスクとの戦い
どこでどのclassが使われているかの洗い出し
修正に伴う影響範囲のチェック
HTMLタグ構造の最適化
修正による二次不具合の対策 etc...

53. 53
予算・工数のないハイリスク開発無理！

54. 54
User-Agentによる切り分けで対策
スマートフォン その他タブレット型端末
判定用関数をfunctions.php内に組み込み
判定結果に応じてHTMLを強制的に加工して出力
iPhone
Android.*Mobile
Blackberry9800 ...
iPad
Android.* ※Mobile以外

55. 55
SSL化もテーマのベタ書きコードが邪魔をする
header.php等で「http://」指定が多数…
影響範囲の見えない壁との戦い
1点ずつ確認し、手作業で修正して対応
プラグインで一括対応

56. 56
デザインをそのままに
導線や使いやすさを改善させる
対策7

57. 57
大分類を
常時表示

58. 58
「New!」表示追加
<?php
if ((date('U',(date_i18n('U') - get_the_time('U'))) / 86400) < 7) :
?>New!
<?php endif; ?>

59. より活性化させるために…
59

60. 60
独自コンテンツを追加
デザインやテイストをそのままに
その１

61. 61
3月19日 公開 4月3日 公開 6月1日 公開 7月10日 公開
街の魅力を
著名人インタビュー
の方式で掲載

62. 62
SNSを組み合わせた発信や
情報収集をはじめてみた
その２

63. 63
光市観光協会
公式Facebookページ
 SNSによる拡散のねらい
 発信に慣れてもらう
 A/Bテストをねらう
更新は事務局＋広報委員会で
事務局の携帯をスマホに
機種変更してもらった

64. 64
素材撮影の工夫
信頼向上の工夫
アクセス分析の活用
その３

65. 65
 翌年のための素材撮影という意識
 “終了したこと”をきちんと発信する
 いつ発信するかを数値指標でみる
過去の例にとらわれず検索状況等からの判断を加える
告知はもちろん、終了の報告もあることが望ましい

66. さまざまな取り組みの結果、
どのように変化したか？
66

67. 67
改善前 改善後

68. 68
改善前 改善後

69. 69
13,548 32,502
検索エンジンからの流入が大幅改善
240%
※GoogleAnalyticsにおける2016.6.2-9.14と、2017.6.2-9.14の比較結果（前年比較）

70. 70
アクセス数が倍増！
22,044 41,470セッション 188%
15,778 32,119ユーザー 204%
※GoogleAnalyticsにおける2016.6.2-9.14と、2017.6.2-9.14の比較結果（前年比較）

71. 関わりはじめて1年半
現在の課題について
71

72. 72
“制約”の中でできることの限界が近い
広報委員会が担っている更新を
事務局に戻すための条件整備が必要
分類に含まれない情報の取り扱い コンテンツ充実による副作用
内容を見直しづらい“スラッグ”問題

73. 73
関連性や役割を見直した際のスラッグは…

74. 74
日本語スラッグ 設定しやすい
役割を変えづらい
英語スラッグ 担当者への説明と理解が困難
施設名変更等への対応のため
変更支援プラグインを開発中

75. むすび
75

76. 76
関係者との人間関係の重要性
管理情報は最初から渡しておく
ルール作りを行いマニュアル化を推進
困ったときに支援できる仲間の大切さ

77. ご清聴ありがとうございました
77