ホームページのリニューアルは、今困っていることと、変えた後の理想を言葉にするところから始めます。次に直す範囲を決め、見積もりを同じ条件で比べ、社内の確認担当を決めて制作に入ります。公開前には旧URLとメールを確かめ、公開後は最初の理想に近づいたかを見ます。
流れは次の7つです。
- 困りごとと理想を書き出す
- 全面か部分かの見当をつける
- 相談メモをつくる
- 見積もりを同じ条件で比べる
- 社内の確認担当を決める
- 公開前に旧URL・メール・フォームを確かめる
- 公開後に理想との差を見る
イマイソがリニューアルの相談で最初に伺うのも、なぜ変えたいのかと、変えた後にどうなっていたいかです。デザインの好みを聞く前に、今回の変更で解決したいことを共有します。
この記事の目次
ホームページリニューアルは何から始めればいい？
まず、誰がどんな場面で困っているかを書き出します。「古いから変えたい」だけでは何をつくるか決まりません。
困りごとは会社ごとに違います。受けていない仕事が載ったまま。紹介先にURLを送っても毎回同じ説明が要る。採用候補者に職場の様子が伝わらない。担当者が更新できず、制作当時のまま止まっている。営業資料や、実際に聞かれた質問が手がかりになります。
理想は見た目で終わらせず、その先の行動まで書きます。「紹介した相手が、対応範囲を読んだうえで相談できる」「応募前に仕事内容を理解してもらう」「新しい実績を社内で追加できる」。ここまで具体的になると、ページ構成も原稿も判断しやすくなります。
全面リニューアルと部分改修、どちらにすべき？
古い情報を差し替えたい、サービスを1つ足したい、スマートフォンで崩れる箇所を直したい。こうした目的なら部分改修で足ります。問い合わせを増やす、採用に使うといった目的なら、部分を何度も直すより全体を見直すほうが結果的に安く済みます。
イマイソにも部分改修の相談は来ます。ただ、目的が問い合わせや採用なのに部分だけ直した場合は、うまくいかないことが多いです。原因が1か所にないためで、トップだけ新しくすると、その先のページとの差が目立って古さがかえって伝わります。
| 今の状態 | 検討する対応 |
|---|---|
| 一部の情報が古いが、表示や更新の仕組みは使える | 該当ページの原稿・写真を更新する |
| サービスの説明や相談への案内が分かりにくい | ページ構成やリンクを見直す |
| 事業が変わり、サイト全体の分類が実態と合わない | 全体の構成からリニューアルを検討する |
| 管理者が不明、更新できない、古い機能が残る | 管理状況を調べ、移行や改修の方法を決める |
部分で足りる相談なら、イマイソは部分で足りますと答えます。
この段階では見当がつけば十分で、範囲を確定させる必要はありません。調べてみると、部分改修にも大きな作業が要ると分かることがあります。使えるものと変えるものを依頼先と一緒に分けてください。
相談前に、何を準備すればいい？
用意するのは短いメモ1枚です。原稿も写真もそろっていなくて構いません。
| 項目 | 記入例 |
|---|---|
| きっかけ | 新しい事業の問い合わせを増やしたい |
| 現在の困りごと | 既存事業の説明が中心で、新事業を頼めることが伝わらない |
| 理想の状態 | 対応内容と事例を読んだ人から、具体的な相談が届く |
| 残したいもの | 会社名、ロゴ、現在のサイトのアドレス |
| 社内で用意できるもの | 営業資料、掲載許可のある写真、事業の説明 |
| 決まっていないこと | 予算、公開時期、更新担当者 |
記入例は架空の会社を想定したものです。根拠のない売上目標は書かなくて大丈夫です。
素材がなくても制作は始められます。イマイソはヒアリングのあと、手元の資料と仮の素材でデザインを出します。形を見ると「ここは違う」という直しが出て、そこで初めて要望が言葉になります。材料を完璧にそろえるより、形を見て直すほうが早く進みます。
今のサイトを見ながら話すならリニューアルの相談からURLと困りごとをお送りください。
見積もりが違うとき、何を見て比べればいい？
総額ではなく、含まれている作業を見ます。同じ10ページでも原稿からつくる場合と完成原稿を受け取る場合とで作業量が違うからです。
確かめる項目は5つです。
- 原稿は誰が書くか
- 写真は支給か撮影か
- 過去の記事を何件移すか
- 社内で更新する機能は要るか
- 公開後の保守や改善は別契約か
自社でできることと任せたいことを先に分けておくと、提案の違いが見えます。含まれない作業が書いてあるかも確認してください。イマイソの見積書には作業の内訳と含まれない作業を書きます。金額の考え方はリニューアルの費用と料金のページにまとめています。
社内の誰が、何を確認すればいい？
最終判断をする人を1人決めます。確認する内容は段階ごとに分けます。
構成と原稿では事業内容と対応範囲、掲載してよい実績を確かめます。デザインでは文字の読みやすさ、写真の見え方、目的のページへの進みやすさを見ます。実装後は実際に操作します。
| 担当 | 主に確かめること |
|---|---|
| 経営者・責任者 | 目的、優先順位、予算、最終判断 |
| 事業・営業・採用の担当者 | 説明の正確さ、顧客からの質問、掲載許諾 |
| 制作側 | 構成、原稿、デザイン、実装、動作確認 |
意見は集めて構いませんが、全段階で全員に同じことを聞くのは避けます。原稿の確認中にデザインの好みの話が始まり、決まった内容が蒸し返されるからです。表の役割は兼任で構いません。担当者の名前と確認の期限を共有すれば足ります。
公開前に、何を確認すればいい？
旧URLの転送、メール、フォームの通知の3つを確認します。新しいページが表示されただけでは、切り替えは終わっていません。
URLが変わるなら、旧ページと新ページの対応表をつくって転送を設計します。GoogleもURLの対応付けとリダイレクト、公開後の監視を案内しています。順位が一時的に動くこともあるため、公開前後の状況を記録します。Googleのサイト移転ガイド
見落とされやすいのはメールです。ホームページと会社のメールが同じサーバーにあると、サーバーを移したときに送受信の設定や過去のデータも移す対象になります。サーバーを移す案件では着手前に次の5点を調べます。
- 会社のメールアドレスを使っているか
- Search Consoleに登録済みか
- GA4などの計測が入っているか
- wwwのほかにサブドメインがあるか
- ネームサーバーはどこか
別のサーバーで作り直して本番のドメインに切り替えた案件では、この5点を先に調べたことで、切り替えの手順と所要時間を事前に見通せました。
サイトの入れ替えで画像が消えた案件もあります。検証用の環境でつくったサイトを本番に移したら、検証側のhttpのアドレスが残って本番のhttpsと食い違っていました。アドレスを一括で置き換えて直しています。管理画面のログイン情報が検証用のものに上書きされることもあるため、公開直後は画像・リンク・ログインを実際に触って確かめます。
イマイソは公開前にフォームをテスト送信し、お客様側で受信できることを確認します。他社から移すときは制作会社を変える前に確認したい引き継ぎ情報も見てください。
公開後に、何を見ればいい？
最初の相談メモに戻り、理想に近づいたかを見ます。狙った内容の相談が来ているか。営業でURLを送ったとき使いやすくなったか。担当者が自分で更新できているか。そのうえでアクセス解析と実際の仕事の変化を並べます。
イマイソが手がけたリニューアルでは、次のような変化がありました。
- 採用の入口を整えた会社に、近くに住む求職者から問い合わせが届いた
- 食品メーカーに「こういうものを作ってほしい」という相談が直接届いた
どちらの問い合わせも最初に決めた「誰に何をしてほしいか」に沿っています。件数より先に、狙った相手から届いているかを見てください。
問い合わせの少ない時期に、1件の増減で成否は決められません。変更日や広告などほかの施策も記録します。情報の不足や運用上の困りごとが、次の作業の材料になります。
よくある質問
リニューアルの間、今のサイトは見られなくなる？
見られます。別の場所でつくり、公開の日に切り替えます。
原稿や写真がなくても頼める？
頼めます。ヒアリングと手元の資料から始められます。足りない素材は仮のもので形をつくり、見てもらいながら直します。
リニューアルすると、検索順位は下がる？
一時的に動く可能性があります。URLが変わるなら旧URLから新URLへの転送を設計し、公開前後の状況を記録します。
今の制作会社に連絡せずに、別の会社へ移せる？
契約者と管理者によります。管理画面に入れても名義が制作会社のままなら、移管に先方の協力が要ります。まず契約と管理者の一覧をつくってください。
費用はいくらかかる？
ページ数と作業範囲で決まります。目安の考え方はリニューアルの費用に書きました。今のサイトのURLを送っていただければ、サーバーやメールの状況も含めて見積もります。
イマイソは大阪を拠点に、ヒアリングから構成・原稿・制作、公開後の運用まで対応しています。
