ウェブサイトリデザインチェックリスト:公開前・中・後
3段階のウェブサイトリデザインチェックリスト。開始前の基準値と棚卸し、制作中のSEOとトラッキングの保護、そして公開後のリダイレクト、広告、順位の確認まで解説します。
よくある質問
ウェブサイトをリデザインする前に何をすべきですか?
現在のパフォーマンス(トラフィック、コンバージョン、上位ページ、順位)を記録し、サイトをクロールしてURLの完全な一覧を取得し、被リンクとトラフィックを獲得しているページをメモし、サイトをバックアップし、リデザインが解決すべき具体的な問題を書き出しましょう。
ウェブサイトのリデザインはSEOを損ないますか?
リダイレクトなしでURLが変わったり、コンテンツが削除されたり、新サイトがクローラーをブロックしたりすると損なう可能性があります。リダイレクトマップ、重要なページでのコンテンツ維持、公開後のGoogle Search Consoleでの確認があれば、ほとんどのサイトは恒久的な損失を避けられます。数週間の順位変動は正常です。
サイトのリデザイン後、PPCで何を確認する必要がありますか?
5つです。すべての広告の最終URLがリダイレクトチェーンなしで解決すること、コンバージョンタグとトラッキングテンプレートが新しいページで発火すること、ランディングページの内容が広告文と一致していること、サイトリンクのURLが機能すること、そしてオーディエンスやリマーケティングタグが新しいテンプレートに設置されていることです。
ウェブサイトのリデザインにはどれくらい時間がかかりますか?
中小企業サイトなら数週間でリデザインできます。テンプレート、連携、関係者の多い大規模サイトはしばしば数か月かかります。コンテンツの収集と承認は、デザインや制作より通常長くかかります。
リデザインすべきですか、それともゼロから作り直すべきですか?
構造とコンテンツがほぼ機能していて、問題が見た目やユーザビリティならリデザインしましょう。プラットフォーム自体が問題(編集できない、根本的に遅い、必要な機能をもうサポートしていない)なら作り直しましょう。
結論から言うと: ウェブサイトリデザインチェックリストには3つの段階があります。前: パフォーマンスの基準値を記録し、すべてのURLを棚卸しし、すべてをバックアップする。中: URLを維持するかリダイレクトをマッピングし、コンテンツとトラッキングを引き継ぎ、ステージングのコピーでテストする。後: 最初の数日でリダイレクト、アナリティクス、広告、検索インデックスを確認し、その後結果を基準値と比較する。ほとんどのリデザインの被害(順位の喪失、壊れた広告、失われたコンバージョンデータ)は、「前」と「後」のステップを省くことから生まれます。
以下のリストをプロジェクトツールにコピーし、チェックしていきましょう。
フェーズ1:何かをデザインする前に
なぜリデザインするのかを定義する
- [ ] リデザインが解決すべき3〜5の具体的な問題を書く(「モバイルの予約フォームが使いにくい」「開発者なしではページを編集できない」)。「古く見える」だけではブリーフになりません。
- [ ] 月あたりの問い合わせ数やチェックアウト完了率といった測定可能な目標を設定し、それぞれの現在の数字をメモする。
- [ ] デザインとコンテンツを誰が承認するか、公開日はいつかを合意する。承認のボトルネックが遅延のほとんどの原因です。
現在のサイトの基準値を記録する
これらの数字を日付とともに保存しましょう。公開後に必要になります。
- [ ] アナリティクスからの過去12か月分のトラフィックとコンバージョン(季節性が重要)。
- [ ] トラフィックとコンバージョン別の上位50ページ。
- [ ] Google Search Consoleでの上位クエリとページ(エクスポートしておく。データは16か月前までしか遡れません)。
- [ ] 主要テンプレートのCore Web VitalsとPageSpeed Insightsのスコア。
- [ ] Search ConsoleのリンクレポートやSEOツールから、被リンクのあるページ。
すべてのURLを棚卸しする
- [ ] Screaming Frog(無料版は500URLまで対応)やSitebulbのようなクローラーでサイトをクロールする。
- [ ] 孤立ページやPDFなど、クロールで見落とされたURLを、XMLサイトマップ、アナリティクス、Search Consoleから追加する。
- [ ] 各URLに印を付ける:維持、統合、書き直し、削除。
バックアップする
- [ ] ファイルとデータベースの完全なバックアップを、現在のホスト以外の場所に保存する。
- [ ] フォーム、送信内容、ユーザー、ブログ記事、メディアをエクスポートする。
- [ ] 誰かがドメインに触れる前に、メールレコード(MX、SPF、DKIM、DMARC)を含むDNS設定を記録する。
フェーズ2:デザインと制作の間
構造とコンテンツ
- [ ] 機能しているURLは維持する。明確な理由があるときだけURLを変更する。
- [ ] リダイレクトマップを作る。すべての旧URLと新しい行き先を記したスプレッドシートです。各旧URLは、すべてホームページへではなく、最も関連性の高い新ページへ301リダイレクトすべきです。
- [ ] 上位表示されているページからコンテンツを引き継ぐ。短縮する場合も、それらが上位表示されているクエリに答えるセクションは残す。
- [ ] 意図的に改善する場合を除き、上位ページのタイトルタグとメタディスクリプションを維持する。
- [ ] 組織図ではなく、訪問者が実際に使っているもの(アナリティクスからの上位ページ)からナビゲーションを計画する。
デザインとユーザビリティ
- [ ] モバイルレイアウトを最初にデザインする。アナリティクスでモバイル訪問者の割合を確認する。
- [ ] WCAG 2.2 AAの基本を満たす:色のコントラスト、キーボードナビゲーション、目に見えるフォーカス状態、alt属性、フォームラベル。
- [ ] 主要なコンバージョン経路を短く保つ。ホームページから予約やチェックアウトまでのクリック数を数える。
ステージング環境での技術的セットアップ
- [ ] 検索エンジンからブロックされたステージングサイトで構築する(パスワード保護の方がrobots.txtだけより安全です)。
- [ ] 新サイト用のcanonicalタグ、XMLサイトマップ、robots.txtを設定し、いつでも切り替えられるようにする。
- [ ] 構造化データ(該当するOrganization、LocalBusiness、Product、Article、FAQ)を再現する。
- [ ] アナリティクス、タグマネージャー、コンバージョンイベント、広告ピクセルを新しいテンプレートに設置する。
- [ ] フォームを再現し、送信内容が正しい受信箱かCRMに届くことをテストする。
- [ ] 画像を圧縮し、ステージングで速度をテストする。
フェーズ3:公開当日
- [ ] トラフィックの少ない時間帯にホスティングかDNSを切り替える。ホストを移す場合は、前日にDNSのTTLを下げておく。
- [ ] ステージングのパスワード保護と「noindex」タグを削除する。これは最もよくある公開時の間違いで、サイト全体が検索結果から消えることがあります。
- [ ] robots.txtがクロールを許可していることを確認する。
- [ ] すべてのバージョン(wwwと非www)でHTTPSが機能し、1つにリダイレクトされることを確認する。
- [ ] リダイレクトマップから旧URLのサンプル(上位50件を含む)をテストする。
- [ ] Google Search ConsoleとBing Webmaster Toolsに新しいXMLサイトマップを送信する。
- [ ] フォーム、予約、購入といった実際のテストコンバージョンを送信する。
- [ ] DNSが変わった場合、メールが今も機能することを確認する。
PPCチェックリスト:サイトリデザイン後に行うべき5つのこと
有料キャンペーンは、広告が動き続けたままランディングページが変わるため、リデザイン後に静かに壊れます。同じ日に次を確認しましょう。
- 最終URL。 すべての広告、サイトリンク、拡張機能は、リダイレクトを経由せず、直接稼働中のページを指すべきです。Google Adsは壊れた行き先を報告しますが、非承認を待つ必要はありません。
- コンバージョントラッキング。 新しいサンクスページやイベントでコンバージョンタグが発火することを確認する。Tag Assistantやプラットフォームの診断ツールを使いましょう。
- メッセージの一致。 新しいランディングページが、広告の内容(オファー、価格、見出し)と今も一致していることを確認しましょう。リデザインは、広告が約束した正確なフレーズを削除してしまうことがよくあります。
- トラッキングテンプレートとUTM。 パラメータがリダイレクトを経ても保たれ、今もアナリティクスに表示されることを確認しましょう。
- リマーケティングとオーディエンスタグ。 新しいテンプレートに設置しないと、オーディエンスの成長が止まります。
フェーズ4:公開後の最初の30日間
- [ ] 最初の1週間は毎日Search Consoleを確認する。ページレポート(インデックスエラー)、クロールエラー、404の急増。
- [ ] 欠けているリダイレクトを追加して404を直す。
- [ ] リダイレクトチェーン(AからBへ、BからCへ)に注意する。旧URLは最終ページへ直接向けましょう。
- [ ] トラフィック、コンバージョン、上位ページの順位を毎週基準値と比較する。ある程度の変動は想定内です。急激に下がったページは調査しましょう。
- [ ] 旧URLを指す、自分が管理しているリンクを更新する。Googleビジネスプロフィール、SNSプロフィール、ディレクトリ掲載、メール署名。
- [ ] 実際のユーザーと問い合わせ対応チームからフィードバックを集める。
トラフィックが下がった場合の対処法
- サイトがインデックス可能か確認する(noindexの残留がない、robots.txtがクロールを許可している)。
- トラフィックを失ったページを、リダイレクトマップと照らし合わせる。欠けている、または間違ったリダイレクトが通常の原因です。
- それらのページで新旧のコンテンツを比較する。削除されたセクションが、失われた順位を説明することが多いです。
- 影響を受けたテンプレートで速度とモバイル表示を確認する。
ページ単位のSEO項目については、オンページSEOチェックリストがフェーズ2とよく組み合わさり、ウェブサイト企画で構造の作業をさらに詳しく解説しています。
白紙から始めずに作り直す
リデザインが実質的な作り直しなら、We.Incは事業の説明から新しいサイトを生成し、その後ビジュアルまたはコードで編集でき、ホスティングとSSLも含まれます。それでもチェックリストは適用されます。旧URLをマッピングし、上位表示されているコンテンツを維持し、ドメインを切り替える前にトラッキングをテストしましょう。
無料で始める
無料で始める · クレジットカード不要
製品
ご利用いただける方
機能
リソース
会社情報
サイトマップを見る