๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๊ด‘๊ณ  ๋ฐฐ๋„ˆ
SEO/seo-tips

[๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™”] ์•„์ดํ”„๋ ˆ์ž„ ์š”์†Œ์— ์ œ๋ชฉ์ด ์—†์Œ ์˜ค๋ฅ˜ ๊ฐœ์„  ์‚ฌํ•ญ

๊ตฌ๊ธ€ํŽ˜์ด์ง€ ์Šคํ”ผ๋“œ์—์„œ ์˜ค๋ฅ˜ ์‚ฌ์ดํŠธ, ๋ธ”๋กœ๊ทธ ์ ‘๊ทผ์„ฑ ๊ฐœ์„  ๋ฐฉ๋ฒ•

์•„์ดํ”„๋ ˆ์ž„ ์š”์†Œ์— ์ œ๋ชฉ์ด ์—†์Œ ์˜ค๋ฅ˜

๊ฒ€์ƒ‰ ์ตœ์ ํ™” ์ž‘์—…์ค‘ ์•„์ดํ”„๋ ˆ์ž„์— ์š”์†Œ์— ์ œ๋ชฉ์ด ์—†์Œ์€ ์ ‘๊ทผ์„ฑ ๊ฐœ์„  ์š”์ฒญ ์‚ฌํ•ญ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ๋Š” ์›น ์ ‘๊ทผ์„ฑ์— ๋Œ€ํ•œ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค. ์›น ์ ‘๊ทผ์„ฑ์€ ์‹œ๊ฐ์  ์ฒญ๊ฐ์  ์žฅ์• ๋ฅผ ๊ฐ€์ง„ ์‚ฌ์šฉ์ž๋“ค์—๊ฒŒ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜๋Š” ๋ฐ ์žˆ์–ด ์ค‘์š”ํ•œ ์š”์†Œ์ž…๋‹ˆ๋‹ค. ๋ธ”๋กœ๊ทธ๋ฅผ ์šด์˜ํ•˜๋‹ค ๋ณด๋ฉด iframe ์š”์†Œ์— ์ œ๋ชฉ(title) ์†์„ฑ ๋ˆ„๋ฝ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ์ ‘๊ทผ์„ฑ ํ‰๊ฐ€ ๋„๊ตฌ์—์„œ ๊ฐœ์„ ์ด ํ•„์š”ํ•˜๋‹ค๋Š” ๊ฒฝ๊ณ ๋กœ ๋‚˜ํƒ€๋‚˜๊ธฐ๋„ ํ•˜๋ฉฐ, ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋ฐฉ์‹์œผ๋กœ ์ผ๋ถ€ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์•„์ดํ”„๋ ˆ์ž„ ์š”์†Œ์— ์ œ๋ชฉ์ด ์—†์Œ ์ˆ˜์ • ๋ฐฉ๋ฒ•

iframe ์š”์†Œ์˜ title ์†์„ฑ์€ ์ ‘๊ทผ์„ฑ ์ธก๋ฉด์—์„œ ๋งค์šฐ ์ค‘์š”ํ•˜๊ณ , ์Šคํฌ๋ฆฐ ๋ฆฌ๋”๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ์šฉ์ž๋“ค์—๊ฒŒ ํ•ด๋‹น ํ”„๋ ˆ์ž„์˜ ๋‚ด์šฉ์„ ์„ค๋ช…ํ•ด์ฃผ๋Š” ๋ฐ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋™์ ์œผ๋กœ ์ฝ˜ํ…์ธ ๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๊ฒฝ์šฐ๋Š” ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ํž˜๋“ญ๋‹ˆ๋‹ค.

๋™์ ์ฝ”๋“œ์˜ ํ•ด๊ฒฐ์˜ ๋ฌธ์ œ์ 

  • ์ž๋™ ์ƒ์„ฑ๋œ ์ฝ”๋“œ ์ˆ˜์ •์˜ ์–ด๋ ค์›€: iframe์ด ๋™์ ์œผ๋กœ ์‚ฝ์ž…๋˜๊ธฐ ๋•Œ๋ฌธ์— HTML ํŒŒ์ผ์—์„œ ์ง์ ‘ ์ˆ˜์ •์„ ์‹œ๋„ํ•ด๋„ ์ ์šฉ๋˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • pagespeed ์ ‘๊ทผ์„ฑ ๊ฒฝ๊ณ : div#wrap > header#header > div.inner > a ๊ฒฝ๋กœ์— iframe์ด ํฌํ•จ๋œ ๊ฒฝ์šฐ, title ์†์„ฑ์ด ๋ˆ„๋ฝ๋˜์—ˆ๋‹ค๋Š” ๊ฒฝ๊ณ ๊ฐ€ ๋‚˜ํƒ€๋‚  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์ฝ”๋”ฉ์˜ ๋ณต์žก์„ฑ: ์ฝ”๋“œ ์ˆ˜์ • ์ž‘์—…์€ ์ผ๋ฐ˜ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ถ€๋‹ด์ด ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋™์  ์•„์ดํ”„๋ ˆ์ž„ title ์š”์†Œ ์ถ”๊ฐ€ ํ•˜๊ธฐ

