check sheet
チェックシート
サイト上での確認
テキスト
誤字・脱字・機種依存文字・ダミーテキストなどは残っていないか
意図的ではない表記のゆれがないか(例:WEB・Web・ウェブ)
表記の統一(半角・全角・日付などで表記がブレていないか)
-
フォントが反映されているか(「WhatFont(Chromeのプラグイン)」、ブラウザの検証ツールなどで確認)
画像
ダミー画像・未購入画像などは残っていないか
画像を圧縮してファイルサイズを小さくしているか
Retinaディスプレイ対応のため画像は2倍で書き出しされているか
altが正しく設定されているか
コンテンツ
余白がデザインカンプ通りに設定されているか
-
カラーがデザインカンプ通りに設定されているか(「ColorPick」などで確認)
横スクロールは発生していないか
ホバー
ホバー時の動きが指示通りになっているか
-
ホバー時の動きは、急な変化になっていないか(transition設定ができているか)
ホバー時のカーソルはポインターになっているか
PCのみホバーアクションになっているか
フォーム
バリデーションをフロントサイド・サーバーサイドでかけているか
メールがちゃんと届くか(ユーザー側・管理者側)
迷惑メール・文字化けなどは起こしていないか
クライアントにメールチェックOKもらっているか
確認・サンクス画面に遷移するか
-
スマホで入力欄のfont-sizeを16px以上にしたか(それ以下だと入力時に拡大される)
-
同じメールが複数届かないようになっているか(送信ボタンを連打した時など)
アニメーション
指示通りのアニメーションをしているか
不自然な動きがないか
エラー
ページ内でリンク切れを起こしていないか
SNSなど外部のリンク先は正しいか
404ページを作成したか
URLにパラメーターが付いても、jsやPHPの処理が正常に行われるか
予期せぬリダイレクトはかかっていないか
コンソールエラーが出ていないか(検証ツールで確認)
その他
-
iframeなど埋め込んだ外部メディア(地図、動画、SNSなど)が正しく表示されているか
スマホでiframe要素が見切れていないか
ブレイクポイント前後でチェック(640pxなら、639, 640, 641で確認)
表示速度が遅すぎるページはないか(とくにモバイル環境にて)
対象ブラウザで正しく表示されているか
ページャーなどの2ページ目以降が正しく表示されるか
コーディング
HTML
DOCTYPEが正しく記述されているか
開始タグと終了タグが対応しているか
文字エンコーディングが正しく設定されているか
不正な文字参照がないか
要素(headやbodyなど)が正しい場所に配置されているか
要素の階層が正しいか(li要素がulやol要素の子要素であるか)
-
要素のグループが正しいか(thead, tbody, tfoot要素はtable要素の子要素であるか)
要素の組み合わせが正しいか(form要素の子要素にinput要素があるか)
属性値がクォーテーションで囲まれているか
不正なタグ名が使用されていないか
不正な属性名が使用されていないか
必須の属性が欠落していないか
無効な属性値が使用されていないか
不正な文字参照が使用されていないか
不要な空白や改行がないか
リンクや画像のパスが正しく記述されているか
画像のAlt属性が適切に設定されているか
不要なコメントは残っていないか
CSS
セレクタにスペルミスがないか
不正なセレクタ(不正な要素やID、クラス名など)が使用されていないか
-
不正なプロパティ(存在しないプロパティや、対象の要素に対して使用していないプロパティ)が使用されていないか
-
不正な値(プロパティに対して適切でない値や存在しない値)が使用されていないか
単位(px、em、%など)の欠落がないか
ブロック(大括弧{})の欠落がないか
セミコロン(;)の欠落がないか
@ルール(@import,@charsetなど)が正しく指定されているか
URL(background-imageなど)が正しく指定されているか
カラーコード(#000,rgb,hslなど)が正しく指定されているか
ベンダープレフィックスが正しく指定されているか
-
プロパティショートハンド(background, border, font)が正しく指定されているか
一貫性を持った命名規則に従ったクラス名にしているか
-
セレクタの組み合わせが(親子関係、兄弟関係など)が正しく指定されているか
使用していないセレクタの記述がないか
セレクタの記述が重複していないか
minify化したか
不要なコメントは残っていないか
javascript
スペルミスがないか
使用していない変数がないか
不正な演算子を使用していないか
括弧が閉じられているか
セミコロンが欠落していないか
スコープが正しく設定されているか
console.logは残っていないか
minify化したか
不要なコメントは残っていないか
SEO・マーケティング関連
herderタグ内
-
タイトル・メタ ディスクリプションの設定(下層ページも要チェック)
canonicalの設定(URLの正規化)
noindex, nofollow の解除
ファビコンの設定
OGPの設定
計測タグ
Googleアナリティクス
コンバージョンタグは正しく計測されるか
Google Search Console
Google Tag Manager
その他の計測タグ
権利・セキュリティ関連
権利・セキュリティ
-
コピーライト表記を入れているか
著作権侵害の疑いのあるコンテンツを使っていないか
サイトポリシーを表示しているか
プライバシーポリシーを表示しているか
WordPress
WordPress
ログイン画面のURLを変更したか
/?author=1でユーザー名が表示されないか
デバッグモードをoffにしたか
不要な記事データが残っていないか(下書き含む)
不要なプラグインは残っていないか
データベースのバックアップ対応の有無