品質の基準

サイト制作で使っている基準の考え方と、主な項目を紹介します。
毎回やり切ったことを、根拠として記録します。

  1. TOP
  2. QUALITY STANDARD

OUR STANDARD

公開後に起きる事故を、
公開前に止める。

検索に出ない、フォームが届かない、スマートフォンで崩れる、管理画面が乗っ取られる。公開後に見つかる不具合の多くは、公開前に確かめれば防げます。AsSentは、見つけやすさ・速さ・表示・使いやすさ・安全・保守の6分野で、公開してよいかを判定してから公開します。

  • 必須40項目が1つでも残っていれば、公開しません
  • 公開前と公開当日の2回、検証環境と本番でそれぞれ判定します
  • 43項目は自動点検で、全ページを4つの画面幅で確認します
  • 判定の根拠(計測値・対象ページ・キャプチャ)を案件ごとに残します

SELF CHECK

このサイトも、同じ基準で点検しています。

このサイト自体を、実際の案件と同じ79項目で点検した結果です(2026-10-08)。自動点検ツール(10ページ・375 / 768 / 1280 / 1920px)の判定に、目視・ツールでの確認を合わせています。基準より緩めた箇所は、理由とサイト保有者の了承をあわせて記録しています。

  • 76適合
  • 0必須項目の不適合・一部適合
  • 3対象外
PageSpeed Insights の結果(携帯電話)。パフォーマンス94、ユーザー補助96、おすすめの方法100、SEO100。FCP 2.0秒、LCP 2.0秒、TBT 0ミリ秒、CLS 0、Speed Index 5.1秒
PageSpeed Insights(本番・TOP・モバイル、2026-10-08 計測)
01検索結果での見つけやすさ・伝わりやすさの結果
  • 適合
    全ページにtitleがあり、重複していない
  • 適合
    titleに対策キーワードを含み、ページの内容と一致している
  • 適合
    対策キーワードが description・見出し(h2)・画像のaltに自然に含まれ、詰め込みすぎていない
  • 適合
    meta descriptionがページごとに書かれ、重複していない
  • 適合
    h1は1ページに1つ
  • 適合
    見出しの階層が飛んでいない(h2→h4 など)
  • 適合
    画像にaltがあり、内容を表している(装飾画像は alt="")
  • 適合
    OGP(og:title / description / image / url)が全ページに出ている
  • 適合
    SNSのシェア表示を実際に確認した
  • 適合
    canonicalが自ページの本番URLを指している
  • 適合
    sitemap.xmlに公開ページだけが載っている
  • 適合
    本番で検索エンジンを拒否していない
  • 適合
    存在しないURLで404を返し、404ページから戻れる
  • 適合
    構造化データにエラーがない
  • 適合
    ファーストビューで「誰の・何のサイトか」が伝わり、知りたい順に情報が並ぶ
  • 適合
    関連するページ同士がリンクでつながっている
  • 適合
    リンク文言で行き先が分かる(「こちら」だけのリンクがない)
  • 対象外
    旧サイトのURLから新URLへ301リダイレクトしている
  • 適合
    Search Consoleに登録し、サイトマップを送信した
02表示速度・操作の快適さの結果
  • 適合
    本番URLでCore Web Vitalsの基準を満たす
  • 適合
    読み込み中にレイアウトがずれない
  • 適合
    画像にwidth/height(またはaspect-ratio)を指定している
  • 適合
    画面外の画像は遅延読み込み、最初に見える画像は即時読み込み
  • 適合
    画像が適切な形式・容量になっている
  • 適合
    1ページの転送量が重すぎない
  • 適合
    Webフォントに font-display を指定している
  • 適合
    使っていないJS/CSS・ライブラリを読み込んでいない
  • 適合
    「視差効果を減らす」設定で動きを抑えられる
  • 適合
    本番サーバーで圧縮・キャッシュが効いている
03どの端末でも崩れない表示の結果
  • 適合
    375 / 768 / 1280 / 1920px で横スクロールが出ない
  • 適合
    全ページ×4幅のキャプチャを目視し、崩れがない
  • 適合
    実機(iPhone Safari / Android Chrome)で主要ページとフォームを操作した
  • 適合
    PCの主要ブラウザで表示を確認した
  • 適合
    viewportを正しく指定している
  • 適合
    スマートフォンで小さすぎる文字がない
  • 適合
    ボタン・リンクが指で押しやすい大きさ
