λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
openipc.kr
SEO

[ 이미지 메타데이터 ν™œμš©λ²• ] κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λ‘œ SEO μ„±κ³Ό 높이기


λ°˜μ‘ν˜•

이미지 메타데이터 ν™œμš©λ²•: κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λ‘œ SEO μ„±κ³Ό 높이기

μ›Ήμ‚¬μ΄νŠΈλ₯Ό μš΄μ˜ν•˜κ±°λ‚˜ λΈ”λ‘œκ·Έλ₯Ό μž‘μ„±ν•˜λŠ” 데 μžˆμ–΄ μ΄λ―Έμ§€λŠ” SEO(검색엔진 μ΅œμ ν™”)λŠ” μ€‘μš”ν•œ μš”μ†Œμž…λ‹ˆλ‹€. κ²€μƒ‰μ—”μ§„μ—μ„œ 더 λ§Žμ€ λ…ΈμΆœμ„ μ–»κΈ° μœ„ν•΄μ„œλŠ” μ›Ήμ‚¬μ΄νŠΈμ˜ μ½˜ν…μΈ κ°€ μ–΄λ–»κ²Œ κ΅¬μ„±λ˜κ³ , μ–΄λ–»κ²Œ ν‘œμ‹œλ˜λŠ”μ§€μ— λŒ€ν•œ 정보λ₯Ό μ •ν™•νžˆ μ œκ³΅ν•˜λŠ” 것이 μ€‘μš”ν•©λ‹ˆλ‹€. 이 λ•Œ, κ΅¬μ‘°ν™”λœ 데이터λ₯Ό ν™œμš©ν•˜λ©΄ μ΄λŸ¬ν•œ 정보가 검색엔진에 λͺ…ν™•ν•˜κ²Œ μ „λ‹¬λ˜μ–΄ 검색 κ²°κ³Όμ—μ„œ μœ λ¦¬ν•œ μœ„μΉ˜λ₯Ό 차지할 수 μžˆμŠ΅λ‹ˆλ‹€.

μ˜€λŠ˜μ€ 이미지 메타데이터λ₯Ό κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λ‘œ λ™μ μœΌλ‘œ μƒμ„±ν•˜λŠ” 방법과 κ·Έ ν•„μš”μ„±, 그리고 μž₯점에 λŒ€ν•΄ λ‹€λ€„λ³΄κ² μŠ΅λ‹ˆλ‹€.

이미지 메타데이터 κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λ‘œ 검색엔진 μ΅œμ ν™”ν•˜κΈ°

κ΅¬μ‘°ν™”λœ λ°μ΄ν„°μ˜ ν•„μš”μ„±κ³Ό μž₯점
이미지 메타데이터λ₯Ό ν™œμš©ν•œ SEO μ΅œμ ν™”

1. κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λž€?

κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λŠ” μ›Ή νŽ˜μ΄μ§€ λ‚΄ μ½˜ν…μΈ κ°€ 무엇을 μ˜λ―Έν•˜λŠ”μ§€, κ·Έ 관계λ₯Ό λͺ…ν™•νžˆ μ •μ˜ν•˜λŠ” 데이터 ν˜•μ‹μž…λ‹ˆλ‹€. 이λ₯Ό 톡해 검색엔진은 νŽ˜μ΄μ§€μ˜ λ‚΄μš©μ„ 더 μ‰½κ²Œ μ΄ν•΄ν•˜κ³ , 더 μ •ν™•ν•˜κ²Œ 검색 결과에 λ°˜μ˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€. κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λŠ” 주둜 JSON-LD, RDFa, Microdata ν˜•μ‹μœΌλ‘œ μ œκ³΅λ©λ‹ˆλ‹€.

κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λŠ” ꡬ글, λΉ™, 넀이버 λ“± μ£Όμš” κ²€μƒ‰μ—”μ§„μ—μ„œ μ›Ή νŽ˜μ΄μ§€λ₯Ό μ΄ν•΄ν•˜κ³  ν¬λ‘€λ§ν•˜λŠ” 데 μ€‘μš”ν•œ 역할을 ν•©λ‹ˆλ‹€. 특히 이미지와 같은 λ©€ν‹°λ―Έλ””μ–΄ μ½˜ν…μΈ μ˜ 경우, 메타데이터λ₯Ό κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λ‘œ μ œκ³΅ν•˜λ©΄, 검색엔진이 ν•΄λ‹Ή 이미지λ₯Ό 더 μ •ν™•ν•˜κ²Œ μΈμ‹ν•˜κ³  적절히 색인화할 수 μžˆμŠ΅λ‹ˆλ‹€.

2. 이미지 λ©”νƒ€λ°μ΄ν„°μ˜ μ€‘μš”μ„±

