すべてのカテゴリ

Web制作では、画像のファイル名の付け方ひとつで「管理のしやすさ」「チームでの共有」「SEO」「保守性」が大きく変わります。なんとなく名前を付けてしまうと、後から探せなくなったり、意図が分からなくなったりして、無駄な時間が増えてしまいます。ここでは、実務で通用する画像の命名ルールについて整理します。なぜ命名ルールが重要なのか画像ファイル名は単なるラベルではありません。次のような役割があります。・どのページの何の画像かを即座に判断できる・チームメンバーが迷わず扱える・検索エンジンに内容を伝えられる・差し替えや修正が楽になる特に案件が増えてくると、命名の良し悪しが作業効率に直結します。基本ルール英語で意味が分かる名前にする「img01.jpg」「photo.png」のような曖昧な名前は避けます。例hero-bgservice-iconstaff-photo見ただけで用途が分かることが重要です。単語はハイフン区切りにするWebではスペースや日本語を使わず、ハイフンで区切るのが一般的です。理由は次の通りです。・URLとして安全・SEO的に単語が認識されやすい・可読性が高い小文字で統一する大文字と小文字が混在すると、サーバー環境によっては別ファイルとして扱われることがあります。トラブル防止のため、小文字に統一します。よくある命名パターンセクション名＋用途hero-bgabout-imagecontact-mapページ構造と対応させると分かりやすくなります。コンポーネント名＋番号feature-01feature-02gallery-03複数ある場合に有効です。ページ名＋要素top-her