サイト公開前に確認しておきたい基本的な事項をまとめました。
コンテンツ
□ 著作権・肖像権に配慮したコンテンツを掲載しているか
二次創作については元コンテンツの方針を確認
□ 過剰に個人情報を公開していないか
・メールアドレスは悪用されることもあるため、連絡が来てもよい場合に限る
□ 初めて訪問した人にも、サイトの内容・意図が伝わるように、各ページにタイトルや説明が書かれているか
□ ホーム以外のページから見始めても、何のサイトであるか分かるようになっているか
UI(User Interface)
□ 閲覧者の操作が必要な部分は、操作できることが伝わる状態(位置・大きさ・表記)になっているか
・クリック(タップ)できるところが伝わるかどうかの確認
□ 各ページに遷移できるようになっているか
・サイトタイトルには、ホームへのリンク(index.htmlへのリンク)を追加しておく
□ スマートフォン、タブレット、コンピューターなどの各端末で快適に閲覧ができるか
・余白や文字の大きさなどを確認する
・スマートフォン・タブレットなどは実機で確認
画像
□ 画像は全て表示できているか
□ 画像は適切なサイズにリサイズされているか
・目安は表示ピクセルの2倍程度まで。極端に小さい画像は不鮮明になるため避ける。ファイルサイズが大きい場合は、squooshや、Photoshop などを使って圧縮する。
□ 適切な画像フォーマットを使用しているか
・heic は不可。写真は jpeg、グラフィックは pngが基本。圧縮率が高く読み込みスピード改善が見込めるwebpも推奨。
□ 画像 のalt 部分に、画像を説明する語を入力しているか(altの内容は日本語可)
□ 画像ファイル名は半角英数字(記号はハイフン- とアンダーバー_ )になっているか
HTML・CSS
□ <title>はページに合わせた内容になっているか(全ページ同じにしない)
□ ファイル名、フォルダ名は、半角英数字(記号はハイフン- とアンダーバー_ )になっているか
□ 最初に表示されるページ(ホーム)のファイル名はindex.htmlになっているか
□ 不要なタグ、不足しているタグ(終了タグの抜け漏れ)はないか、存在しないタグなどを使っていないか
□ リンク切れがないか
□ ダミーテキスト・サンプルテキストなどが残っていないか
・Footerのcopyright部分など、編集過程の情報が残っていないか再確認する
JavaScript
□ ブラウザのコンソールにエラーが表示されていないか
・コンソールは、各ブラウザの開発モードで確認可能