Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

利用者数倍増! 観光協会サイト「ツアーガイドひかり」を引き継ぎ、活性化するまでの技術とプロセス

2,893 views

Published on

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

Published in: Engineering
  • Be the first to comment

利用者数倍増! 観光協会サイト「ツアーガイドひかり」を引き継ぎ、活性化するまでの技術とプロセス

  1. 1. 観光協会サイト「ツアーガイドひかり」 を引き継ぎ、活性化するまでの 技術とプロセス 利用者数倍増! 石川 博之 WordCamp Tokyo 2017 2017.09.16
  2. 2. 山口県光市から来ました! 2
  3. 3. 山口県光市ってどこよ? 3
  4. 4. 4
  5. 5. 5
  6. 6. 6
  7. 7. 7 初代内閣総理大臣 伊藤博文生誕の地 おっぱい都市宣言 白砂青松の海岸 カンロ飴 日本一の成人式 (成人式大賞受賞)
  8. 8. 8 光市観光協会 https://www.hikari-kanko.org/
  9. 9. そもそも“観光協会”はどういうとこ? 9
  10. 10. 10 観光協会 任意団体(外郭団体) 一般社団法人 公益財団法人公益社団法人 観光連盟 観光コンベンション協会 観光コンベンションビューロー 【名称の例】 【組織の例】 観光協会 など など
  11. 11. 11 観光協会 地域内の観光振興を目的とした組織 観光案内所の 運営 観光イベントの 主催・共催・後援等 観光資源の 開発 観光客の 誘致
  12. 12. 12 チラシ、パンフレット類 ウェブサイト 費用対効果⇒ウェブの重要度は年々上昇
  13. 13. 13 2014年 完全リニューアル! (2016.4.1 時点)
  14. 14. 14 • コンセプト、タイトル、デザインを刷新 • スマートフォン対応 • 観光協会スタッフによる更新機能 • サーバー変更、新規ドメイン ~コンセプト~ (2016.4.1 時点) ※リニューアル資料より抜粋 • 知ってもらう • 見てもらう • 巡ってもらう • 広めてもらう
  15. 15. その後…どうなっていた? 15
  16. 16. 16 情報が少なく 最新情報に乏しい 画像などの素材や 文章のトンマナの不統一
  17. 17. 17 2016年4月より 運用の支援に入る ちょっとした巡り合わせから
  18. 18. 18 石川 博之(いしかわ ひろゆき) 株式会社ステラリンク 代表取締役 NPO法人シニアネット光 監事 WordBench山口 y3sei stellalink_jp y3sei https://plugmize.jp/ http://chixi.jp/ http://ultema.ch/ http://coderdojo -hikari.com/
  19. 19. 19 何故このような状態になったの? Q.
  20. 20. 20 更新体制の不備や、制作業者からの 引き継ぎが不十分だった可能性 A. 課題1
  21. 21. 21 画像品質が安定していない または著しく低い 課題2
  22. 22. 22 カバー画像と投稿画像 の画質の差、ボケ
  23. 23. 23 情報量が少ない 課題3
  24. 24. 24 フルリニューアル前 フルリニューアル後 224件 11件 他にも 初期コンセプトデザインにある カルーセル表示の実装の違いなどの疑問点も
  25. 25. 25 導線が薄い 課題4
  26. 26. 26 パンくず以外で 戻れない…
  27. 27. 27 スマートフォン最適化が 求められるレベルを満たしていない 課題5
  28. 28. 28※デバイス幅やUser-Agentの変更を行っても最適化されませんでした パソコン スマートフォン
  29. 29. 29 SSL化されていない 課題6 2014年段階で非SSL…
  30. 30. 30 そもそも…アクセスデータが 取得されておらず分析できない問題 課題7 取得できていない 取得自体はできているようだが パスワードが分からない&復旧もできず
  31. 31. 31 そもそも… WordPressの管理権限すら 与えられていない問題 課題8
  32. 32. 32 管理ページでは 権限が制限されていた! 【編集者権限相当】
  33. 33. ここできっと、こう思うはず… 33
  34. 34. ぶっちゃけ、作り直した方が早い!! 34
  35. 35. できません!!! 35
  36. 36. 36 “観光協会”は公的外郭団体⇒特殊な事情があります 山口県光市 商工観光課 光市観光協会 補助金 ホームページ リニューアル用 補助金
  37. 37. 37 リニューアルから2年で 再度のフルリニューアルでは 関係者の理解が得られない
  38. 38. 38 諸般の事情により デザインを原則変更できない フルリニューアルもできない 課題9
  39. 39. 39 1. 体制や引き継ぎが不十分 2. 画像品質が著しく低い 3. 情報量が少ない 4. 導線が薄い 5. スマホ最適化できていない 6. SSL化されていない 7. アクセス分析できない 8. 管理権限がない 9. デザインを原則変更できない これだけ多くの課題を ひとつずつ解決へ
  40. 40. 40 まずは“ちゃんとした” 体制づくりから 対策1
  41. 41. 41 Web戦略は“広報委員会”へ “委員会”の役割の再編により 事実上権限を集中 定期的な会議の開催による情報共有の”徹底” デザイン・技術・コンテンツを役割分担
  42. 42. 42 制作元より サーバーとWordPressの 管理権限を委譲してもらう 対策2
  43. 43. 43 サーバー …契約情報の開示 WordPress …管理権限への昇格 権限昇格により 「外観」等が追加 ※サーバーは厳密には観光協会で直接契約していましたが、実際の運用は制作会社が行っており、 契約はあるが断りなく直接のやりとりや操作を行うことができない状態となっていた
  44. 44. 44 アクセスデータを取得する 対策3
  45. 45. 45 通常の場合 今回のケース  Google Analytics のコー ドをコピペで貼り付け設定  アカウント紛失中 ‣ 復旧時に過去の分析が 可能になるはず  プラグインは使用せず、 テーマ内で直接指定
  46. 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. 47 テキストや画像の品質を整える 対策4
  48. 48. 48 へ委譲 スマホ対応サイズ&画質に統一 ルールを明確化 画像を含む更新に限り 事務局 広報委員会
  49. 49. 49 足りない情報量を増加させる 対策5
  50. 50. 50 フルリニューアル直後 現在 11件 162件 2014.4.1 2017.9.15 リニューアル前にかなり近づいた 写真素材等も新規撮影しクオリティ維持 ※近日公開予定の観光スポット情報を含む
  51. 51. 51 デザインをそのままに スマートフォン最適化 &全ページSSL化 対策6
  52. 52. 52 半強制的に最適化を実施するリスクとの戦い どこでどのclassが使われているかの洗い出し 修正に伴う影響範囲のチェック HTMLタグ構造の最適化 修正による二次不具合の対策 etc...
  53. 53. 53 予算・工数のないハイリスク開発無理!
  54. 54. 54 User-Agentによる切り分けで対策 スマートフォン その他タブレット型端末 判定用関数をfunctions.php内に組み込み 判定結果に応じてHTMLを強制的に加工して出力 iPhone Android.*Mobile Blackberry9800 ... iPad Android.* ※Mobile以外
  55. 55. 55 SSL化もテーマのベタ書きコードが邪魔をする header.php等で「http://」指定が多数… 影響範囲の見えない壁との戦い 1点ずつ確認し、手作業で修正して対応 プラグインで一括対応
  56. 56. 56 デザインをそのままに 導線や使いやすさを改善させる 対策7
  57. 57. 57 大分類を 常時表示
  58. 58. 58 「New!」表示追加 <?php if ((date('U',(date_i18n('U') - get_the_time('U'))) / 86400) < 7) : ?>New! <?php endif; ?>
  59. 59. より活性化させるために… 59
  60. 60. 60 独自コンテンツを追加 デザインやテイストをそのままに その1
  61. 61. 61 3月19日 公開 4月3日 公開 6月1日 公開 7月10日 公開 街の魅力を 著名人インタビュー の方式で掲載
  62. 62. 62 SNSを組み合わせた発信や 情報収集をはじめてみた その2
  63. 63. 63 光市観光協会 公式Facebookページ  SNSによる拡散のねらい  発信に慣れてもらう  A/Bテストをねらう 更新は事務局+広報委員会で 事務局の携帯をスマホに 機種変更してもらった
  64. 64. 64 素材撮影の工夫 信頼向上の工夫 アクセス分析の活用 その3
  65. 65. 65  翌年のための素材撮影という意識  “終了したこと”をきちんと発信する  いつ発信するかを数値指標でみる 過去の例にとらわれず検索状況等からの判断を加える 告知はもちろん、終了の報告もあることが望ましい
  66. 66. さまざまな取り組みの結果、 どのように変化したか? 66
  67. 67. 67 改善前 改善後
  68. 68. 68 改善前 改善後
  69. 69. 69 13,548 32,502 検索エンジンからの流入が大幅改善 240% ※GoogleAnalyticsにおける2016.6.2-9.14と、2017.6.2-9.14の比較結果(前年比較)
  70. 70. 70 アクセス数が倍増! 22,044 41,470セッション 188% 15,778 32,119ユーザー 204% ※GoogleAnalyticsにおける2016.6.2-9.14と、2017.6.2-9.14の比較結果(前年比較)
  71. 71. 関わりはじめて1年半 現在の課題について 71
  72. 72. 72 “制約”の中でできることの限界が近い 広報委員会が担っている更新を 事務局に戻すための条件整備が必要 分類に含まれない情報の取り扱い コンテンツ充実による副作用 内容を見直しづらい“スラッグ”問題
  73. 73. 73 関連性や役割を見直した際のスラッグは…
  74. 74. 74 日本語スラッグ 設定しやすい 役割を変えづらい 英語スラッグ 担当者への説明と理解が困難 施設名変更等への対応のため 変更支援プラグインを開発中
  75. 75. むすび 75
  76. 76. 76 関係者との人間関係の重要性 管理情報は最初から渡しておく ルール作りを行いマニュアル化を推進 困ったときに支援できる仲間の大切さ
  77. 77. ご清聴ありがとうございました 77

×