http://homepagestory.com/wp-hp/ WordPress(ワードプレス)は、もともとブログを作成するためのシステムとして公開されました。その後どんどん進化し、個人ブログ、企業サイト、公共機関のサイトなど、多方面にわたるウェブサイトで利用されています。商用ホームページとしての活用方法のご紹介です。 【カリキュラム】 １．「PR下手」な事業者さんのＨＰ活用術とは？ ２．「自社に合うお客」に集まってもらうには？ ３．成功事例のご紹介 ４．実現のための「７つのステップ」 ５．さらなる発展のために WordPressホームページのご相談は、小さな会社の社長のためのホームページストーリーまで。 http://homepagestory.com/wp-hp/

1. WordPressを使った
商用ホームページの活用術
2018年1月31日@武蔵野商工会議所
ヒトイロウェブ 代表 中小企業診断士 後藤達也

2. 背景
・あるお客さんとの出会い
→家族でたびいく様→障害ねんきんナビ様
・自身の制作業務集客の経験
→制作事例をひたすら掲載
・300件以上のブログ、WordPressのカスタマイズの仕事
→うまくいっている人の傾向、うまく活用しきれない人の傾向
１０年たっても、商売として集客するためのＨＰの基本の考え方は変わらな
い。
技術や環境、テクニックは、変化したとしても。
・スマホ対応、常時SSL化、検索エンジンのロジック、デザイン、サイト制作技
術（html&css）など

3. 「ＰＲ下手」な事業者さんのＨＰ活用術とは？
こんな方に向けたホームページ活用方法の紹介
→「PR下手」な人でも集客できる
・ブログで一発当てようというブロガーさん向けというよりも、
実業としてのサービスをＨＰで広めたいという事業者さん向け
・ホームページをこれから使って集客につなげたい
・今までＨＰでの集客がうまくいってない
・ＰＲが苦手。営業、売り込みが苦手
その他：
・商用としてきちんとしたブログを運営したい
・WordPressを使ったＨＰとはどの程度で、どんなことができるのか
・すでにＨＰを持っている人も、新規事業の集客用にＷＰを活用してみたい

4. 「自社に合うお客さん」に集まってもらうには？
こんなメリットのあるWordpressホームページの活用
・ネットからの集客が安定してくる
・自社に合うお客が集まってくる
・広告費をかけなくても、アクセスが確保できるようになる
・積み上がって、仕組みになる。SNS（Facebookなど）のように一過性でな
く、やり続けなくてもよくなる。
・仕事が忙しくなっても、集客のある状態になる

5. どうやって実現するのか？
WordPressホームページを使って
「対象となるお客さん」が「知りたい！」と思っていることについて、
「日々取り組んでいる仕事ぶり」を「事実」として伝えること
で実現します。
→使い方にコツや工夫があるので、それをお伝えします。

6. WordPressとは
独自にブログを構築できるオープンソースのソフトウェアとして公開された。
そこから発展し、更新できるホームページ構築のためのシステムとして利用されるようになってきた。
一般的なメリット：導入が手軽。
・オープンソースでありソフトの利用自体は無料
・デザインテーマが豊富にある
・プラグインが豊富にあり機能を追加しやすい
商用ホームページとしての利用するときのデメリット：商用レベルにならない部分がある。
・伝えたいことの訴求力をあげるには、デザイン力が必要となる
・必要な機能を実現する上で、テーマ自体のカスタマイズが必要となることが多く、技術面のハードルが上
がる
・セキュリティ対策としてサーバ管理、バージョンアップ、バックアップなどの保守管理が必要

7. 成功事例のご紹介
すでにうまく活用している事業者さんの事例紹介

8. 事例を見る時の切り口
・企画、設計、デザイン
どんなお客さんに、何を伝えて、どんな行動を取って欲しいのか？
・コンテンツ
どんな内容の記事を作成しているのか？
・保守管理
技術的にどんな管理をしているのか？

9. 社会保険労務士による障害年金申請代行｜ステラコンサルティング様
自分の症状で年金を受け取れるのか？
◼企画・設計・デザイン
「自分の症状で年金を受け取れるのか？」を知りたい人に、
多くの「相談事例」を紹介し、まずは「無料相談の連絡」をも
らうこと。
親しみやすさ、信頼のある印象
◼コンテンツ
障害年金申請についての具体的な相談事例の記事掲載
◼保守管理
常時SSL化対応、管理ソフトのバージョンアップ、バックアッ
プ
https://www.shougai-navi.com