이미지 λ©”νƒ€λ°μ΄ν„°λŠ” 이미지가 무엇을 μ˜λ―Έν•˜λŠ”μ§€ μ„€λͺ…ν•˜λŠ” μ •λ³΄μž…λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, μ΄λ―Έμ§€μ˜ 크기, μ„€λͺ…, λΌμ΄μ„ΌμŠ€ 정보, μ €μž‘κΆŒ 등을 ν¬ν•¨ν•˜λŠ” λ°μ΄ν„°μž…λ‹ˆλ‹€. μ›Ήμ‚¬μ΄νŠΈμ— 이미지λ₯Ό μ‚¬μš©ν•  λ•Œ, λ‹¨μˆœνžˆ μ΄λ―Έμ§€μ˜ URL을 μ‚½μž…ν•˜λŠ” κ²ƒλ§ŒμœΌλ‘œλŠ” 검색엔진이 κ·Έ 이미지에 λŒ€ν•΄ μ •ν™•νžˆ 이해할 수 μ—†μŠ΅λ‹ˆλ‹€. λ”°λΌμ„œ 이미지에 λŒ€ν•œ 좔가적인 정보λ₯Ό μ œκ³΅ν•΄μ•Ό ν•©λ‹ˆλ‹€.

3. 이미지 메타데이터λ₯Ό κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λ‘œ μ œκ³΅ν•˜λŠ” 이유

이미지 메타데이터λ₯Ό κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λ‘œ μ œκ³΅ν•˜λŠ” 것은 검색엔진 μ΅œμ ν™”(SEO)에 맀우 μ€‘μš”ν•œ 역할을 ν•©λ‹ˆλ‹€. 주둜 λ‹€μŒκ³Ό 같은 μ΄μœ μ—μ„œ κ΅¬μ‘°ν™”λœ 데이터가 ν•„μš”ν•©λ‹ˆλ‹€:

3.1. κ²€μƒ‰μ—”μ§„μ˜ μ •ν™•ν•œ 이해λ₯Ό 돕기

이미지λ₯Ό ν¬ν•¨ν•œ νŽ˜μ΄μ§€κ°€ 검색엔진에 μ˜ν•΄ 더 μ •ν™•νžˆ λΆ„μ„λ˜λ„λ‘ ν•©λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, μ΄λ―Έμ§€μ˜ alt ν…μŠ€νŠΈ, 크기, μ €μž‘κΆŒ 정보, λΌμ΄μ„ΌμŠ€ 등을 κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λ‘œ μ œκ³΅ν•˜λ©΄, ꡬ글은 ν•΄λ‹Ή 이미지λ₯Ό 더 μ •ν™•ν•˜κ²Œ 색인화할 수 μžˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ, ꡬ글 이미지 κ²€μƒ‰μ—μ„œ ν•΄λ‹Ή 이미지λ₯Ό 더 효과적으둜 ν‘œμ‹œν•  수 μžˆμŠ΅λ‹ˆλ‹€.

λ°˜μ‘ν˜•

3.2. 리치 κ²°κ³Ό(Rich Result)둜 더 λ§Žμ€ λ…ΈμΆœ

κ΅¬μ‘°ν™”λœ 데이터λ₯Ό μ‚¬μš©ν•˜λ©΄, κ΅¬κΈ€μ˜ 리치 κ²°κ³Ό(Rich Result)둜 이미지가 λ…ΈμΆœλ  ν™•λ₯ μ΄ λ†’μ•„μ§‘λ‹ˆλ‹€. 리치 κ²°κ³ΌλŠ” κ²€μƒ‰κ²°κ³Όμ—μ„œ 더 μ‹œκ°μ μœΌλ‘œ λ‹λ³΄μ΄κ²Œ ν‘œμ‹œλ˜λŠ” λ°©μ‹μœΌλ‘œ, μ‚¬μš©μžκ°€ 더 μ‰½κ²Œ ν΄λ¦­ν•˜λ„λ‘ μœ λ„ν•©λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, 이미지 미리보기, μΊ‘μ…˜, μ €μž‘κΆŒ λ“±μ˜ 정보가 κ²€μƒ‰κ²°κ³Όμ—μ„œ 직접 ν‘œμ‹œλ©λ‹ˆλ‹€.

3.3. μ •ν™•ν•œ μ €μž‘κΆŒ 정보 제곡