04誰にでも使いやすい・安心して利用できるの結果
  • 適合
    アクセシビリティの自動検査で重大な違反がない
  • 適合
    文字と背景のコントラストが十分
  • 適合
    フォームの入力欄にlabelが紐づいている
  • 適合
    キーボードだけでメニュー・リンク・フォーム送信まで操作できる
  • 適合
    html の lang が ja になっている
  • 適合
    フォームを実際に送信し、通知と自動返信が届いた
  • 適合
    必須項目が分かり、入力ミスを文章で教える
  • 適合
    スパム対策が有効で、正しい送信は止めていない
  • 適合
    本番でフォームの送信先・送信元を本番用にした
  • 適合
    原稿・会社情報・料金を、確定原稿と照合した
  • 適合
    リンク切れがない
  • 適合
    プライバシーポリシーが、実際に入れたタグ・フォームと一致している
  • 適合
    Cookie同意の要否を判断し、記録した
  • 適合
    画像・フォント・素材の利用権を確認し、権利情報一覧に記録した
05安全性・セキュリティ対策の結果
  • 適合
    全ページHTTPSで、httpから転送され、混在コンテンツがない
  • 対象外
    検証環境に閲覧制限とnoindexをかけている
  • 適合
    本番公開時に、noindex・検索エンジン拒否を解除した
  • 適合
    target="_blank" のリンクに rel="noopener" がある
  • 適合
    エラーメッセージがページに表示されない
  • 適合
    本番サーバーにセキュリティヘッダーを設定している
  • 適合
    WordPress・PHP・プラグインが最新で、サポート期間内
  • 適合
    使っていない・検証用のプラグインを削除した
  • 適合
    管理画面のログインを守っている
  • 適合
    ユーザー名が外から分からない
  • 適合
    XML-RPCを無効にしている
  • 適合
    自動バックアップを設定し、一度復元できることを確かめた
  • 対象外
    作業前に既存サイトのバックアップを取得した
06保守性・将来の更新しやすさの結果
  • 適合
    JavaScriptエラー・読み込み失敗がない
  • 適合
    開発環境のURL・パスが残っていない
  • 適合
    HTMLの構文エラーがない
  • 適合
    header / main / footer などで構造を表している
  • 適合
    文字コードがUTF-8
  • 適合
    faviconとホーム画面用アイコンがある
  • 適合
    使っていないファイル・データが残っていない
  • 適合
    ページ移動は <a href> で実装している
  • 適合
    見た目の指定をHTMLに直接書いていない
  • 適合
    クラス名・ブレークポイント・ファイル名の決まりが統一されている
  • 適合
    使っていない画像・コメントアウト・検証用コードを削除した
  • 適合
    会社情報・計測ID・共通文言を1か所にまとめ、テンプレートに直書きしていない
  • 適合
    URLが読める形になっている
  • 適合
    使わない機能・テンプレートを削除した
  • 適合
    ディレクトリ構成・ファイル名が規則どおり
  • 適合
    運用マニュアル・権利情報一覧・編集データ一式をお渡しできる状態にした

01 DIRECTION CHECKLIST

85項目のうち、
お客様に伺うのは39だけ。

制作で決めることを、誰が決めるかで3つに仕分けています。お客様にしか答えられないことだけを伺い、残り46項目はこちらで決めて、必要なものだけ確認をお願いします。

① MUST ASKお客様に必ず聞くこと(39項目)

お客様しか答えを持っていない/法務・ブランド・事業判断に関わるもの

  • サイトで達成したいこと(問い合わせ・採用・信用など)と、誰に見てほしいか
  • 公開希望日と、その日に決まっている理由(イベント・期末など)
  • 予算の範囲
  • ほか36項目

② CONFIRM ONLYこちらで一旦決めて、確認だけしてもらうこと(16項目)

標準的な答えがあり、ドラフトを見せて「OKですか?」で済むもの

  • OGP画像:基本は共通1枚で作成 →「SNSでシェアされた時にこの画像が出ますが、これでよろしいですか?」
  • favicon/アイコン類:ロゴから自動生成して提示
  • WordPress の初期設定:サイトの言語を日本語に(html lang・og:locale・日付の書式が英語のままになるため)
  • ほか13項目

