Webサイト公開前チェックリスト｜公開・納品前に確認したい15項目

Webサイトを公開するときは、デザインが完成しているだけでは確認が終わりません。titleやdescription、canonical、noindex、OGPといった設定に加えて、リンク先、フォーム送信、スマートフォン表示、アクセス解析なども確認する必要があります。

ただし、すべてを同じ方法で確認しようとすると項目が増えすぎて、かえって抜けが出やすくなります。HTMLから確認できる項目と、実際にブラウザを操作しないと分からない項目を分けると進めやすくなります。

公開前チェックは、一度だけ完璧に行うというより、公開・更新・納品のたびに同じ流れで確認できる形を作っておくことが大切です。

制作中は、レイアウトや文章、画像、実装に意識が向きやすくなります。そのため、最後に入れる予定だったcanonicalやOGP、計測タグなどが抜けたまま公開されることがあります。

また、ステージング環境で設定していたnoindexが残っていたり、問い合わせフォームは表示されていても実際にはメールが届かなかったりするケースもあります。

こうした問題は、サイト全体を作り直すような大きなものではありません。公開前に順番を決めて確認するだけで見つけやすい項目が多いため、必要なところから一つずつ確認していくのが現実的です。

最初に、検索エンジンやブラウザがページをどう認識するかに関わる基本設定を確認します。

特に新規公開だけでなく、リニューアルやURL変更、テスト環境から本番環境へ移したときは、古い設定が残っていないかを見ることが重要です。

公開前チェックの中でも、canonicalとnoindexは優先して見たい項目です。

canonicalは、似たURLが存在するときにどのURLを正規ページとして扱ってほしいかを示すために使われます。意図しないURLや旧URLが指定されていないかを確認します。

noindexは検索結果への掲載を避けたいページで使いますが、テスト環境で付けた設定を本番公開時に外し忘れることがあります。公開後に検索流入を想定しているページなら、残っていないか確認しておきます。

Webサイトは検索結果だけでなく、SNSやチャット、メッセージツールなどでURLが共有されることがあります。

そのときのタイトルや説明、画像に使われることが多いのがOGPです。ページ自体は問題なく表示されていても、OGPが未設定だと共有時の見え方が意図と異なることがあります。

SEO設定以外にも、公開ページとして最低限確認しておきたい項目があります。

HTTPSになっているか、スマートフォン表示に必要なviewportがあるか、faviconが意図したものになっているかなどです。

これらは普段の制作中には意識しにくい項目ですが、公開後に気づいて修正することもあるため、公開チェックの中に含めておくと確認しやすくなります。

GA4やGoogle Tag Managerなどを使っているサイトでは、公開時に計測設定も確認します。

ただし、HTMLからGoogle Tagらしい記述を確認できても、それだけで実際の計測まで正常とは判断できません。逆に、Consent ManagementやJavaScript経由で読み込んでいる場合は、取得したHTMLだけではタグを確認できないこともあります。

そのため、タグの設置確認と、GA4のリアルタイムなどを使った実際の計測確認を分けて考えるのがおすすめです。

HTMLからリンクやフォームの存在を確認することはできますが、公開前には実際の操作確認も必要です。

特に問い合わせフォームは、見た目が正常でも送信後の処理やメール通知で問題が起きる可能性があります。入力、送信、完了画面、通知メールまで一度通して確認しておくと安心です。

CTAについても、ボタンが表示されているだけでなく、正しいページへ遷移するかを確認します。

制作中にPC画面を中心に確認していると、スマートフォンだけで起きている折り返しや横スクロールを見落とすことがあります。

すべての端末を確認するのは現実的ではありませんが、少なくともPCとスマートフォン相当の画面幅では主要ページを見ておきたいところです。

ここまでの内容を、公開前に使いやすい形でまとめると次の15項目です。

公開前チェックでよくあるのが、自動チェックツールで問題が出なければ確認完了だと考えてしまうことです。

HTMLからtitleやcanonicalなどは確認できますが、JavaScript実行後に追加される要素、実際のフォーム送信、受信メール、スマートフォンでの見え方などは、自動チェックだけでは判断しにくい部分があります。

反対に、すべてを人の目だけで確認すると、設定タグのような細かな項目を見落としやすくなります。機械で確認しやすいところと、人が実際に操作するところを分ける方が進めやすくなります。

POLKUZでは、公開済みページのURLから基本設定をまとめて確認できるRelease Checkerを公開しています。

title、description、canonical、noindex、H1、OGP、HTTPS、viewport、favicon、Google Tagの設置候補、リンク件数、フォーム件数などを、OK・要確認・情報に分けて確認できます。

ツールだけで公開可否を判断するものではなく、機械で確認しやすいところを先に見て、最後に表示やフォーム送信などを人の目で確認するための補助として使う想定です。

これから公開するページがある場合は、まず1ページだけでも同じ順番で確認してみてください。

設定項目を確認したあと、PC・スマートフォン表示、CTA、フォーム、計測まで実際の環境で確認します。最初からチェック項目を増やしすぎず、必要なところから整えていけば十分です。

公開後はSearch ConsoleやGA4も確認しながら、検索での見え方やページ内の動きを見直していきます。

Webサイト公開前は、titleやcanonicalなどのSEO設定だけでなく、OGP、HTTPS、計測、リンク、フォーム、スマートフォン表示まで確認しておくと、公開後の見落としを見つけやすくなります。

すべてを自動化しようとせず、HTMLから確認できる項目はツールで整理し、実際の表示や操作は人の目で確認するのが現実的です。

公開・更新・納品のたびに同じチェック手順を使いながら、必要に応じて項目を見直していくと運用しやすくなります。