10. 女性のための整体＆ヨガスクール｜スマイルボディ様
健康でキレイなライフスタイルに変化できるだろう
か？
◼企画・設計・デザイン
「健康になるには？キレイになるには？」を知りたい人に、多く
の「知識」「事例」を紹介し、「整体」「ヨガレッスン」の予約をして
もらうこと。
キレイ、やさしそう、信頼のある印象
◼コンテンツ
健康でキレイになるための知識。「首こり」「産前産後のケア」に
ついての具体的な改善のための知識、事例の記事掲載
◼保守管理
スマホ対応、常時SSL化、ページスピード改善など
http://www.smilebody-seitai.com

11. 結果重視のはり灸整体院｜ビ・プラス様
自分の痛みは、解消できるだろうか？
◼企画・設計・デザイン
「自分の症状を治したい人」「小顔になりたい人」に、多くの「ビ
フォーアフター」を紹介し、「電話予約」をしてもらうこと。
親しみのある、優しそうな印象
◼コンテンツ
ビフォーアフターの事例。「治療系」「産後骨盤矯正」「猫背改
善」「小顔矯正」「美顔鍼」についての具体的なビフォーアフター
の写真・動画の記事掲載
◼保守管理
Wordpressの定期的バージョンアップ＆バックアップ
スマホ対応、常時SSL化、など
https://beplus-yatuka.com

12. 神戸のまつげエクステ専門美容室｜リーフ様
まつげエクステで、どう変われるだろうか？
◼企画・設計・デザイン
「まつげを変えてキレイになりたい人」に、多くの「施術例」を紹
介し、「フォーム、メール、電話で予約」をしてもらうこと。
ナチュラルで、キレイになれそうな印象
◼コンテンツ
施術例。「ブライダル」「成人式」「卒園・卒業式」「エレガントな」
「ナチュラルな」などについての具体的な施術例の写真の記
事掲載
◼保守管理
Wordpressのバージョンアップ、
スマホ対応、常時SSL化、アメブロ保守など
http://leafkobe.com

13. 福岡のポーセラーツ教室｜クリスタリーヌ様
どんな作品を作れるようになるだろうか？
◼企画・設計・デザイン
「ポーセラーツをやってみたい人」に、多くの「作品例」を紹介し、
「フォーム、メール、電話で予約」をしてもらうこと。
華やかな、上品な印象
◼コンテンツ
作品例。「体験レッスン」「ブラッシュアップ」「カタログ掲載作品」
「オリジナルデザイン」「磁器絵付け＆ヨーロピアンクラシカル」な
どについての具体的な作品例の写真の掲載
◼保守管理
Wordpressの定期的バージョンアップ＆バックアップ、常時 SSL
化
運営の相談：SEO対策の改善「福岡 ポーセラーツ」
https://porcelarts-salon.com

14. 話し方専門のボイストレーニング：青山ヴォイスメイクアップアカデミー様
自分の「話し方」は、よくなるだろうか？
◼企画・設計・デザイン
「話し方や声の悩みを解決したい人」に、多くの「悩みの例」を紹
介し、「フォーム、電話で無料体験レッスンの予約」をしてもらう
こと。
活気、力強さ、ビジネス、やや上質な印象
◼コンテンツ
本日入会された生徒さんの紹介。「職業」「声の悩み」などの入
会理由についての具体的な内容の掲載
◼保守管理
ページスピード改善、常時 SSL化
ページ更新、内容の改善
https://www.a-vma.com

15. BtoBのビク抜き加工：ミナト紙工様
どんな型抜きをいくらくらいで依頼できるのか？
◼企画・設計・デザイン
「ビク抜き加工の依頼先を探している法人担当者」に、自社の得意
な「加工事例」を紹介し、「フォーム、電話で見積り依頼」をしてもらう
こと。
わかりやすさ、信頼感、専門的な印象
◼コンテンツ
ビク抜き加工の事例実績掲載。「新規型作成」「抜き方流用」の種
類別の加工実績について、写真、概算価格の記事掲載
◼保守管理
ページスピード改善、常時 SSL化
ページ更新、内容の改善
http://minato-shikoh.co.jp

16. 制作事例紹介：社長のためのホームページストーリー
どんなデザインに仕上げてくれるのか？
◼企画・設計・デザイン
「WordPressでホームページを制作したい事業者」に、多くの
「制作実績」を紹介し、「フォーム、電話で相談連絡」をしてもらう
こと。
わかりやすく、シンプルに、信頼感のある印象
◼コンテンツ
WordPress、ブログカスタマイズの制作実績掲載。
「WordPress」「アメブロ」「色別」などの制作実績について、依
頼のきっかけ、画像、感想の記事掲載
◼保守管理
定期的なバックアップ＆バージョンアップ
http://homepagestory.com

