ウェブサイト制作・運用
ウェブサイト
制作・運用
Website Management
運用に耐えうる拡張性と軽快に動く軽さで、
改良を重ねて進化する
貴社のウェブサイト
しっかり働いていますか？
公開がゴールではありません！
ウェブサイトは公開してからが勝負です。公開したてのサイトは生まれたての”ひよこ”のようなもの。卵を産む”にわとり”になるまで育て上げなければなりません。
サイト開設の目的はリード獲得でしょうか？広告収益でしょうか？その目的を達成する事がウェブサイトのゴールです。 何十万円も何百万円もかけてつくったサイト、どうかコストで終わらせないでください。
未来の「完成形」を描くサイト設計
STEP
お客様に伝えたいすべてのメッセージを洗い出す
戦略立案から導き出された分析結果をもとに、KJMを作成します。「課題」を持つお客様がどんなコンテンツを見れば「興味」をもち、どんなコンテンツを見れば「検討」をし、どんなコンテンツを見れば「購入」するか・・・というように考えられる限りのコンテンツを洗い出していきます。
この段階で、全てのコンテンツが揃っている必要はありません。全てを作成していては、それだけで1年以上かかってしまいます。まずは自社がお客様に対して伝えたいこと全てを洗い出し未来の「完成形」を作ることが大切です。
STEP
コンテンツ作成の優先順位は ① 接客 ② 集客 ③ サポート
Webサイト内のコンテンツの役割は大きく３つに分類できます。
コンテンツを制作する優先順位は、オフラインの営業体制と同様に、接客を固めてから集客、サポートを強化していきます。
① 接客コンテンツ
サービスの魅力を伝えるコンテンツです。いくら広告費をかけて集客しても接客できないとCVには繋がりません。最優先で作るべきコンテンツです。
例）製品・サービスページ、お客様の声など
② 集客コンテンツ
コンテンツマーケティングやLLMOを駆使して、ユーザーを連れてくるコンテンツです。ユーザーが求める情報を提供することで、認知度とエンゲージメントを高めていきます。
例）情報提供ページ、コラムなど
③ サポートコンテンツ
サービスを購入したお客様に向けたコンテンツです。ウェブマーケティングに取り組み始めた企業においては、３つのコンテンツの中でもっとも優先順位の低いものになります。
例）サポートページ、会員専用ページなど
STEP
３割の完成度で公開して育てる
最低限の接客コンテンツが完成したら公開します。この時点では、コンテンツは全体の３割程度しかできていないはずです。
それでも早期に公開するのには、次のようなメリットがあるからです。
- 運用者にとって、ウェブサイトがどんどん良くなっていくのは楽しい！
- お客様にとって、会社が動いていることを印象づけられる。
- 検索エンジンは更新されるウェブサイトが大好き！
また当社では、ウェブサイトの設計に時間をかけることもおすすめしていません。
例えば、設計段階でペルソナごとの導線設計を行い、ユーザーテストをして、詳細なディレクトリ構造を作っていくというプロセスを踏んだとします。
しかし、必ずしもユーザーは想定通りの動きをしません。設計が正しいものであったかの答えはユーザーのみが持っています。
それならば、公開してからユーザーの導線を解析すれば、想像で作る導線設計よりも使いやすいウェブサイトになるのです。
品質の担保
当社が構築するウェブサイトは、運用に耐えうる拡張性と頑健性をもっています。 施策をスピーディーに実行するには、頻繁に発生するコンテンツの追加、メニューの配置変更、キャンペーンページの追加など、柔軟に対応できなければなりません。 当社で運営するウェブサイトは、公開後に改良を加えていくため１年後には全く別のサイトのようになることもあります。整然としたサイト構造を保ち、あらゆるデバイスでも軽快に動く軽さと表示の最適化を実現しています。
配信品質
配信品質とは、速く確実につながることです。日本国内のウェブサイトは、海外のウェブサイトと比較して、画像の表示が多いという特徴があります。さらに、SNSのいいね！ボタンやシェアボタンの設置等も加わると、サイトの表示速度は遅くなっていきます。
ある調査結果によると、表示速度が１秒遅くなると７％のコンバージョン率が低下し、１秒速くなると２倍のブランドイメージがUPする効果があったというデータもあります。今や、利用者にとってサイトの表示速くて当たり前になっています。つまり、配信品質の善し悪しは、売れる要因ではなく売れない要因ということです。
そこで弊社では、配信品質を上げるために不要なファイルの読み込みをなくし、内部構造の最適化を行います。
情報品質
情報品質とは、情報が正しくわかりやすく伝わることです。情報量が適切で、ユーザーにとって価値ある情報があり、内部構造（サイトのつくり）が整っているサイトが情報品質の高いサイトと言えます。
ユーザーが検索行動をとった場合、検索結果に表示された情報の中で、ユーザーが知りたい内容とマッチしたコンテンツがあった場合のみ、サイトへ誘導する事ができます。
弊社では、市場分析やユーザー分析をもとにニーズの把握を十分に行った上で、コンテンツの作成を提案します。さらに、ウェブサイトを構築する際の世界標準「HTML Living Standard」に準拠することで、適切なユーザーに適切な情報を届けます。
情報品質の良いサイトは集客できる
コンテンツが十分にあっても、ユーザーのニーズにマッチした内容でないと集客できない
コンテンツが十分にあり、ユーザーのニーズにマッチした内容であっても、検索結果に表示されないと集客できない
サイトパフォーマンスを軽視した場合に影響を受ける可能性
- Googleの検索順位が上がらない
- 広告品質が低下し、無駄な広告費が発生する
- ユーザーのエンゲージメントが低下する
サイトパフォーマンスを上げる当社の取り組み
- 画像やJavascriptなど読み込むファイル容量を減らす
- キービジュアルは150KB以下、その他の画像は50KB以下を厳守
- 不要なエフェクトを使用しない
- リダイレクトは減らす
適切なマークアップで、スピーディな施策の実行を可能にします。
- HTMLは、人間にも検索エンジンにも理解できる適切なマークアップで記述することが重要です。タイトル・大見出し・中見出し・小見出し・本文はそれぞれ役割が異なります。WordPressのブロックエディター（Gutenberg）では、見出しブロックのレベルを正しく設定するだけで適切なタグが自動的に出力されます。これにより、記事のテーマや掲載トピックを検索エンジンにわかりやすく伝えることができ、適切なマークアップはSEOを進める上でも非常に重要です。
- ウェブサイトの改善をスピーディーに行うには、CSSの各スタイルが疎結合の状態で定義されていることが重要です。使用するテーマはコンポーネント設計が採用されており、ブロック単位でスタイルが管理されています。これにより、サイトを改善するたびにCSSが肥大化したり、スタイルの上書きが多発して無関係なページのレイアウトが崩れたりするリスクを抑えることができます。コンポーネント設計を基盤とすることで、制作効率を高めながら、継続的な改善に耐えうるウェブサイトを構築します。
ウェブ解析による改善
分析に役立つさまざまなツールを取り入れています。
導入ツール
必須
- GA4
- Microsoft Clarity（ヒートマップツール）
- Google Search Console
- Google Tag Manager
任意
- Juicer
分析例
組織名分析
ウェブサイトに訪れている組織を把握し、関心の高いコンテンツを調べた上で営業先の選定を行います。
顧客行動の分析
ユーザー一人一人の閲覧経路をミクロ解析することで、ニーズや心理状況を読み取りユーザーの理解につなげます。
ヒートマップツールによるページ改善
ページ内のもっとも読まれている部分や関心の薄い部分を把握して、ページ改善を行います。
色彩設計
配色が与える印象
色には特定のイメージがあります。顧客にどのような印象を与えることが事業にプラスに働くかという視点で、配色を決めます。さらに、貴社のコーポレートカラーや販促物等のデザインともマッチさせることで、企業イメージを活かしたウェブサイトに仕上げます。
医療関連ビジネス
- 信頼感
- 清潔感
- スタイリッシュ
高級ブランド、男性向けビジネス
- 高級感
- 男性的
- 都会的
金融、コンサルティングビジネス
- 信頼感
- 堅実
スポーツ関連ビジネス
- スポーティ
- 男性的
開発ポリシー
業界標準の技術で制作
当社の開発では、業界のスタンダードな技術のみ採用しています。
ウェブ運用の委託先の変更や、当社の担当に万が一のことが起こった場合にも、お客様の運用が停止しないよう属人化を避けた開発を行っています。
最新技術に対応
ウェブの運用においては、素早く施策を打てるウェブサイトであることが不可欠です。そのためには、ウェブサイトのメンテナンス性と拡張性を高める必要があります。当社では、開発効率を上げるための方法を常に模索し、新しい開発手法を積極的に取り入れることで、素早いウェブサイトの立ち上げと施策の実行を可能にしています。
開発環境
円滑な運用を行うため、開発から公開までのサーバーの用途を明確にしています。
ローカル環境（当社内）
ローカル環境で開発します。インターネット上にお客様とのファイル共有用のスペースを設けることで、データのやりとりをスムーズに行います。
開発環境（当社サーバー）
ご確認専用のサブドメインをご用意します。開発中のウェブサイトを確認いただきながら細かな仕様を詰めていきます。
ステージング環境・本番環境
お客様のサーバーにステージング環境を作ります。本番と同じ環境で確認することで環境に依存する問題点を見つけ、完全な状態で本番環境へ反映します。
