Search

SEO

SEO (Search Engine Optimization)

๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”
๊ฒ€์ƒ‰์—”์ง„์ด ์‚ฌ์ดํŠธ๋ฅผ ์ž˜ ์ดํ•ดํ•˜๊ณ  ์ƒ์œ„ ๋…ธ์ถœ๋˜๋„๋ก ๋งŒ๋“œ๋Š” ๋ชจ๋“  ์ž‘์—…

ํ•ต์‹ฌ ์š”์†Œ

1.
๋ฉ”ํƒ€ ์ •๋ณด
2.
์‚ฌ์ดํŠธ ๊ตฌ์กฐ
3.
์ฝ˜ํ…์ธ 
4.
์šด์˜/์„ฑ๋Šฅ

2. ๊ธฐ๋ณธ SEO ํ•„์ˆ˜ ์„ค์ •

2-1. Title & Meta Description

โ€ข
ํŽ˜์ด์ง€๋งˆ๋‹ค ๊ณ ์œ ํ•˜๊ฒŒ ์„ค์ •
โ€ข
๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ์— ์ง์ ‘ ๋…ธ์ถœ๋˜๋Š” ์ •๋ณด
<title>SERI | ๊ฐ€์ „ ๋ชจ๋“ˆํ™” ๊ธฐ์ˆ  ํ”Œ๋žซํผ</title> <meta name="description" content="SERI๋Š” ๊ฐ€์ „ ๋ชจ๋“ˆํ™” ๊ธฐ์ˆ ๊ณผ OEM ์†”๋ฃจ์…˜์„ ์ œ๊ณตํ•˜๋Š” ๊ธฐ์ˆ  ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค.">
HTML
๋ณต์‚ฌ
๊ถŒ์žฅ ๊ทœ์น™
โ€ข
Title: 30~60์ž
โ€ข
Description: 80~160์ž
โ€ข
ํ•ต์‹ฌ ํ‚ค์›Œ๋“œ 1~2๊ฐœ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ํฌํ•จ

2-2. Open Graph (SNS ๊ณต์œ )

โ€ข
์นด์นด์˜คํ†ก / ํŽ˜์ด์Šค๋ถ / ์Šฌ๋ž™ ๊ณต์œ  ์‹œ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
<meta property="og:title" content="SERI ๊ฐ€์ „ ๋ชจ๋“ˆํ™” ๊ธฐ์ˆ  ํ”Œ๋žซํผ"> <meta property="og:description" content="ํšŒ์›์‚ฌ ๊ธฐ์ˆ ์„ ํ•˜๋‚˜๋กœ ๋ชจ์€ ๊ฐ€์ „ ๊ธฐ์ˆ  ํ”Œ๋žซํผ"> <meta property="og:image" content="https://seri.com/og-image.jpg"> <meta property="og:url" content="https://seri.com">
HTML
๋ณต์‚ฌ

2-3. Canonical & Favicon

<link rel="canonical" href="https://seri.com/"> <link rel="icon" href="/favicon.ico">
HTML
๋ณต์‚ฌ
โ€ข
์ค‘๋ณต URL๋กœ ์ธํ•œ SEO ์ ์ˆ˜ ๋ถ„์‚ฐ ๋ฐฉ์ง€

3. ์‚ฌ์ดํŠธ ๊ตฌ์กฐ SEO (๊ฐœ๋ฐœ์ž ํ•ต์‹ฌ ํŒŒํŠธ)

3-1. URL ์„ค๊ณ„

๋‚˜์œ ์˜ˆ
/page?id=123
Plain Text
๋ณต์‚ฌ
์ข‹์€ ์˜ˆ
/products/oem-module /news/seri-launch
Plain Text
๋ณต์‚ฌ
์›์น™
โ€ข
์˜๋ฌธ ์†Œ๋ฌธ์ž
โ€ข
ํ•˜์ดํ”ˆ(-) ์‚ฌ์šฉ
โ€ข
URL๋งŒ ๋ด๋„ ์˜๋ฏธ ํŒŒ์•… ๊ฐ€๋Šฅ

3-2. Heading ๊ตฌ์กฐ (H1~H3)

<h1>๊ฐ€์ „ ๋ชจ๋“ˆํ™” ๊ธฐ์ˆ  ํ”Œ๋žซํผ SERI</h1> <h2>OEM ์‹œ์Šคํ…œ ์ตœ์ ํ™”</h2> <h3>ํšŒ์›์‚ฌ ๊ธฐ์ˆ  ํ†ตํ•ฉ</h3>
HTML
๋ณต์‚ฌ
๊ทœ์น™
โ€ข
H1: ํŽ˜์ด์ง€๋‹น 1๊ฐœ
โ€ข
๋””์ž์ธ์šฉ ์‚ฌ์šฉ ๊ธˆ์ง€
โ€ข
๋ฌธ์„œ ๊ตฌ์กฐ์šฉ

3-3. ์ด๋ฏธ์ง€ ALT ์†์„ฑ

<img src="module.jpg" alt="๊ฐ€์ „ ๋ชจ๋“ˆํ™” ๊ธฐ์ˆ  ์˜ˆ์‹œ ์ด๋ฏธ์ง€">
HTML
๋ณต์‚ฌ
โ€ข
์ด๋ฏธ์ง€ ๊ฒ€์ƒ‰ ์œ ์ž…
โ€ข
์ ‘๊ทผ์„ฑ(Accessibility)

