๐ŸŸฉ Frontend-HTML & CSS & +JS/๐Ÿ”ฐHTML & CSS & JQ

[SEO] ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™” SEO ์ฒดํฌ๋ฆฌ์ŠคํŠธ (ํผ๋ธ”๋ฆฌ์…”์šฉ)

ramen2 2025. 5. 14. 22:34
๋ฐ˜์‘ํ˜•

๐Ÿ“Œํผ๋ธ”๋ฆฌ์…”๊ฐ€ ๊ผญ ์•Œ์•„์•ผ ํ•  SEO ํ•ต์‹ฌ ์ฒดํฌ๋ฆฌ์ŠคํŠธ

โœ… Title ํƒœ๊ทธ ์„ค์ • ํŽ˜์ด์ง€๋งˆ๋‹ค ๊ณ ์œ ํ•˜๊ณ  ํ•ต์‹ฌ ํ‚ค์›Œ๋“œ ํฌํ•จ
โœ… Meta Description ์ž‘์„ฑ 90~160์ž ์ด๋‚ด ์š”์•ฝ๋ฌธ, ํด๋ฆญ ์œ ๋„ ๋ฌธ๊ตฌ ํฌํ•จ
โœ… h1 ํƒœ๊ทธ 1๊ฐœ๋งŒ ์‚ฌ์šฉ ํŽ˜์ด์ง€ ๋‚ด ํ•ต์‹ฌ ์ œ๋ชฉ์€ ํ•˜๋‚˜๋งŒ, ํ‚ค์›Œ๋“œ ํฌํ•จ
โœ… ์ด๋ฏธ์ง€ alt ์†์„ฑ ์‹œ๊ฐ ์ •๋ณด ์„ค๋ช… + ํ‚ค์›Œ๋“œ ๊ณ ๋ ค
โœ… semantic ํƒœ๊ทธ ์‚ฌ์šฉ <section>, <article>, <nav> ๋“ฑ ์˜๋ฏธ ์žˆ๋Š” ๊ตฌ์กฐํ™”
โœ… ๋งํฌ์— rel ์†์„ฑ ์‚ฌ์šฉ ์™ธ๋ถ€ ๋งํฌ์—” rel="noopener noreferrer" ๋˜๋Š” nofollow
โœ… ๋‚ด๋ถ€๋งํฌ ๊ตฌ์กฐ ์ค‘์š” ํŽ˜์ด์ง€๋กœ ์—ฐ๊ฒฐ, ์‚ฌ์šฉ์ž ํ๋ฆ„ ๊ณ ๋ ค
โœ… URL ๊ตฌ์กฐ ์งง๊ณ  ๋ช…ํ™•ํ•œ URL, ์†Œ๋ฌธ์ž ์‚ฌ์šฉ, ์–ธ๋”๋ฐ” ๋Œ€์‹  ํ•˜์ดํ”ˆ(-)
โœ… ๋กœ๋”ฉ ์†๋„ ์ตœ์ ํ™” ์ด๋ฏธ์ง€ ์••์ถ•, ๋ถˆํ•„์š”ํ•œ JS ์ œ๊ฑฐ
โœ… ๋ชจ๋ฐ”์ผ ์ตœ์ ํ™” ๋ฐ˜์‘ํ˜• ๊ตฌ์กฐ, ํ„ฐ์น˜ UX ๊ณ ๋ ค
โœ… favicon ์„ค์ • ๋ธŒ๋žœ๋“œ ์‹ ๋ขฐ๋„ ์ƒ์Šน
โœ… Open Graph ํƒœ๊ทธ SNS ๊ณต์œ  ์‹œ ์ธ๋„ค์ผ ๋ฐ ์š”์•ฝ ์ •๋ณด ์ถœ๋ ฅ

 

 

 

1. Title ํƒœ๊ทธ๋Š” ํŽ˜์ด์ง€์˜ ์–ผ๊ตด

๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ์—์„œ ๊ฐ€์žฅ ๋จผ์ € ๋ณด์ด๋Š” ์š”์†Œ. ํŽ˜์ด์ง€๋งˆ๋‹ค ๊ณ ์œ ํ•˜๊ฒŒ, 50~60์ž ์ด๋‚ด๋กœ ํ•ต์‹ฌ ํ‚ค์›Œ๋“œ๋ฅผ ํฌํ•จํ•ด์„œ ์ž‘์„ฑํ•ด์•ผ ํ•จ.

2. Meta Description์€ ํด๋ฆญ์„ ์œ ๋„ํ•˜๋Š” ํ•œ ์ค„ ๊ด‘๊ณ 

๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ ์š”์•ฝ๋ฌธ์œผ๋กœ, 160์ž ์ด๋‚ด๋กœ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ •ํ™•ํ•œ ๋‚ด์šฉ์„ ์ „๋‹ฌํ•˜๊ณ , ํด๋ฆญ์„ ์œ ๋„ํ•˜๋Š” ๋ฌธ๊ตฌ๋ฅผ ํฌํ•จํ•ด์•ผ ํ•จ.

3. h1 ํƒœ๊ทธ๋Š” ๋‹จ ํ•˜๋‚˜๋งŒ

ํŽ˜์ด์ง€์—์„œ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ์ œ๋ชฉ ํƒœ๊ทธ. ๋ฌด์กฐ๊ฑด ํ•˜๋‚˜๋งŒ ์‚ฌ์šฉํ•˜๋ฉฐ, ํ‚ค์›Œ๋“œ๋ฅผ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ํฌํ•จํ•ด์•ผ ๊ฒ€์ƒ‰์—”์ง„์ด ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์›€.

4. ์ด๋ฏธ์ง€์—๋„ ํ…์ŠคํŠธ๊ฐ€ ์žˆ๋‹ค (alt ์†์„ฑ)

์ด๋ฏธ์ง€์—๋Š” ๋ฐ˜๋“œ์‹œ alt๋ฅผ ๋‹ฌ์•„์•ผ ํ•จ. ์‹œ๊ฐ ์žฅ์• ์ธ์„ ์œ„ํ•œ ์ ‘๊ทผ์„ฑ + ๊ฒ€์ƒ‰์—”์ง„ ํฌ๋กค๋ง์— ๋„์›€์ด ๋จ. ๋‹จ, ๊ณผ๋„ํ•œ ํ‚ค์›Œ๋“œ ์‚ฝ์ž…์€ ์ŠคํŒธ ์ฒ˜๋ฆฌ๋  ์ˆ˜ ์žˆ์Œ.

5. ์‹œ๋งจํ‹ฑ ํƒœ๊ทธ๋กœ ๋ฌธ์„œ ๊ตฌ์กฐํ™”

<div> ๋‚จ๋ฐœ ๋Œ€์‹  <section>, <header>, <article> ๋“ฑ์„ ์‚ฌ์šฉํ•˜๋ฉด ๊ฒ€์ƒ‰์—”์ง„์ด ํŽ˜์ด์ง€ ๊ตฌ์กฐ๋ฅผ ๋” ์ž˜ ํŒŒ์•…ํ•จ. ์ ‘๊ทผ์„ฑ๊ณผ ์œ ์ง€๋ณด์ˆ˜์—๋„ ์ข‹์Œ.

6. ์™ธ๋ถ€๋งํฌ๋Š” rel ์†์„ฑ์œผ๋กœ ๋ณด์•ˆ ๊ฐ•ํ™”

์™ธ๋ถ€๋กœ ๋‚˜๊ฐ€๋Š” ๋งํฌ๋Š” rel="noopener noreferrer" ๋˜๋Š” nofollow๋ฅผ ์ถ”๊ฐ€ํ•ด์„œ ๋ณด์•ˆ๊ณผ ๊ฒ€์ƒ‰์—”์ง„ ํ‰๊ฐ€๋ฅผ ์กฐ์ ˆํ•ด์•ผ ํ•จ.