17. 英語教室：ECCJr.峯教室様
既存の生徒さん定着のために利用。
◼企画・設計・デザイン
「通学中の生徒さん」に、「時間割」や「ニュースレター」を紹介し、
「継続利用」をしてもらうこと。
楽しさ、子供向け、わかりやすい印象
◼コンテンツ
「時間割」「配布資料」などの生徒さん向け情報について、限定公
開で、PDFの記事掲載
◼保守管理
定期的なバックアップ＆バージョンアップ
使い方の相談
https://eccjnr-mine.com

18. 実現のための「５つのステップ」
WordPressでのホームページ構築から運営までの手順

19. ５つのステップ
１．企画
２．設計
３．制作
４．コンテンツ運営
５．保守管理

20. １．企画
テンプレートを買って立ち上げたが、放ったらかしになっている。
ということを避けるためにも、企画と設計をやってから始めたい。
最初、ただ書き始めてみる、ということもいいのだが、
事業用として結果を出すには、意図をもって取り組みたい。
・だれに？
・なにを伝えて？
・どんな行動をとってほしいか？

21. ２．設計
企画を実現するための設計図として、３種類を用意する
・サイトマップ
・ワイヤーフレーム
・デザインの雰囲気がわかる参考サイト

22. サイトマップ｜サンプル

23. ワイヤーフレーム｜サンプル

24. デザイン
どういう印象を持ってもらいたいか？
参考サイトをみつけておくと伝えやすい。

25. ３．制作
WordPressには、テンプレートがたくさんある中で、
なぜわざわざ制作を依頼をするのか？
１．デザイン
テンプレートの限界としては、メイン画像の作成は、結局やってくれない。
メイン画像の作成とは｜写真加工、文字フォント、レイアウト、強調、雰囲気
デザインによって「信頼感」が生まれる。
「伝えたいこと」が明確になり力強さが生まれる。
準備するもの：
・目指したい雰囲気
・配色（ロゴやイメージカラーなど指定の色があれば）
・写真
・タイトルなどの文字原稿

26. 機能
２．機能
WordPressテーマ利用時に、含まれているかをチェックしておくとよい機能。
実際の小さな会社で求められる機能として追加・改善してきたものを紹介。
■サイト共通
・スマホ対応
・トップページ編集
・お知らせ、トピックス、ウィジェット化
・フォーム設定
■記事ページ
・編集スタイルの用意
・SNSのシェアやいいねボタン
・関連記事の表示・編集
・前後記事への自動リンク
・お問い合せボタンの自動表示
■サイドバー
・編集可能なメニュー表示
・カテゴリ一覧表示
・子ページの一覧表示
・バナー表示
・facebookタイムライン表示
・SNSへのリンク表示
・動画貼り付け
・メルマガ登録フォーム

27. 環境設定
3.環境設定
初期設定時にやっておきたいこと。
・独自ドメイン設定
・メール設定
・お問い合せフォーム設定
・常時SSL化
・アクセス解析設定
・検索エンジンへのサイトマップ送信
・トップページ、各ページ共通部分の SEO対策titleタグの初期設定
・バックアップの設定

28. ４．コンテンツ運営
・記事作成時のポイント
・検索エンジン対策
・トップページ編集

29. 記事作成時のポイント★
■事実を書く
・お客さんの属性（性別、年代、地域、職業）
・相談や依頼のきっかけ、解消したい悩み
↓
・どういう解決策、方針をとったのか
・どういう結果になったのか
■お客様へのインタビュー項目（参考）
１．●●（商品・サービス）を依頼しようと思ったきっかけは？
２．他にも●●がたくさんある中で、
▲▲（弊社）に依頼をしたのは、なぜなんですか？
３．初めて注文するときに、不安に感じたことは？
４．その不安は、どんなことで解消されましたか？
５．実際に●●が終わって、どうでしたか？
６．これから、●●を頼もうかどうか迷っている人に相談されたら、なんてアドバイスしますか？

30. 記事作成時のポイント★
■分類する
・大きなテーマ（検索キーワード）から具体的な内容を加えた中くらいのテー
マのキーワードに分類する
例：「障害年金申請」>「脳梗塞の障害年金申請」
→「脳梗塞」「こころの病気」「人工透析」「人工関節」「心臓疾患」のカテゴリを
用意して、作成した記事を分類する。

31. 検索エンジン対策
・検索需要のあるキーワードをみつける
→実際に検索してみる。関連キーワードなどを参考にする
→既存のお客さんの悩みやきっかけをヒントにする