4. ๊ฒ€์ƒ‰์—”์ง„ ๋“ฑ๋ก & ์—ฐ๋™

4-1. Google Search Console

Google Search Console ๊ฐ€์ด๋“œ ๋ฌธ์„œ
โ€ข
์‚ฌ์ดํŠธ ์†Œ์œ ๊ถŒ ์ธ์ฆ
โ€ข
์‚ฌ์ดํŠธ๋งต ์ œ์ถœ
โ€ข
๊ฒ€์ƒ‰์–ด / ๋…ธ์ถœ / ํด๋ฆญ๋ฅ  ํ™•์ธ
๊ธ€๋กœ๋ฒŒ ์„œ๋น„์Šค ํ•„์ˆ˜

4-2. ๋„ค์ด๋ฒ„ ์„œ์น˜์–ด๋“œ๋ฐ”์ด์ €

โ€ข
๊ตญ๋‚ด ์„œ๋น„์Šค๋ผ๋ฉด ํ•„์ˆ˜
โ€ข
robots.txt ๋“ฑ๋ก
โ€ข
sitemap.xml ์ œ์ถœ

4-3. sitemap.xml

<url> <loc>https://seri.com/</loc> <lastmod>2026-02-01</lastmod> </url>
XML
๋ณต์‚ฌ
โ€ข
SPA / React / Spring ๋ชจ๋‘ ํ•„์š”
โ€ข
์ž๋™ ์ƒ์„ฑ ๊ถŒ์žฅ

4-4. robots.txt

User-agent: * Allow: / Sitemap: https://seri.com/sitemap.xml
Plain Text
๋ณต์‚ฌ

5. ํ”„๋ ˆ์ž„์›Œํฌ๋ณ„ SEO ํฌ์ธํŠธ

React / SPA

โ€ข
CSR ๋‹จ๋… ์‚ฌ์šฉ
โ€ข
๊ถŒ์žฅ ๋ฐฉ์‹
โ—ฆ
Next.js (SSR / SSG)
โ—ฆ
Prerendering ์ ์šฉ

Spring Boot + Thymeleaf

โ€ข
์„œ๋ฒ„์‚ฌ์ด๋“œ ๋ Œ๋”๋ง โ†’ SEO ๋งค์šฐ ์œ ๋ฆฌ
โ€ข
title / meta ํƒœ๊ทธ ๋™์  ์ฒ˜๋ฆฌ ๊ถŒ์žฅ

6. ์ฝ˜ํ…์ธ  SEO (๊ฒ€์ƒ‰๋˜๋Š” ์ด์œ )

6-1. ํ‚ค์›Œ๋“œ ์ „๋žต

โ€ข
1ํŽ˜์ด์ง€ = 1์ฃผ์ œ
โ€ข
ํ‚ค์›Œ๋“œ ๊ณผ๋‹ค ์‚ฝ์ž…
โ€ข
์ž์—ฐ์Šค๋Ÿฌ์šด ๋ฌธ์žฅ
์˜ˆ์‹œ ๋ฌธ์žฅ
๊ฐ€์ „ ๋ชจ๋“ˆํ™” ๊ธฐ์ˆ ์„ ๊ธฐ๋ฐ˜์œผ๋กœ OEM ์‹œ์Šคํ…œ์„ ์ตœ์ ํ™”ํ•˜๋Š” SERI๋Š”...

6-2. SEO์— ๊ฐ•ํ•œ ์ฝ˜ํ…์ธ  ์œ ํ˜•

โ€ข
๋‰ด์Šค / ๊ณต์ง€์‚ฌํ•ญ
โ€ข
๊ธฐ์ˆ  ์†Œ๊ฐœ ๊ธ€
โ€ข
Case Study (์‚ฌ๋ก€)
์ •์  ์‚ฌ์ดํŠธ๋ณด๋‹ค ๋ธ”๋กœ๊ทธ ์žˆ๋Š” ์‚ฌ์ดํŠธ๊ฐ€ ํ›จ์”ฌ ์œ ๋ฆฌ

7. ์„ฑ๋Šฅ SEO

โ€ข
ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„
โ€ข
๋ชจ๋ฐ”์ผ ์ตœ์ ํ™”
โ€ข
HTTPS ์ ์šฉ
โ€ข
Lighthouse ์ ์ˆ˜ ์ค‘์š”

8. SEO ์ฒดํฌ๋ฆฌ์ŠคํŠธ

Title / Description ์„ค์ •
Open Graph ํƒœ๊ทธ
sitemap.xml
robots.txt
Google Search Console ๋“ฑ๋ก
๋„ค์ด๋ฒ„ ์„œ์น˜์–ด๋“œ๋ฐ”์ด์ € ๋“ฑ๋ก
์˜๋ฏธ ์žˆ๋Š” URL
H1 ๊ตฌ์กฐ ํ™•์ธ
์ด๋ฏธ์ง€ ALT
๋ชจ๋ฐ”์ผ & ์„ฑ๋Šฅ ์ ๊ฒ€