7. ๋‚ด๋ถ€๋งํฌ ์ „๋žต๋„ ์„ค๊ณ„ ํ•„์š”

์‚ฌ์šฉ์ž๊ฐ€ ์‚ฌ์ดํŠธ๋ฅผ ํƒ์ƒ‰ํ•˜๊ธฐ ์‰ฝ๋„๋ก, ์ค‘์š”ํ•œ ํŽ˜์ด์ง€๋กœ ์œ ๋„ํ•˜๋Š” ๋‚ด๋ถ€๋งํฌ๋ฅผ ๊ตฌ์„ฑํ•ด์•ผ ํ•จ. ์ด๊ฑด UX์™€ SEO ๋ชจ๋‘์— ์ค‘์š”ํ•จ.

8. URL์€ ์งง๊ณ , ์˜๋ฏธ ์žˆ๊ฒŒ

์˜ˆ: https://example.com/seo-guide ์ด๋Ÿฐ ์‹์œผ๋กœ ํ‚ค์›Œ๋“œ๋ฅผ ๋„ฃ๊ณ , ์–ธ๋”๋ฐ”(_) ๋ง๊ณ  ํ•˜์ดํ”ˆ(-) ์‚ฌ์šฉ. ๊ฐ€๋Šฅํ•˜๋ฉด ์˜๋ฌธ ์†Œ๋ฌธ์ž ์‚ฌ์šฉ.

9. ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„๋Š” SEO ์ ์ˆ˜์— ์ง์ ‘ ์˜ํ–ฅ

์ด๋ฏธ์ง€ ์šฉ๋Ÿ‰ ์ค„์ด๊ธฐ, ๋ถˆํ•„์š”ํ•œ JS ์ œ๊ฑฐ, ํฐํŠธ ์ตœ์ ํ™” ๋“ฑ์„ ํ†ตํ•ด ์†๋„๋ฅผ ๋†’์ด๋ฉด SEO ์ ์ˆ˜๋„ ๋”ฐ๋ผ ์˜ฌ๋ผ๊ฐ.

10. ๋ชจ๋ฐ”์ผ ํผ์ŠคํŠธ๋Š” ์ด์ œ ์„ ํƒ์ด ์•„๋‹˜

๋ฐ˜์‘ํ˜• ์›น์€ ๊ธฐ๋ณธ. ๋ชจ๋ฐ”์ผ์—์„œ์˜ ๊ธ€์”จ ํฌ๊ธฐ, ํ„ฐ์น˜ ์˜์—ญ, ๋ฉ”๋‰ด UX ๋“ฑ์„ ๊ณ ๋ คํ•œ ํผ๋ธ”๋ฆฌ์‹ฑ์€ SEO์— ํฐ ์˜ํ–ฅ์„ ์คŒ.

11. favicon์€ ์ž‘์€ ์‹ ๋ขฐ

๋ธŒ๋ผ์šฐ์ € ํƒญ์— ๋œจ๋Š” ์ž‘์€ ์•„์ด์ฝ˜์ด์ง€๋งŒ, ๋ธŒ๋žœ๋“œ ์‹ ๋ขฐ๋„์™€ ์‚ฌ์ดํŠธ ์ธ์ง€๋„๋ฅผ ๋†’์ด๋Š” ๋ฐ ๋„์›€ ๋จ.

12. SNS ๊ณต์œ  ๋Œ€๋น„ Open Graph ์„ค์ •

ํŽ˜์ด์Šค๋ถ, ์นด์นด์˜คํ†ก ๊ณต์œ ํ•  ๋•Œ ์ด๋ฏธ์ง€์™€ ์š”์•ฝ๊ธ€์ด ์ž˜ ๋‚˜์˜ค๋„๋ก <meta property="og:..."> ํƒœ๊ทธ๋ฅผ ์ž‘์„ฑํ•˜๋ฉด ์ข‹์Œ.

๋ฐ˜์‘ํ˜•