팀을 위한 이미지 파일 이름 지정 규칙 (템플릿 포함)
‘IMG_8302.jpg’가 시간과 SEO를 낭비하는 이유
우리 모두는 image-1.png, screenshot-final.jpg, logo_new_v2.svg와 같은 이름의 파일로 가득 찬 폴더를 경험해 본 적이 있습니다. 그 순간에는 빠르다고 생각되지만, 부적절한 파일 이름 지정은 혼란을 초래합니다. 자산을 찾을 수 없게 만들고, 팀원들에게 혼란을 주며, 간단하지만 효과적인 SEO 기회를 완전히 놓치게 됩니다.
명확하고 일관된 파일 이름 지정 규칙을 수립하는 것은 팀의 작업 흐름과 사이트의 검색 가시성을 향상시키는 가장 쉬운 방법 중 하나입니다.
이미지 파일 이름 지정의 황금률
템플릿으로 넘어가기 전에 웹용 파일 이름을 지정하기 위한 네 가지 보편적인 규칙이 있습니다.
- 설명적이고 간결하게: 이름은 이미지가 무엇인지 명확하게 설명해야 합니다.
blue-suede-hiking-boots.jpg는product-291.jpg보다 훨씬 낫습니다. - 밑줄 대신 하이픈 사용: 검색 엔진은 하이픈(
-)을 단어 구분자로 처리하지만, 밑줄(_)로 연결된 단어는 종종 하나로 묶습니다.blue-suede-boots는 “blue suede boots”로 보이지만,blue_suede_boots는 “bluesuedeboots”로 보일 수 있습니다. 항상 하이픈을 사용하세요. - 소문자만 사용: 파일 이름은 일부 서버에서 대소문자를 구분할 수 있습니다. 모든 문자를 소문자로 사용하면 깨진 이미지 링크와 혼동을 방지할 수 있습니다.
My-Image.JPG는 누군가my-image.jpg로 링크할 경우 쉽게 404 오류가 될 수 있습니다. - 특수 문자 없음: 문자, 숫자, 하이픈만 사용하세요. 공백, 아포스트로피, 앰퍼샌드 및 기타 특수 문자는 URL에서 지저분한 퍼센트 인코딩 문자열로 변환되므로 피하세요.
다양한 사용 사례를 위한 파일 이름 지정 템플릿
팀에 맞게 조정하여 사용할 수 있는 실용적이고 바로 사용할 수 있는 템플릿입니다. 목표는 일반적인 것에서 구체적인 것으로 이동하는 것입니다.
1. 블로그 게시물 및 기사용
기사의 주요 키워드와 특정 이미지의 설명을 결합하는 것이 좋은 패턴입니다.
템플릿: [기사-키워드]-[이미지-설명].jpg
- 좋은 예:
color-contrast-guide-pass-fail-examples.png - 좋은 예:
image-compression-tips-quality-slider.jpg - 나쁜 예:
blog-image-1.jpg
이렇게 하면 콘텐츠 관리자가 특정 기사와 관련된 모든 이미지를 쉽게 찾을 수 있으며 Google 이미지 검색에 훌륭한 설명 키워드를 제공합니다.
2. 전자 상거래 제품 사진용
제품의 경우 명확성과 일관성이 핵심입니다. 제품 이름, 모델/SKU 및 촬영 유형을 포함하세요.
템플릿: [제품-이름]-[sku-또는-모델]-[촬영-유형-또는-각도].jpg
- 좋은 예:
neatforge-explorer-backpack-b-52-front.jpg - 좋은 예:
neatforge-explorer-backpack-b-52-lifestyle-on-hiker.jpg - 좋은 예:
neatforge-explorer-backpack-b-52-detail-stitching.jpg - 나쁜 예:
backpack.jpg
이 시스템은 Shopify나 WooCommerce와 같은 플랫폼에 적합하며, 특히 여러 색상이나 버전이 있을 때 제품 이미지 라이브러리를 정리하는 데 도움이 됩니다.
3. 마케팅 및 웹사이트 배너용
일반적인 사이트 자산의 경우 콘텐츠와 그 배치 또는 목적을 설명하세요.
템플릿: [페이지-또는-섹션]-[콘텐츠-설명].jpg
- 좋은 예:
homepage-hero-banner-summer-sale.jpg - 좋은 예:
about-us-page-team-photo.jpg - 좋은 예:
services-page-icon-web-development.svg - 나쁜 예:
banner-ad-final.jpg
4. 수정 관리
_final_v2에 의존하지 않고 업데이트를 어떻게 처리합니까? 파일 이름 끝에 날짜나 버전 번호를 사용하세요.
템플릿: [원본-파일이름]-v[#].jpg 또는 [원본-파일이름]-[YYYY-MM-DD].jpg
- 좋은 예:
homepage-hero-banner-summer-sale-v2.jpg - 좋은 예:
homepage-hero-banner-summer-sale-2025-06-09.jpg - 나쁜 예:
homepage-hero-banner-summer-sale-new.jpg - 더 나쁜 예:
homepage-hero-banner-summer-sale-final-final.jpg
구조화된 버전 관리 시스템을 사용하면 기록이 명확해지고 모호함이 없어집니다.
시스템 구현
- 문서화: 선택한 이름 지정 규칙을 공유 팀 문서에 기록하세요.
- 오늘부터 시작: 앞으로 모든 새 이미지에 시스템을 적용하세요.
- 오래된 파일 점진적 업데이트: 모든 오래된 이미지의 이름을 하룻밤 사이에 바꿀 필요는 없습니다. 가장 중요한 페이지(홈페이지, 상위 제품, 최신 블로그 게시물)부터 시작하여 시간이 지남에 따라 업데이트하세요. 검색 엔진에서 이미 순위가 매겨진 이미지의 파일 이름을 변경하는 경우 301 리디렉션을 설정하는 것을 잊지 마세요.
견고한 파일 이름 지정 규칙은 조직, 팀 효율성 및 SEO에 큰 영향을 미치는 작은 변화입니다. 구현할 수 있는 가장 간단하고 효과적인 “모범 사례” 중 하나입니다.