WPサイトの仕上げチェック
サイト制作って、だいたい形になった瞬間がいちばん気持ちいいのですが、正直そこからが怖いです。
見た目が整っていても、リンク切れとかフォームとかスマホ表示とか、地味なところで普通に崩れます。
なので今回は、公開前に自分なりの「仕上げチェック」を作って回してみました。
あくまで「自分がやってみたメモ」ですが、同じように不安な人の参考になればうれしいです。
目次
仕上げチェックは「順番」を決めるとラクでした
最終確認って、思いついたところからやると漏れます。
自分は次の順番で回すと、頭が整理されて楽でした。
- 画面で見えるところ(見た目)
- 動作(導線・フォーム)
- SEO・共有・URL統一
- 速度・表示崩れ(重さ・体感)
- セキュリティ・運用(最低限の安心)
- 計測まわり
この順番にしておくと、「見た目OK → でもフォーム死んでた…」みたいな事故を減らせます(減らしたい)。
ざっくりとリストにするとこんな感じ。
- PC/スマホで表示崩れがない
- 主要導線(トップ→主要ページ)が迷わない
- リンク切れ・404がない
- フォームを「ミス送信」「成功送信」でテストした
- 自動返信メール/管理者通知メールが届く
- noindexが混ざっていない
- OGPが意図通り表示される
- faviconが出ている
- 重すぎる画像が混ざっていない
- バックアップが取れる(or 取れる手段がある)
- GTMが全ページで読み込まれている
- GA4がリアルタイムで計測できる
- Search Consoleに登録済み/サイトマップ送信できる
見た目の最終確認
まずはPCだけでなく、スマホも必ず見ました。
PCでよく見えていても、スマホで急に崩れることがあるので…。
自分が特に見たのはこのへんです。
- 余白が詰まりすぎ/空きすぎていないか
- 見出しの階層が変になっていないか(h2→h4に飛ぶ等)
- ボタンが小さすぎないか(押せる?迷わない?)
- 画像のトリミングが変になっていないか(サムネが切れてる等)
- フォントの太さ・行間が読みづらくないか
ここで気づく「5分で感じる違和感」は、だいたい直した方がいいです。
公開後もずっと気になるので…。
リンクと導線
次に、サイト内をユーザーのつもりで歩きました。
「トップ → 主要ページ → お問い合わせ(直前まで)」みたいな動線です。
よく漏れそうだと思ったのはこのあたりです。
- 外部リンクが別タブになっているか(方針次第ですが統一)
- PDFやファイルリンクが死んでいないか
- 電話リンク(スマホでタップして動くか)
- メールリンク(意図通りか)
- 404になるページが混ざっていないか
リンク切れは地味ですが、信用を落とすのが速いです。
このフェーズでまとめて潰すのが気持ち的にも楽でした。
フォーム
個人的に、フォームは別枠です。
ここが死んでいると「サイトが存在しない」のと同じになりがちなので…。
自分は テスト送信を2回やりました。
- 1回目:わざとミスって送る(必須漏れ・形式違い)
- 2回目:正しく入力して送る(成功ルート確認)
チェックしたポイントはこんな感じです。
- 必須/任意がわかりやすいか
- エラーメッセージが冷たすぎないか(何を直せばいいか分かるか)
- 確認画面があるなら、戻れるか/内容が保持されるか
- 送信後に完了画面が出るか
- 自動返信メールが届くか(迷惑メールも一応見る)
- 管理者側に通知が届くか(差出人や返信先が変じゃないか)
ここまでやると「問い合わせが来るはずなのに来ない」みたいな地獄を避けやすいです。
SEOと共有
SEOは深掘りすると無限にあるので、公開前は最低限だけにしました。
ただ、最低限を落とすと後で面倒なので、次を見ました。
- ページタイトルとディスクリプションが変じゃないか
- noindexが混ざっていないか(制作中の設定が残るやつ)
- OGP(SNSで貼ったときの表示)が出るか
- faviconが表示されるか
- サイト名/キャッチフレーズが意図通りか
- URL統一(http→https、wwwあり/なし)
OGPは実際にURLを貼ってみると早いです。
「ちゃんと出る」と地味に安心します。
速度と表示崩れ
PageSpeedの点数は気になりますが、点数を追うと沼です。
自分は「指摘の種類」を見て、やばそうなものだけ拾いました。
- 画像が重すぎないか(でかいのが混ざりがち)
- 遅延読み込みが効いているか
- キャッシュ系を入れているなら、崩れが出ていないか
- 体感が遅いページがないか(スマホ回線でも試す)
Wi-Fiを切ってスマホで開くと、体感の遅さがよく分かりました。
これはやってよかったです。
セキュリティ
ここも深掘りすると無限ですが、公開前に「最低限の安心」を作りました。
- WordPress/テーマ/プラグインの更新状況(公開直前に一気に更新しない)
- ログイン周りの対策(必要なら)
- フォームにスパム対策(reCAPTCHA/Turnstileなど、入れているなら動作確認)
- バックアップが取れるか(ここが本丸)
バックアップだけは、あるとないで精神状態が違います。
計測まわり
公開前チェックで自分が「これ抜けると後で泣く」と思ったのが、計測系でした。
見た目やフォームは気づけるのですが、計測が入ってないのは気づきにくいので、意識的にチェック項目に入れました。
1) GTM(Google Tag Manager)
- GTMのコンテナが設置されている(全ページで読み込まれている)
- 旧サイトのGTMや謎のタグが重複していない
- 公開環境で “プレビューだけ動いて本番で動いてない” になっていない
- Cookie同意(入れている場合)の挙動でタグが止まっていない
※自分は「トップだけ入ってた」「特定テンプレだけ抜けてた」が怖いので、主要ページを数ページ見ました。
2) GA4(Google Analytics)
- GA4の測定IDが正しい(別プロパティに送ってない)
- リアルタイムで自分のアクセスが見える(最低限の疎通確認)
- 内部トラフィック除外(設定している場合)は、意図通り(本番で全部消えてない)
- クロスドメインや計測対象ドメイン(www有無/サブドメイン)が想定通り
「リアルタイムで1回見える」だけでも、安心感が段違いでした。
3) Search Console
- プロパティが登録されている(ドメイン or URLプレフィックス)
- サイトマップが送れる(プラグイン任せでも、URLは確認)
- robots.txt が変なことになっていない(全拒否が残るやつ)
- noindex が残っていない(制作中の設定が混ざるやつ)
Search Consoleは反映が遅いので、公開前に「入ってる状態」だけでも作っておくと後がラクでした。
完璧なチェックは無理ですが、公開前にこれを一回回すだけで「変な不安」がかなり減りました。
次回は運用のチェックリストを作ってみたいと思います。
今回は以上です!