• Skip to primary navigation
  • Skip to main content

Nagashima Laboratory

  • Home
  • Lecture
  • Note
  • Index
  • About

サイト公開前の確認

サイト公開前に確認しておきたい基本的な事項をまとめました。

コンテンツ

□ 著作権・肖像権に配慮したコンテンツを掲載しているか
二次創作については元コンテンツの方針を確認

□ 過剰に個人情報を公開していないか
・メールアドレスは悪用されることもあるため、連絡が来てもよい場合に限る

□ 初めて訪問した人にも、サイトの内容・意図が伝わるように、各ページにタイトルや説明が書かれているか

□ ホーム以外のページから見始めても、何のサイトであるか分かるようになっているか

UI(User Interface)

□ 閲覧者の操作が必要な部分は、操作できることが伝わる状態(位置・大きさ・表記)になっているか
・クリック(タップ)できるところが伝わるかどうかの確認

□ 各ページに遷移できるようになっているか
・サイトタイトルには、ホームへのリンク(index.htmlへのリンク)を追加しておく

□ スマートフォン、タブレット、コンピューターなどの各端末で快適に閲覧ができるか
・余白や文字の大きさなどを確認する
・スマートフォン・タブレットなどは実機で確認

画像

□ 画像は全て表示できているか

□ 画像は適切なサイズにリサイズされているか
・目安は表示ピクセルの2倍程度まで。極端に小さい画像は不鮮明になるため避ける。ファイルサイズが大きい場合は、squooshや、Photoshop などを使って圧縮する。

□ 適切な画像フォーマットを使用しているか
・heic は不可。写真は jpeg、グラフィックは pngが基本。圧縮率が高く読み込みスピード改善が見込めるwebpも推奨。

□ 画像 のalt 部分に、画像を説明する語を入力しているか(altの内容は日本語可)

□ 画像ファイル名は半角英数字(記号はハイフン- とアンダーバー_ )になっているか

HTML・CSS

□ <title>はページに合わせた内容になっているか(全ページ同じにしない)

□ ファイル名、フォルダ名は、半角英数字(記号はハイフン- とアンダーバー_ )になっているか

□ 最初に表示されるページ(ホーム)のファイル名はindex.htmlになっているか

□ 不要なタグ、不足しているタグ(終了タグの抜け漏れ)はないか、存在しないタグなどを使っていないか

□ リンク切れがないか

□ ダミーテキスト・サンプルテキストなどが残っていないか
・Footerのcopyright部分など、編集過程の情報が残っていないか再確認する

JavaScript

□ ブラウザのコンソールにエラーが表示されていないか
・コンソールは、各ブラウザの開発モードで確認可能

2023-07-12 (Last Modified: 2025-07-03) Category: 資料 Tags:webdesign

Copyright © 2023–2026 · Nagashima Sayuri Laboratory