이미지에 λŒ€ν•œ μ €μž‘κΆŒ 정보λ₯Ό κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λ‘œ μ œκ³΅ν•˜λ©΄, μ΄λ―Έμ§€μ˜ μ €μž‘κΆŒμžκ°€ λˆ„κ΅°μ§€ λͺ…ν™•νžˆ μ•Œ 수 μžˆμŠ΅λ‹ˆλ‹€. μ΄λŠ” μ›Ήμ‚¬μ΄νŠΈμ—μ„œ 이미지λ₯Ό μ‚¬μš©ν•˜λŠ” 데 μžˆμ–΄ 법적 문제λ₯Ό μ˜ˆλ°©ν•  수 μžˆλŠ” μ€‘μš”ν•œ μš”μ†Œμž…λ‹ˆλ‹€. λ˜ν•œ, μ €μž‘κΆŒ μ •λ³΄λŠ” 이미지가 ν•©λ²•μ μœΌλ‘œ μ‚¬μš©λ˜κ³  μžˆλ‹€λŠ” 신뒰성을 μ œκ³΅ν•˜λ―€λ‘œ, κ²€μƒ‰μ—”μ§„μ—μ„œ ν•΄λ‹Ή μ΄λ―Έμ§€μ˜ κ°€μΉ˜λ₯Ό λ†’κ²Œ 평가할 수 μžˆμŠ΅λ‹ˆλ‹€.

3.4. λΌμ΄μ„ΌμŠ€μ™€ 이미지 μ‚¬μš©λ²• 제곡

λΌμ΄μ„ΌμŠ€ 정보와 이미지 μ‚¬μš©λ²• νŽ˜μ΄μ§€λ₯Ό μ œκ³΅ν•˜λ©΄, ν•΄λ‹Ή 이미지가 μ–΄λ–»κ²Œ μ‚¬μš©λ  수 μžˆλŠ”μ§€μ— λŒ€ν•œ 정보λ₯Ό λͺ…ν™•νžˆ 전달할 수 μžˆμŠ΅λ‹ˆλ‹€. 검색엔진은 이λ₯Ό 톡해 ν•΄λ‹Ή 이미지가 μ–΄λ””μ„œ μ‚¬μš© κ°€λŠ₯ν•œμ§€, μ‚¬μš© 쑰건은 무엇인지λ₯Ό μ΄ν•΄ν•˜κ²Œ λ©λ‹ˆλ‹€. 이λ₯Ό 톡해 이미지에 λŒ€ν•œ μ •ν™•ν•œ 정보λ₯Ό μ œκ³΅ν•˜κ³ , κ²€μƒ‰κ²°κ³Όμ—μ„œμ˜ 신뒰도와 κ°€μ‹œμ„±μ„ 높일 수 μžˆμŠ΅λ‹ˆλ‹€.

이미지 메타데이터λ₯Ό 확인 ν• μˆ˜ μžˆλŠ” 방법

4. κ΅¬μ‘°ν™”λœ λ°μ΄ν„°μ˜ κ΅¬ν˜„ 방법

κ΅¬μ‘°ν™”λœ 데이터λ₯Ό μ›Ή νŽ˜μ΄μ§€μ— μ‚½μž…ν•˜λŠ” 방법은 맀우 κ°„λ‹¨ν•©λ‹ˆλ‹€. JavaScriptλ₯Ό μ‚¬μš©ν•˜μ—¬ λ™μ μœΌλ‘œ 데이터λ₯Ό μƒμ„±ν•˜κ±°λ‚˜, CMSμ—μ„œ μ œκ³΅ν•˜λŠ” ν”ŒλŸ¬κ·ΈμΈ 등을 톡해 κ΅¬μ‘°ν™”λœ 데이터λ₯Ό μΆ”κ°€ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, μ•„λž˜μ˜ μ½”λ“œλŠ” 이미지λ₯Ό λ™μ μœΌλ‘œ μ„ νƒν•˜κ³ , κ·Έ 메타데이터λ₯Ό JSON-LD ν˜•μ‹μœΌλ‘œ μƒμ„±ν•˜μ—¬ νŽ˜μ΄μ§€μ— μ‚½μž…ν•˜λŠ” μ˜ˆμ‹œμž…λ‹ˆλ‹€.

 window.onload = function() { const images = document.querySelectorAll('.tt_article_useless_p_margin.contents_style img'); if (images.length > 0) { let scriptTag = document.getElementById('dynamicImageMetadata'); let currentData = {}; if (scriptTag) currentData = JSON.parse(scriptTag.textContent || '{}'); currentData.images = currentData.images || []; images.forEach((img) => { const imgSrc = img.src; const imgAlt = img.alt || 'No alt text available'; const imgWidth = img.width; const imgHeight = img.height; const imageData = { "@context": "https://schema.org/", "@type": "ImageObject", "contentUrl": imgSrc, "url": imgSrc, "caption": imgAlt, "height": imgHeight.toString(), "width": imgWidth.toString(), "license": "https://everydayhub.tistory.com/", "creator": { "@type": "Person", "name": "arhatnanda" }, "copyrightNotice": "μΌμƒν—ˆλΈŒν‹°μŠ€ν† λ¦¬", "acquireLicensePage": window.location.href }; currentData.images.push(imageData); }); if (scriptTag) { scriptTag.textContent = JSON.stringify(currentData, null, 2); } else { scriptTag = document.createElement('script'); scriptTag.type = 'application/ld+json'; scriptTag.id = 'dynamicImageMetadata'; scriptTag.textContent = JSON.stringify(currentData, null, 2); document.head.appendChild(scriptTag); } } }; 

