WEB PUBLISHING

Webページを安心して公開するための、公開前・公開後チェック

LPや告知ページを公開するときに、画像、配色、OGP、robots、sitemapを混ぜずに確認する順序を示します。公開できることと、検索・共有で正しく伝わることを別々に検証します。

対象: 小規模サイト、キャンペーンページ、ポートフォリオを一人または少人数で制作し、専門担当なしで公開確認を行う方。
このガイドで決めること: 公開後に直せる見た目の問題と、発見性・共有・アクセシビリティへ影響する問題を分け、公開を止める条件を明確にする。

最終更新 2026-08-03 ・読了目安約11分

公開判断を4つの確認ゲートに分ける

見た目が整っていても、内容や公開設定に問題があれば次のゲートへ進みません。

GATE 1

内容

事実・権利・連絡先を確認

元資料と一致
掲載許可あり

GATE 2

操作

PC・スマホ・キーボードで確認

読める
最後まで操作できる

GATE 3

共有・検索

OGP・canonical・robotsを確認

URLが正しい
公開方針と一致

GATE 4

公開後

本番再確認と監視担当を決定

戻し方がある
次回確認日あり

URLが開くことだけでは公開確認にならない

ページがHTTP 200で表示されても、タイトルや説明が古い、共有画像が切れる、文字が読みにくい、robots設定で検索対象から外れている、といった問題は残ります。反対にrobots.txtが取得できても、検索登録が保証されるわけではありません。

公開確認は、内容、操作、見た目、共有、検索の五つに分けます。すべてを同じ担当者の目視だけに頼らず、機械確認できる項目と人が判断する項目を区別します。

公開を止める条件

主要なボタンやフォームがスマートフォンで操作できない
ページタイトル、説明、canonicalが別ページを示している
意図しないnoindex、robots.txtのDisallow、認証保護が残っている
本文と背景のコントラストが不足し、重要情報を読み取れない
共有カードの画像・タイトル・説明が内容と異なる
入力データや秘密情報を想定外の外部サービスへ送る

問題の種類と確認手段

同じ『公開前チェック』でも、見る対象を分けます。

困っていること	最初に使うもの	選ぶ理由
ページの順序・訴求が曖昧	LP構成作成	対象者、悩み、根拠、CTAの流れを先に確認する
画像が重い・寸法が合わない	画像リサイズ	用途別サイズと容量を端末内で調整する
文字が読みにくい	コントラスト確認	前景色と背景色を数値で比較する
SNS共有の見え方が不明	OGPカードプレビュー	metaタグとカード見本を公開前に確認する
検索向けファイルが不安	robots・sitemap事前チェック	書式、ホスト、重複、除外候補を静的に確認する

企画してから公開後を確認するまでの7段階

ページを作る作業だけでなく、内容の承認、問い合わせ対応、公開判断、公開後の監視までを含めます。ツールで確認できない項目は、担当者と記録を決めて進めます。

1. 誰に何を伝えるページか決める
対象者、解決したい問題、ページを読んだ後にしてほしい行動を一文で書きます。掲載する根拠、問い合わせ先、公開責任者も決め、根拠のない最上級表現を避けます。
完了の目安：ページの目的、対象者、主要な行動、内容を承認する人をチーム内で説明できる。
この工程で使える補助ツール
LP構成案作成ツール →
2. 掲載内容と権利・個人情報を確認する
名称、価格、日付、連絡先、注意事項を元資料と照合します。画像や文章の利用許可、人物の写り込み、個人情報、公開してはいけない社内情報がないかを担当者が確認します。
完了の目安：事実確認と掲載許可が終わり、未確認の内容が公開ページに残っていない。
3. 見た目と操作を端末別に確認する
PCとスマートフォンで、画像容量、文字の読みやすさ、横はみ出し、ボタンの押しやすさを確認します。キーボードだけでも主要なリンクやフォームを操作し、エラー時の説明も読みます。
完了の目安：代表的な画面幅と操作方法で、主要な内容を読み、目的の操作を最後まで完了できる。
この工程で使える補助ツール
Web・SNS画像一括リサイザー →配色コントラスト改善ツール →
4. 共有情報と検索設定を確認する
title、description、canonical、OGP画像を本文と一致させます。robots.txt、sitemap、noindex、認証保護も公開方針と照合します。検索登録そのものは検索エンジンの判断です。
完了の目安：共有カードが正しい内容を示し、検索対象・非対象のURLを意図どおり説明できる。
この工程で使える補助ツール
OGP・SNSシェアカードプレビュー／タグ作成 →robots.txt・sitemap.xml事前チェック →
5. Previewで業務の流れを通して試す
ページを開くだけでなく、入口から主要操作、完了表示、問い合わせまでを試します。計測が必要な場合は、個人情報を送らずに必要なイベントだけが記録されるか確認します。
完了の目安：公開責任者が確認項目と残る問題を読み、公開する・直す・延期するの判断を記録している。
6. 公開手順と戻し方を決めて反映する
公開時刻、担当者、連絡先、変更内容を決めます。問題が起きたときに前の版へ戻す方法や、ページを一時的に止める条件も公開前に確認します。
完了の目安：公開担当、確認担当、停止条件、戻し方が記録され、必要な承認を得ている。
7. 本番で再確認し、結果を記録する
本番URLの応答、主要操作、共有カード、canonical、robots、sitemapを改めて確認します。問い合わせやエラー、アクセス状況を決めた期間だけ観測し、次に直す一項目を選びます。
完了の目安：本番確認の結果、問題の有無、対応担当、次回確認日が記録されている。