HTML ํŽ˜์ด์ง€์—์„œ title ์†์„ฑ์€ ์ ‘๊ทผ์„ฑ์— ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ์‹œ๊ฐ ์žฅ์• ์ธ ๋“ฑ ์žฅ์• ๊ฐ€ ์žˆ๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์›น ํŽ˜์ด์ง€๋ฅผ ํƒ์ƒ‰ํ• ๋•Œ ํ•„์š”ํ•œ ๊ธฐ๋Šฅ์œผ๋กœ์จ ์ ‘๊ทผ์„ฑ ๊ฐœ์„  ์‚ฌํ•ญ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ์ง์ ‘ ์ฝ”๋”ฉ์„ ํ• ๋•Œ๋Š” ๋ˆ„๋ฝ์‹œ ๋ณธ์ธ์ด ์ง์ ‘ ์ˆ˜์ •ํ•˜๋ฉด ๋˜์ง€๋งŒ ๋™์ ์œผ๋กœ ์ƒ์„ฑ๋˜๊ฑฐ๋‚˜ ๋ณ€๊ฒฝ๋˜๋Š” ์ฝ”๋“œ๋Š” ์ง์ ‘ ์ˆ˜์ •์ด ์‰ฝ์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ฝ”๋“œ์— ๋Œ€ํ•œ ์ „๋ฌธ์ ์ธ ์ง€์‹๋„ ํ•„์š”ํ•˜๊ณ  ์ฝ”๋”ฉ ์ž‘์—…๋„ ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋ž˜์„œ ๊ฐ„๋‹จํ•˜๊ฒŒ javaScript๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ง„ํ–‰ํ•˜๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ์ฃผ๋กœ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ํ•˜๋‚˜๋กœ DOMContentLoaded ์ฝ”๋“œ๋ฅผ ์ด์šฉํ•ด์„œ ํ•˜๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค.

์•„์ดํ”„๋ ˆ์ž„ ์š”์†Œ์— ์ œ๋ชฉ์ด ์—†์Œ
์•„์ดํ”„๋ ˆ์ž„ ์š”์†Œ์— ์ œ๋ชฉ์ด ์—†์Œ

JavaScript๋กœ ๋™์  ์ˆ˜์ •

์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋Š” JavaScript๋ฅผ ํ™œ์šฉํ•ด ๊ฐ„๋‹จํžˆ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ, ๋ธŒ๋ผ์šฐ์ €๊ฐ€ HTML ๋ฌธ์„œ๋ฅผ ๋ถ„์„ํ•˜๊ณ  DOM ํŠธ๋ฆฌ๋ฅผ ์™„์„ฑํ•œ ํ›„ ์›ํ•˜๋Š” ์š”์†Œ๋ฅผ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๋Š” DOMContentLoaded ์ด๋ฒคํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค.

DOMContentLoaded๋ž€?

DOMContentLoaded๋Š” ๋ธŒ๋ผ์šฐ์ €๊ฐ€ HTML ๋ฌธ์„œ๋ฅผ ์ฝ๊ณ  DOM ํŠธ๋ฆฌ๋ฅผ ์ƒ์„ฑํ–ˆ์„ ๋•Œ ๋ฐœ์ƒํ•˜๋Š” ์ด๋ฒคํŠธ์ž…๋‹ˆ๋‹ค. ์ด ์‹œ์ ์„ ํ™œ์šฉํ•˜๋ฉด HTML ์š”์†Œ๊ฐ€ ๋ชจ๋‘ ๋กœ๋“œ๋œ ํ›„ ํ•„์š”ํ•œ ์†์„ฑ์„ ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ธŒ๋ผ์šฐ์ €๊ฐ€ HTML ๋ฌธ์„œ๋ฅผ ์ฝ๊ณ  DOM(Document Object Model) ํŠธ๋ฆฌ ํ˜•ํƒœ๋กœ ๋ณ€ํ™˜์„ ํ•˜๋Š”๋ฐ ๊ทธ๋•Œ HTML๋ฌธ์„œ์˜ ์†์„ฑ,์š”์†Œ,ํƒœ๊ทธ๋“ฑ์„ ๋ถ„์„ํ•ด์„œ ํŠธ๋ฆฌํ˜•ํƒœ์˜ ๊ตฌ์กฐ๋ฅผ ํ˜•์„ฑํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ์ด๋•Œ JavaScript๋‚˜ CSS์™€ ๊ฐ™์€ ์Šคํฌ๋ฆฝํŠธ์™€ ์Šคํƒ€์ผ์„ ์ ์šฉํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋•Œ ์›ํ•˜๋Š”์ฝ”๋“œ๋ฅผ ํŽ˜์ด์ง€ ๋ Œ๋”๋ง ํ• ๋•Œ ํ•„์š”ํ•œ ์š”์†Œ๋ฅผ ์‚ฝ์ž…ํ•˜๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ

์•„๋ž˜๋Š” iframe์— ๋ˆ„๋ฝ๋œ title ์†์„ฑ์„ ์ถ”๊ฐ€ํ•˜๋Š” JavaScript ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค. ์ด ์ฝ”๋“œ๋ฅผ ํŽ˜์ด์ง€ ๋‚ด๋ถ€์— ์‚ฝ์ž…ํ•˜๋ฉด ์ž๋™์œผ๋กœ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

<script>
window.addEventListener('DOMContentLoaded', function() {
    var iframe = document.getElementById('editEntry');
    if (iframe) {
        iframe.setAttribute('title', 'ํ‹ฐ์Šคํ† ๋ฆฌ๋ธ”๋กœ๊ทธ');
    }
});
</script>

์œ„์— ์ฝ”๋“œ๋ฅผ HEAD ์‚ฌ์ด์— ์ถ”๊ฐ€ํ•˜์‹œ๊ฒŒ ๋˜๋ฉด ์ž๋™์œผ๋กœ ํ•„์š”ํ•œ ์š”์†Œ TITLE ์†์„ฑ์„ ์ถ”๊ฐ€ํ•˜๋ฏ€๋กœ ๋ˆ„๋ฝ๋œ ์ฝ”๋“œ๋ฅผ ๋Œ€์ฒ˜ํ•  ์ˆ˜์žˆ๋Š” ๊ฐ„๋‹จํ•œ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ๋ณธ์ธ์— ๋งž๊ฒŒ ์ˆ˜์ •ํ•ด์„œ ์‚ฌ์šฉํ•˜์…”๋„ ๋˜๊ณ , ๋งŒ์•ฝ ์•„๋ž˜์™€ ๊ฐ™์ด ๋˜‘๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ๋ฐœ๊ฒฌ๋˜๋‹ค๋ฉด ํƒ€์ดํ‹€ ์†์„ฑ๋งŒ ๋ณธ์ธ์ด ์›ํ•˜๋Š” ํƒ€์ดํ‹€๋กœ ์ˆ˜์ •ํ•ด์„œ ๊ทธ๋Œ€๋กœ ์‚ฌ์šฉํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

๋ฐ˜์‘ํ˜•

'SEO > seo-tips' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[SEO ์ตœ์ ํ™” ] ํšจ๊ณผ์ ์ธ SEO ์ตœ์ ํ™” ์ „๋žต 6๊ฐ€์ง€ ์†Œ๊ฐœ  (0) 2024.12.30
[ SEO ์ตœ์ ํ™” ] LCP(์ตœ๋Œ€ ์ฝ˜ํ…์ธ  ๋ Œ๋”๋ง ์‹œ๊ฐ„) ์ตœ์ ํ™” ๋ฐฉ๋ฒ•  (2) 2024.12.21
[ ๋ธ”๋กœ๊ทธ ๊ธ€ ์ œ๋ชฉ ์ž‘์„ฑ๋ฒ• ] ๋ธ”๋กœ๊ทธ ๊ธ€ ์ œ๋ชฉ ์ˆ˜์™€ ๊ธ€ ์š”์•ฝ ๊ธ€์ž์ˆ˜ ์ œํ•œ ํ•˜๊ธฐ  (1) 2024.12.15
[ ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™” ] ํŠน์ • ํŽ˜์ด์ง€๋งŒ ์ƒ‰์ธ ๋ฐฉ์ง€ํ•˜๋Š” ์ฝ”๋“œ ํ™œ์šฉ ๋ฐฉ๋ฒ•๊ณผ ์ค‘์š”์„ฑ  (0) 2024.12.05
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๋‹จ์ถ•ํ‚ค๋กœ ๋ธ”๋กœ๊ทธ ์ž‘์„ฑ์‹œ ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์œผ๋กœ ์ž‘์—…ํ•˜๊ธฐ  (0) 2024.12.04
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๋””์ž์ธ ์ตœ์ ํ™”! ์ฝ˜ํ…์ธ  ์š”์†Œ ๋ฐฐ์น˜ ์ „๋žต  (0) 2024.11.29
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ๋น™ ๊ฒ€์ƒ‰์—”์ง„์— ์‚ฌ์ดํŠธ๋งต ์˜ค๋ฅ˜ ๋ฌธ์ œ 429 ์˜ค๋ฅ˜  (2) 2024.11.28