32. 記事作成時のポイント★
■記事タイトルに、検索キーワードを含める
・組み合わせの検索キーワードを想定する
・１記事で１キーワードを目標とする
例：タイトル「脳梗塞 40代男性 現在就労中」←検索キーワード「脳梗塞 ４０
代 男性 障害年金」
例：タイトル「神戸では少ない！？妊婦さんＯＫのまつげエクステサロン」←
検索キーワード「妊婦 エクステ 神戸」
例：タイトル「Ａ４インデックス 型流用 2山用～10山用まであります。」←検
索キーワード「Ａ４インデックス 型抜き」

33. 記事作成の共通設定
■自動設定されるtitleタグの調整
・タイトルを設定すると、自動でtitleタグが設定される。そのときの自動で追
加される文字を調整する。
・サイト名やサイト全体で狙う検索キーワードを含めることが多い
・自動にせず、すべて手動で記述することも可能
例：<title>脳梗塞 40代男性 現在就労中｜障害年金申請のための基礎知
識や事例を解説｜障害ねんきんナビ</title>
<title>統合失調症 30代女性 A型就労中増悪｜障害年金申請のための基
礎知識や事例を解説｜障害ねんきんナビ</title>
共通部分：
｜障害年金申請のための基礎知識や事例を解説｜障害ねんきんナビ

34. トップページの改善★
■titleタグ
・トップページ用のtitleタグを調整する
・地域型のサービスであれば、地域名＋サービス名＋事業者名を基本とす
る
・組み合わせるキーワード数としては、３つ程度までとする
例：「福岡のポーセラーツ教室｜クリスタリーヌ」←「福岡 ポーセラーツ」５位
例：「福島・郡山の障害年金申請なら障害ねんきんナビ福島」←「福島 障害
年金申請」３位

35. トップページの改善
■トップページ内のコンテンツを調整する
・文字数を増やす（目安：1,500から3,000文字以上）
・目標キーワードに関する情報を増やす
・事例を掲載する
・初心者向けにわかりやすい内容を載せる
例：サロンについて｜福岡市中央区薬院・浄水 地下鉄薬院大通徒歩 2分 閑静なエリアの駅近くにあるサ
ロンです。
例：ポーセラーツとは？｜ポーセラーツとは 真っ白な白磁（器）に転写紙（シールのようなもの）を貼りデザ
インする磁器上絵付け技法のひとつ絵心がなくても素敵な器をたのしく作る事ができます。
例：ポーセラーツ・ポーセリンアートスキルアップレッスン新レッスン続々登場中｜◆金彩ブラッシュアップ
アラビアンナイト金彩◆上絵の具ブラッシュアップ◆マーブル大理石 ◆ろくろを使うレッスン◆ ◆ルーピン
グカットレッスン◆ 他

36. ５．保守管理
サーバ、ドメイン
→更新を忘れる人がいる。
バックアップ＆バージョンアップ
→ウィルス攻撃、マルウェア。自社サイトを開くと転送されてしまい、閲覧者の PCがウィルス攻撃にあう。利
用者に影響してしまうので、避けたい。
サポート
→操作方法。慣れるまでに、覚える事がある。忘れてしまう。
→トップページ編集、メニューの追加、
相談
→何をすればよいか？考え方、原稿の用意の仕方、など、戦略や方向性の相談
→検索結果で順位を上げたい、アクセス解析から改善点を見つける

37. さらなる発展のため
その先のステージへの展開

38. その先のステージへの展開
・広告＆ＬＰ：リスティング広告
→事例の中から、需要がありかつ自社の得意なサービス、についてシナリオと原稿を見つけ出し、ＬＰ作成
・ポータルサイト＆メルマガで見込み客育成：コンテンツマーケティング
→ステップメール、メルマガ配信
・リピート販売：
→リピート商品を用意して、既存客さんがリピート購入できるようにする
・コミュニティ作り：
→イベント、勉強会、オンラインセミナーなど、コミュニティとして交流の場を作る
→zoomなどのコストパフォーマンスのよいオンライン会議システムの利用など

39. まとめ
初めの一歩は、
WordPressホームページを使って
「対象となるお客さん」が「知りたい！」と思っていることについて、
「日々取り組んでいる仕事ぶり」を「事実」として伝えること
から実現していく。

40. WordPressホームページお試し利用の紹介
小さな会社の社長のためのホームページストーリー
http://homepagestory.com
WordPressホームページのお試し利用（３０日間）＆個別相談
（5,000円＋税）
ご用意しております。
お申込み：
電話：0120-558-501（平日10時から18時）
メール：hitoiro@hitoiroweb.com