이미지 최적화는 웹사이트 속도를 개선하고 사용자 경험(UX)을 향상시키는 중요한 작업입니다. 이 중 이미지 메타데이터 제거는 파일 크기를 줄이고 페이지 로딩 속도를 높이는 유용한 방법으로 주목받고 있습니다.
| 프로그램 이름 | 주요 특징 | 사용 용도 | 가격 | 지원 플랫폼 |
|---|---|---|---|---|
| Adobe Bridge | 이미지 및 동영상 파일의 메타데이터 관리, 태그 및 키워드 추가, 편리한 검색 기능 제공 | 사진 및 미디어 파일 관리 | 유료 (Creative Cloud) | Windows, Mac |
| ExifTool | 명령줄 기반의 강력한 메타데이터 편집 도구, 다양한 파일 포맷 지원 | 고급 메타데이터 편집 | 무료 | Windows, Mac, Linux |
| TagSpaces | 파일의 메타데이터를 태그 형식으로 관리, 로컬 파일 탐색기 기능 포함 | 파일 태그 및 메타데이터 관리 | 무료 / 유료 (Pro 버전) | Windows, Mac, Linux |
| Mp3tag | 음악 파일 메타데이터 편집, 대량 처리 지원, 온라인 데이터베이스와 연동 | 음악 파일 메타데이터 관리 | 무료 | Windows |
| VLC Media Player | 비디오 및 오디오 파일의 메타데이터 보기 및 기본적인 편집 기능 | 미디어 파일 메타데이터 보기 | 무료 | Windows, Mac, Linux |
| TigoTago | CSV 기반 대량 메타데이터 편집, 다양한 오디오/비디오 포맷 지원 | 대량 메타데이터 편집 | 무료 | Windows |
| Metadatics | 사용자 친화적인 인터페이스, 오디오 파일 메타데이터 편집에 특화 | 음악 파일 메타데이터 관리 | 유료 ($9.99) | Mac |
| DigiKam | 사진 관리 도구, 이미지 메타데이터 보기 및 편집, 고급 분류 및 검색 기능 | 사진 메타데이터 관리 | 무료 (오픈소스) | Windows, Mac, Linux |
그러나 SEO(검색엔진최적화)에 미치는 영향을 이해하고 적절히 활용하는 것이 중요한데 블로그로 티스토리나 워드프레스 등 관리하고 있다면 이미지 메타데이터 제거가 SEO에 어떤 영향을 미치는지, 그리고 최적화 시 유의해야 할 점들을 살펴보겠습니다.
참고 : 윈도우11 사진파일 메타정보 Exif 정보확인 및 날짜 시간변경
이미지 메타데이터란?
메타데이터는 이미지 파일에 포함된 추가 정보로, 촬영 날짜, 위치, 카메라 설정, 이미지 제목 및 설명 등이 포함됩니다.
| 항목 | 이미지 메타데이터 | alt (대체 텍스트) |
|---|---|---|
| 정의 | 이미지 파일 자체에 저장된 정보(EXIF, IPTC, XMP 등) | HTML 코드에서 이미지의 대체 텍스트로 사용되는 속성 |
| 저장 위치 | 이미지 파일 내부(EXIF, IPTC, XMP 포맷) | HTML <img> 태그의 alt 속성 |
| 포함 정보 | 촬영 정보(카메라, 시간, 위치), 저작권, 제목, 키워드 등 | 이미지의 의미와 내용을 간결하게 설명하는 텍스트 |
| 용도 | 사진 관리, 저작권 보호, 검색 시스템에서 메타데이터로 정렬 및 관리 | 이미지가 로드되지 않을 때 대체, 스크린 리더를 위한 텍스트 제공 |
| SEO 영향 | 직접적인 SEO 영향은 미미하지만 간접적으로 검색 가능성에 도움 | 이미지 검색 최적화에 직접적인 영향 |
| 웹 접근성 | 웹 접근성과 관련이 없음 | 웹 접근성을 높이는 데 필수적 |
| 사용 예 | 카메라 촬영 날짜: 2024-12-01, 위치: 서울 | <img src="product.jpg" alt="건강기능식품 제품 이미지"> |
그리고 이러한 이미지 데이터는 이미지의 맥락을 제공하는 데 유용하지만, 웹사이트 성능을 저하시킬 수 있는 요인이 될 수도 있습니다.
메타데이터 제거의 장점 3가지
- 로딩 속도 개선 메타데이터는 파일 크기를 증가시키는 원인 중 하나입니다. 필요하지 않은 메타데이터를 제거하면 이미지 용량이 줄어들고, 결과적으로 페이지 로딩 속도가 개선됩니다. 로딩 속도는 구글이 SEO 점수를 매길 때 고려하는 중요한 요소입니다.
- 보안 강화 이미지 파일에 포함된 위치 정보나 촬영 장치 정보는 개인 정보 유출로 이어질 수 있습니다. 메타데이터 제거는 이러한 보안 위험을 최소화합니다.
- 웹 최적화 지원 가벼운 이미지 파일은 브라우저에서 더 빠르게 처리될 수 있어 사용자 경험이 향상됩니다. 특히 모바일 사용자 비중이 높은 경우 속도 개선 효과는 더욱 두드러집니다.
메타데이터 제거의 단점 2가지
- 이미지의 맥락 손실 메타데이터는 이미지에 대한 설명과 키워드 정보를 포함할 수 있습니다. 이를 제거하면 이미지 검색 노출에서 손해를 볼 가능성이 있습니다.
- SEO 정보 부족 메타데이터에 포함된 제목, 설명, 키워드는 검색엔진이 이미지를 이해하는 데 도움이 됩니다. 이 정보를 제거하면 대체로 ALT 태그와 파일명에 의존해야 합니다.
하지만 최근에는 검색엔진의 인공지능이 높기 때문에 이미지를 자동으로 인식하는 기술이 크게 개선되었습니다.
그래서 딱히 메타데이터가 없다고 하더라도 이미지를 분서가호 맥락을 이해하는데 충분하기 때문에 딱히 메타데이터를 제거해도 SEO에 크게 문제가 되지 않는다고 생각합니다.
SEO를 고려한 최적화 전략
메타데이터를 제거하더라도 SEO 성과를 유지하거나 개선할 수 있는 방법은 다음과 같습니다.
ALT 태그 최적화 ALT 태그는 이미지에 대한 간단한 설명을 제공하며, 검색엔진이 이미지를 이해하는 주요 요소입니다.
특히 이미지의 ALT 태그를 적절히 작성하면 메타데이터 제거로 인한 검색 노출 감소를 보완할 수 있습니다.
예: alt="워드프레스 이미지 최적화 가이드"관련 키워드 포함 이미지 파일명과 주변 텍스트에 관련 키워드를 포함하여 검색엔진이 이미지와 페이지의 연관성을 파악할 수 있도록 합니다.
예: 파일명: wordpress-image-optimization.jpg메타데이터 선택적 제거 촬영 정보나 위치 데이터처럼 SEO에 필요하지 않은 메타데이터만 제거하고, 제목과 설명은 유지하는 것도 좋은 방법입니다. 이를 통해 불필요한 데이터로 인한 파일 크기 증가는 방지하면서 SEO 관련 정보는 유지할 수 있습니다.
이미지 최적화 도구 사용 워드프레스 사용자는 Smush와 같은 플러그인을 활용해 이미지 최적화를 간단히 수행할 수 있으며 이러한 플러그인은 메타데이터 제거뿐만 아니라 파일 압축, 자동 리사이즈, Lazy Load 기능 등을 지원하여 전체적인 성능 향상에 기여합니다.
웹P 포맷 변환 WebP는 JPEG나 PNG보다 파일 크기를 크게 줄일 수 있는 이미지 포맷으로 메타데이터 제거와 함께 WebP로 변환하면 추가적인 속도 개선 효과를 얻을 수 있습니다.
저 같은 경우 Imagify 플러그인을 통해 자동으로 JPG, PNG, TIFF 등등의 이미지 포맷을 Webp 포맷으로 자동으로 변환하고 있으며 티스토리나 네이버블로그등을 운영한다면 무료로 Convert 웹페이지를 이용합니다.
메타데이터 제거 후 효과 측정
이미지 최적화 작업이 완료되면 구글 페이지 스피드 인사이트를 사용해 페이지 속도를 다시 측정해보세요. 메타데이터 제거와 최적화 설정을 통해 로딩 속도가 개선되었는지 확인할 수 있으며 특히 데스크톱과 모바일 모두에서 점수가 상승했다면 최적화 작업이 성공적으로 이루어진 것입니다.
이미지 메타데이터 제거는 페이지 로딩 속도를 개선하고 보안을 강화하는 데 유용한 방법 중 하나이지만 SEO에 중요한 정보가 포함된 경우, 이를 무조건 제거하기보다는 선택적으로 활용하고, ALT 태그와 파일명을 최적화하는 방식으로 보완하는 것이 바람직하지만 매번 글을 쓸때마다 이런 메타데이터 작성으로 인해 시간을 허비한다느것도 쉽지 않기 때문에 필요에 따라 사용하느것을 추천합니다.
참고 : WebP로 워드프레스 이미지 압축! Imagify의 강력한 기능과 다른 플러그인 비교
TIP: 메타데이터 제거 후에도 ALT 태그와 파일명을 SEO에 맞게 작성하고, 페이지 콘텐츠와 연관된 키워드를 자연스럽게 포함하세요. 이를 통해 메타데이터 제거의 단점을 충분히 보완할 수 있습니다.