5. κ΅¬μ‘°ν™”λœ 데이터 적용 ν›„μ˜ μž₯점

5.1. SEO μ„±κ³Ό ν–₯상

κ΅¬μ‘°ν™”λœ 데이터λ₯Ό μ‚¬μš©ν•˜μ—¬ 이미지에 λŒ€ν•œ μΆ”κ°€ 정보λ₯Ό μ œκ³΅ν•¨μœΌλ‘œμ¨, 검색엔진은 ν•΄λ‹Ή 이미지λ₯Ό 더 잘 μ΄ν•΄ν•˜κ³  검색 κ²°κ³Όμ—μ„œ 더 높은 μˆœμœ„λ₯Ό λΆ€μ—¬ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 검색엔진이 이미지λ₯Ό 더 μ •ν™•ν•˜κ²Œ μƒ‰μΈν™”ν•˜λ©΄, ν•΄λ‹Ή 이미지가 κ΄€λ ¨λœ 검색어에 λŒ€ν•΄ λ…ΈμΆœλ  κ°€λŠ₯성이 λ†’μ•„μ§‘λ‹ˆλ‹€.

5.2. μ‚¬μš©μžμ˜ 클릭 μœ λ„

κ²€μƒ‰κ²°κ³Όμ—μ„œ 이미지가 더 λˆˆμ— λ„κ²Œ ν‘œμ‹œλ˜λ©΄, μ‚¬μš©μžκ°€ 더 λ§Žμ€ 클릭을 ν•  ν™•λ₯ μ΄ λ†’μ•„μ§‘λ‹ˆλ‹€. 리치 결과둜 ν‘œμ‹œλ˜λŠ” 이미지 λ―Έλ¦¬λ³΄κΈ°λ‚˜ μΊ‘μ…˜μ€ μ‚¬μš©μžκ°€ νŽ˜μ΄μ§€λ₯Ό ν΄λ¦­ν•˜λ„λ‘ μœ λ„ν•˜λŠ” 데 μ€‘μš”ν•œ 역할을 ν•©λ‹ˆλ‹€.

5.3. μ‹ λ’°μ„± 및 법적 μ•ˆμ „μ„±

μ •ν™•ν•œ μ €μž‘κΆŒ 및 λΌμ΄μ„ΌμŠ€ 정보λ₯Ό μ œκ³΅ν•¨μœΌλ‘œμ¨ 법적인 문제λ₯Ό μ˜ˆλ°©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ, 이미지 μ‚¬μš©λ²•κ³Ό κ΄€λ ¨λœ νŽ˜μ΄μ§€λ₯Ό μ œκ³΅ν•˜λ©΄, 이미지 μ‚¬μš©μ— λŒ€ν•œ 신뒰성을 λ†’μ—¬ μ‚¬μš©μžμ—κ²Œ 더 λ‚˜μ€ κ²½ν—˜μ„ μ œκ³΅ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

κ΅¬μ‘°ν™”λœ λ°μ΄ν„°λŠ” SEO μ΅œμ ν™”μ—μ„œ μ€‘μš”ν•œ 역할을 ν•©λ‹ˆλ‹€. 특히 이미지와 같은 μ‹œκ°μ  μ½˜ν…μΈ μ— λŒ€ν•œ 메타데이터λ₯Ό μ œκ³΅ν•˜λ©΄, 검색엔진이 ν•΄λ‹Ή 이미지λ₯Ό μ΄ν•΄ν•˜κ³  적절히 μƒ‰μΈν™”ν•˜λŠ” 데 도움을 μ€λ‹ˆλ‹€. 이λ₯Ό 톡해 리치 결과에 λ…ΈμΆœλ˜κ³ , 더 λ§Žμ€ 클릭과 방문을 μœ λ„ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ›Ήμ‚¬μ΄νŠΈμ˜ μ½˜ν…μΈ μ™€ κ΄€λ ¨λœ μ •ν™•ν•œ 정보λ₯Ό μ œκ³΅ν•˜λŠ” 것은 κ²°κ΅­ 더 λ‚˜μ€ 검색 κ²°κ³Όλ₯Ό κ°€μ Έμ˜€λ©°, μ΄λŠ” μ‚¬μ΄νŠΈμ˜ 성곡적인 μš΄μ˜μ— ν•„μˆ˜μ μΈ μš”μ†Œκ°€ λ©λ‹ˆλ‹€.

λ°˜μ‘ν˜•