③ DON'T ASKこちら都合で決めること(基本的に聞かない)(30項目)

技術的な内部実装。特殊な要望が出ない限り話題に出す必要はない

  • 検証環境の閲覧制限(Basic認証)とnoindex
  • SSL・http→https転送・セキュリティヘッダー・圧縮の設定
  • WordPress・PHP・プラグインの更新、管理者IDとログイン保護
  • ほか27項目

全項目は、無料相談の中で共有しています。

02 QUALITY ASSURANCE

公開してよいかを決める、
6分野の基準。

重要度は3段階です。必須は1つでも残っていれば公開しません。標準は原則対応し、対応しない場合は理由を記録します。推奨はできる限り対応します。確認方法は、点検ツールが判定する「自動」、外部ツールの結果を使う「ツール」、人が確認する「目視」の3つです。

01検索結果での見つけやすさ・伝わりやすさ(19項目)

検索エンジンとSNSに、ページの内容を正しく渡します。集客の入口になる項目です。

  • 全ページにtitleがあり、重複していない
  • h1は1ページに1つ
  • ほか17項目

02表示速度・操作の快適さ(10項目)

画像・コード・フォントを最適化し、待たせないサイトにします。

  • 本番URLでCore Web Vitalsの基準を満たす
  • 読み込み中にレイアウトがずれない
  • ほか8項目

03どの端末でも崩れない表示(7項目)

スマートフォンから大画面まで、同じ内容を同じ品質で届けます。

  • 375 / 768 / 1280 / 1920px で横スクロールが出ない
  • 全ページ×4幅のキャプチャを目視し、崩れがない
  • ほか5項目

04誰にでも使いやすい・安心して利用できる(14項目)

障害の有無や環境に関係なく使え、問い合わせが確実に届き、内容が正しいことを確かめます。

  • アクセシビリティの自動検査で重大な違反がない
  • フォームの入力欄にlabelが紐づいている
  • ほか12項目

05安全性・セキュリティ対策(13項目)

改ざん・情報漏えい・公開事故を防ぎ、万一の時に戻せる状態にします。

  • 全ページHTTPSで、httpから転送され、混在コンテンツがない
  • 検証環境に閲覧制限とnoindexをかけている
  • ほか11項目

06保守性・将来の更新しやすさ(16項目)

次の担当者が迷わず直せる状態で納品します。引き継げることが、お客様の資産になります。

  • JavaScriptエラー・読み込み失敗がない
  • 開発環境のURL・パスが残っていない
  • ほか14項目

各項目の判定基準(数値)・確認方法は、無料相談の中で共有しています。

03 AUTOMATED INSPECTION

人の目だけに頼らない。

「自動」の43項目は、自社の点検ツールで判定します。サイトのすべてのページを読み込み、titleの重複・画像のalt・表示のずれ・横スクロール・リンク切れなどを確かめ、全ページを375 / 768 / 1280 / 1920pxの4つの幅でキャプチャします。

  1. 公開前検証環境のURLで実行し、必須がすべて適合するまで直します。
  2. 公開当日本番のURLでもう一度実行し、HTTPS・検索エンジンの許可・セキュリティの設定など、本番でしか判定できない項目を確定します。
  3. 記録判定結果とキャプチャを、案件の点検表に根拠として取り込みます。

全項目と判定基準は、
ご相談の中でお見せします。

チェックリストの全項目、各項目の判定基準、記入済みの点検レポートの見本を、無料相談の中で共有しています。このサイト自体を同じ基準で点検した結果は、このページでご覧いただけます。

FOR AGENCIES

この基準のまま、
制作を任せられる委託先を。

制作会社・広告代理店・ディレクターの方で、品質をそろえて任せられる委託先を探している方へ。AsSentは、このページの基準で点検してから納品する前提で、サイト制作の委託(委託契約)をお受けしています。

  • 必須40項目がすべて適合してから納品します
  • 判定の根拠(計測値・対象ページ・キャプチャ)を共有します
  • デザイン・コーディング・WordPressの構築など、工程の一部からご相談いただけます

パートナーとして案件に参加したい方も、同じ窓口からご連絡いただけます。