πŸ”Ž 검색 μ—”μ§„ λ™μž‘ 원리λ₯Ό 기반으둜 SEO 톡해 λ‚΄ μ›Ήμ‚¬μ΄νŠΈ μƒμœ„ λ…ΈμΆœμ‹œν‚€κΈ° (a.k.a. 검색 μ—”μ§„ μ΅œμ ν™”)

KongveloperΒ·2023λ…„ 9μ›” 28일

Frontend

λͺ©λ‘ 보기
2/2

검색 μ—”μ§„ μ΅œμ ν™”λž€(SEO)?

검색 μ—”μ§„ μƒμœ„κΆŒμ— λ…ΈμΆœλ  수 μžˆλ„λ‘ μ›Ήμ‚¬μ΄νŠΈλ₯Ό μ΅œμ ν™”ν•˜λŠ” μž‘μ—….

[κΈ°λ³Έ] 검색 μ—”μ§„μ΄λž€?

검색 κ°€λŠ₯ν•œ μ›Ή μ½˜ν…μΈ  λ°μ΄ν„°λ² μ΄μŠ€λ‘œ, 검색 색인, 검색 μ•Œκ³ λ¦¬μ¦˜ 두 λΆ€λΆ„μœΌλ‘œ κ΅¬μ„±λ˜μ–΄ μžˆλ‹€.
μ‚¬μš©μžμ—κ²Œ κ°€μž₯ 연관성이 높은 검색 κ²°κ³Όλ₯Ό μ œκ³΅ν•˜λŠ” 것에 쑴재 λͺ©μ μ΄ μžˆλ‹€.

1) 검색 색인 (Search index) : μ›Ή νŽ˜μ΄μ§€μ— λŒ€ν•œ μ •λ³΄λ‘œ 된 λ””μ§€ν„Έ 라이브러리.
2) 검색 μ•Œκ³ λ¦¬μ¦˜ (Search algorithm) : 검색 색인과 κ²°κ³Όλ₯Ό λ§€μΉ­ν•˜λŠ” 과업을 μˆ˜ν–‰ν•˜λŠ” 컴퓨터 ν”„λ‘œκ·Έλž¨.

검색 μ—”μ§„μ˜ 두 μ’…λ₯˜μ˜ 검색 κ²°κ³Ό
[검색 μ—”μ§„μ˜ 두 μ’…λ₯˜μ˜ 검색 κ²°κ³Ό]

  • 유기적 검색 (Organic results)
  • κ΄‘κ³ μ£Όλ‘œλΆ€ν„°μ˜ κ΄‘κ³  검색 κ²°κ³Ό (Paid results)

[심화] 검색 μ—”μ§„μ˜ λ™μž‘ 원리

  1. 크둀링 : 검색 엔진은 크둀러(μžλ™ν™”λœ ν”„λ‘œκ·Έλž¨)λ₯Ό 톡해 μΈν„°λ„·μ—μ„œ 찾은 νŽ˜μ΄μ§€ λ‚΄ ν…μŠ€νŠΈ, 이미지, μ˜μƒ 등을 λ‹€μš΄λ‘œλ“œν•œλ‹€.
  2. 색인 생성 : 검색 엔진은 크둀링을 톡해 λ‹€μš΄λ°›μ€ 자료λ₯Ό λΆ„μ„ν•˜κ³ , λŒ€κ·œλͺ¨ λ°μ΄ν„°λ² μ΄μŠ€μ— μ €μž₯ν•œλ‹€.
  3. 검색 κ²°κ³Ό 게재 : μ‚¬μš©μžκ°€ 검색 μ‹œ, 검색어와 κ΄€λ ¨λœ 정보λ₯Ό μ‚¬μš©μžμ—κ²Œ μ˜λ―ΈμžˆλŠ” κ²°κ³Ό μˆœμ„œλ‘œ λ°˜ν™˜ν•œλ‹€.
    ➑️ 이 3번 λ‹¨κ³„μ—μ„œ 우리의 μ›Ήμ‚¬μ΄νŠΈκ°€ 더 μƒμœ„μ˜ 검색 μ—”μ§„ 결과에 λ…ΈμΆœλ  수 μžˆλ„λ‘ν•˜λŠ” 일련의 μž‘μ—…

  • URLs : 검색 엔진은 백링크(검색 색인에 ν¬ν•¨λœ 검색엔진이 이미 μ•Œκ³  μžˆλŠ” μ‚¬μ΄νŠΈμ— μƒˆλ‘œμš΄ μ›Ή μ‚¬μ΄νŠΈμ— λŒ€ν•œ 링크가 μžˆλŠ” 경우), μ‚¬μ΄νŠΈλ§΅, Google Search Console에 URL 제좜된 κ²ƒμ—μ„œ URL을 μ°ΎλŠ”λ‹€.

  • Crawling : μŠ€νŒŒμ΄λ”λΌκ³  λΆˆλ¦¬μš°λŠ” 검색 엔진이 URL을 λ°©λ¬Έν•˜μ—¬ μ›Ήμ‚¬μ΄νŠΈ λ‚΄ νŒŒμΌμ„ λ‹€μš΄λ°›λŠ” μž‘μ—…μ΄λ‹€.

  • Processing & Rendering :
    - Processing : 검색엔진이 ν¬λ‘€λ§ν•œ μ›Ή νŽ˜μ΄μ§€μ—μ„œ μ€‘μš”ν•œ 정보λ₯Ό μΆ”μΆœν•˜κ³  μ΄ν•΄ν•˜λŠ” μž‘μ—…μ΄λ‹€.
    - 링크 μΆ”μΆœ, μ½˜ν…μΈ  μ €μž₯, 인덱싱(indexing) λ“±μ˜ μž‘μ—…

  • Indexing : μœ„μ˜ 과정을 톡해 크둀링된 μ›Ή νŽ˜μ΄μ§€ λ‚΄ μ²˜λ¦¬ν•œ 핡심 정보λ₯Ό 검색 색인(search index)에 μΆ”κ°€ν•˜λŠ” 과정이닀.
    - 검색 색인(search index)은 μ‚¬μš©μžκ°€ 검색 μ—”μ§„μ—μ„œ 검색을 ν–ˆμ„ λ•Œ λ‚˜μ˜€λŠ” 결과둜, Indexing이 λ˜μ§€ μ•ŠμœΌλ©΄ μ‚¬μš©μžλŠ” ν•΄λ‹Ή μ›Ήμ‚¬μ΄νŠΈλ₯Ό 검색할 수 μ—†λ‹€.

검색 μ—”μ§„ μˆœμœ„λŠ” μ–΄λ–»κ²Œ λ§€κ²¨μ§€λŠ”κ°€?

검색 μ•Œκ³ λ¦¬μ¦˜μ€ 검색 색인(index)λ‘œλΆ€ν„° μ‚¬μš©μžκ°€ κ²€μƒ‰ν•œ 검색어와 κ°€μž₯ 잘 맀치되고 μ—°κ΄€λœ κ²°κ³Όλ₯Ό λ°˜ν™˜ν•˜κ²Œ ν•˜λŠ” λΉ„λ²•μœΌλ‘œ, 검색 μ—”μ§„ μˆœμœ„λ₯Ό κ²°μ •ν•˜λŠ” λͺ‡ κ°€μ§€ μš”μΈμ— λŒ€ν•΄ μ•Œμ•„λ³΄μž.
(ꡬ글이 검색 μ—”μ§„ μˆœμœ„ κ²°μ • μš”μΈμ„ κ³΅κ°œν•œ λ°”λŠ” μ—†λ‹€.)

  • 백링크(Backlinks)
    - 백링크의 μ–‘λ³΄λ‹€λŠ” 높은 질의 백링크 λͺ‡ 개λ₯Ό ν¬ν•¨ν•˜λŠ” μ›Ή νŽ˜μ΄μ§€κ°€ 검색 μˆœμœ„κ°€ λ†’λ‹€.

  • μ—°κ΄€μ„±(Relevance) : μ‚¬μš©μžμ—κ²Œ λ°˜ν™˜λœ 검색 결과의 μœ μš©μ„±.
    - 기본적으둜, 검색 ν‚€μ›Œλ“œλ₯Ό ν¬ν•¨ν•˜λŠ” μ›Ή μ‚¬μ΄νŠΈλ₯Ό μ°ΎλŠ”λ‹€.

    • λ‹€λ₯Έ μ‚¬μš©μžκ°€ ν•΄λ‹Ή 검색 κ²°κ³Όλ₯Ό λ§Œμ‘±ν–ˆλŠ”μ§€μ˜ μƒν˜Έμž‘μš© 데이터λ₯Ό μ°Έμ‘°ν•œλ‹€.
  • μ‹ κ·œμ„±(Freshness) : ex) μ΅œκ·Όμ— νΌλΈ”λ¦¬μ‹±λœ 것.

  • μ›ΉνŽ˜μ΄μ§€μ˜ 속도 : 속도가 느린 μ›Ή νŽ˜μ΄μ§€μ— λŒ€ν•΄ 감점이 이뀄진닀.

  • λͺ¨λ°”일 μ΅œμ ν™” 정도



πŸ€” κ·Έλž˜μ„œ, κ°œλ°œμžλ“€μ€ SEO을 μœ„ν•΄ 뭘 ν•  수 μžˆλŠ”κ°€?

SEO μ „λž΅ 3κ°€μ§€

1. 온 νŽ˜μ΄μ§€(On-Page) SEO : μ›Ή μ‚¬μ΄νŠΈ μ½˜ν…μΈ  ꡬ성 μš”μ†Œ κ°œμ„ 
2. ν…Œν¬λ‹ˆμ»¬(Technical) SEO : 검색 엔진이 μ›Ή μ‚¬μ΄νŠΈλ₯Ό ν¬λ‘€λ§ν•˜κ³  색인 μƒμ„±ν•˜λŠ” 과정을 κ°œμ„ 
3. μ˜€ν”„ νŽ˜μ΄μ§€(Off-Page) SEO : μ›Ή μ‚¬μ΄νŠΈμ˜ μ™ΈλΆ€ ν‰νŒμ„ 늘리고 κ°œμ„ 

온 νŽ˜μ΄μ§€(On-Page) SEO : μ›Ή μ‚¬μ΄νŠΈ μ½˜ν…μΈ  κ°œμ„ 

1) μ–‘μ§ˆμ˜ μ½˜ν…μΈ  μ œμž‘

κ΅¬κΈ€μ˜ μ½˜ν…μΈ  ν’ˆμ§ˆ 평가 κΈ°μ€€
κ΅¬κΈ€μ˜ μ½˜ν…μΈ  ν’ˆμ§ˆ 평가 기쀀은 μ•„λž˜ λ„€ 가지와 κ°™λ‹€.

  • κ²½ν—˜(Experience): μ½˜ν…μΈ  μ œμž‘μžκ°€ ν•΄λ‹Ή μ£Όμ œμ— λŒ€ν•΄ μ–Όλ§ˆλ‚˜ 직접적인 κ²½ν—˜μ„ μ§€λ‹ˆκ³  μžˆλŠ”μ§€.
  • μ „λ¬Έμ„±(Expertise): μ½˜ν…μΈ  μ œμž‘μžκ°€ ν•΄λ‹Ή 주제 κ΄€λ ¨ ν•„μš”ν•œ 지식 및 κΈ°μˆ μ„ μ§€λ‹ˆκ³  μžˆλŠ”μ§€
  • κΆŒμœ„(Authoritativeness): μ½˜ν…μΈ  μ œμž‘μžκ°€ ν•΄λ‹Ή μ£Όμ œμ— λŒ€ν•΄ μ–Όλ§ˆλ‚˜ μ €λͺ…ν•œμ§€
  • μ‹ λ’°μ„±(Trust): μœ„ 3κ°€μ§€ 기쀀을 μ’…ν•©ν•˜μ—¬, ν•΄λ‹Ή μ£Όμ œμ— λŒ€ν•œ μ½˜ν…μΈ λ₯Ό μ–Όλ§ˆλ‚˜ μ‹ λ’°ν•  수 μžˆλŠ”μ§€

➑️ λ‹¨μˆœ 팩트 μ œκ³΅λ³΄λ‹€λŠ”, κ²½ν—˜, κ³ μœ ν•¨, 독창성, μΆ©λΆ„ν•œ κ°€μΉ˜λΌλŠ” ν‚€μ›Œλ“œμ— μ§‘μ€‘ν•˜μ—¬ μ½˜ν…μΈ λ₯Ό μ œμž‘ν•˜μž.

2) 타이틀 νƒœκ·Έ

타이틀 νƒœκ·ΈλŠ” μ›Ή νŽ˜μ΄μ§€μ˜ 제λͺ©μ„ λ‚˜νƒ€λ‚Έλ‹€.

λΈŒλΌμš°μ €μ˜ νƒ­, 검색 결과에 ν‘œμ‹œλ˜λŠ” νƒ€μ΄ν‹€λ‘œ μ‚¬μš©λ˜λ©°, 검색 엔진은 이 νƒœκ·Έλ₯Ό 톡해 μ›Ή νŽ˜μ΄μ§€μ˜ 주제λ₯Ό νŒŒμ•…ν•œλ‹€.

  • ꡬ체적, κ°„κ²°, κ³ μœ ν•œ 제λͺ©μ„ μž‘μ„±ν•œλ‹€.
    - ex) λ…μžμ˜ ν₯λ―Έλ₯Ό 끌 수 μžˆλ„λ‘ '숫자 μ‚¬μš©, 질문 ν˜•νƒœ, κΆŒμœ„μžˆλŠ” μ‚¬λžŒμ„ 인용, 이읡 κ°•μ‘°, νŒ¨λŸ¬λ”” ν™œμš©'λ“±μ˜ λ°©λ²•μœΌλ‘œ 타이틀을 μ •ν•œλ‹€.
<title> 타이틀 νƒœκ·Έ </title>

3) 메타 νƒœκ·Έ

메타 νƒœκ·Έ ν†΅ν•œ 각 νŽ˜μ΄μ§€μ˜ 뢀가적인 정보 제곡

  • ν—€λ“œ νƒœκ·Έ 내뢀에 μœ„μΉ˜
  • 검색 μ—”μ§„μ˜ μ›Ή νŽ˜μ΄μ§€ 정보 νŒŒμ•…μ— μ‚¬μš©λ¨
  • μ½˜ν…μΈ  μ„€λͺ…, ν‚€μ›Œλ“œ, μ €μž, λ°œμƒ μ‹œκ°„ λ“±μ˜ 정보 μ •μ˜ν•¨.
  • μΊλ…Έλ‹ˆμ»¬ νƒœκ·Έ(canonical tag) : 쀑볡 μ½˜ν…μΈ λ₯Ό ꡬ뢄에 μ‚¬μš©λ˜λŠ” νƒœκ·Έ (같은 νŽ˜μ΄μ§€λ₯Ό μ—¬λŸ¬ url둜 μ œκ³΅ν•˜λŠ” 경우, 검색 엔진이 쀑볡 μ½˜ν…μΈ λ‘œ μΈμ‹ν•˜μ—¬ SEO μ μˆ˜μ— 뢀정적인 영ν–₯을 μ£Όμ§€ μ•Šλ„λ‘ 방지함)
<head>
  <meta
    name="description"
    content=" "
  />
  <meta name="author" content="" />
  <meta name="keywords" content=" " />
  <meta name="robots" content="index, follow" />
  <meta
    name="canonical"
    href=" "
  />
</head>

4) OG νƒœκ·Έ

OG(Open Graph) νƒœκ·Έ : SNSλ‚˜ λ©”μ‹ μ €μ—μ„œ μ›Ή νŽ˜μ΄μ§€ 링크가 곡유될 λ•Œ λ‚˜νƒ€λ‚Ό 정보λ₯Ό ν‘œν˜„ν•˜λŠ” 데 μ‚¬μš©λ˜λŠ” νƒœκ·Έ

  • μŠ¬λž™, μΉ΄μΉ΄μ˜€ν†‘ λ“±κ³Ό 같은 ν”Œλž«νΌμ—μ„œ, μ‚¬μš©μž μž…λ ₯ 링크가 발견되면, ν”Œλž«νΌμ—μ„œ 링크의 정보λ₯Ό 직접 ν¬λ‘€λ§ν•˜μ—¬ 메타 데이터 μ½μ–΄μ˜¨ ν›„, 미리보기λ₯Ό μ œκ³΅ν•œλ‹€.
    - 미리보기의 μœ λ¬΄λŠ” 링크클릭λ₯ μ— 영ν–₯을 미치기 λ•Œλ¬Έμ— μ€‘μš”ν•˜λ‹€.
<meta
  property="og:title"
  content=" "
/>
<meta
  property="og:description"
  content=" "
/>
<meta
  property="og:image"
  content=" "
/>
<meta
  property="og:url"
  content=" "
/>
<meta property="og:site_name" content=" " />
<meta property="og:type" content="website" />
<meta property="article:published_time" content="2023-09-27" />
<meta property="article:modified_time" content="2023-09-28" />

5) μ‹œλ§¨ν‹± νƒœκ·Έ μ‚¬μš©

의미 μžˆλŠ” μ‹œλ§₯ν‹± νƒœκ·Έλ₯Ό μ‚¬μš©ν•˜λ©΄, 검색 엔진이 μ›Ή νŽ˜μ΄μ§€μ˜ ꡬ쑰λ₯Ό 더 잘 이해할 수 μžˆλ‹€.

  • 제λͺ© νƒœκ·Έ (h1 ~ h6)
    - h1 : νŽ˜μ΄μ§€ λ‹Ή ν•˜λ‚˜λ§Œ λ„£λŠ”λ‹€.
    • 제λͺ© νƒœκ·ΈλŠ” 숫자 순으둜 μˆœμ„œλ₯Ό μ§€μΌœ μ‚¬μš©ν•œλ‹€.
  • ν•˜μ΄νΌλ§ν¬ (a)
    - ν¬λ‘€λŸ¬κ°€ νŽ˜μ΄μ§€ κ°„ 연결을 ν™•μΈν•˜λŠ” μ—­ν• 
    • λŒ€λΆ€λΆ„μ˜ ν¬λ‘€λŸ¬λŠ” JavaScript λ‘œμ§μ„ μ‹€ν–‰μ‹œν‚€κΈ° μ•ŠκΈ° λ•Œλ¬Έμ— JavaScript 이용 νŽ˜μ΄μ§€λŠ” μ œκ±°ν•œλ‹€.
    • ν‰νŒμ„ κ³΅μœ ν•˜μ§€ μ•ŠκΈ°λ₯Ό μ›ν•˜λŠ” ν•˜μ΄νΌλ§ν¬λ‘œ μ—°κ²°λœ μ›Ή νŽ˜μ΄μ§€λŠ” rel="nofollow" 와 같은 속성을 적절히 μΆ”κ°€ν•œλ‹€.
  • 크기가 잘 쑰절된 이미지 νƒœκ·Έ (img)
<html>
  <body>
    <nav></nav>
    <section>
      <article></article>
    </section>
    <aside></aside>
    <footer></footer>
  </body>
</html>

ν…Œν¬λ‹ˆμ»¬(Technical) SEO : 크둀링 ~ 색인 생성 κ³Όμ • κ°œμ„ 

1) μ‚¬μ΄νŠΈλ§΅κ³Ό RSS 제곡

sitemap : μ›Ή μ‚¬μ΄νŠΈμ˜ ꡬ쑰λ₯Ό 검색 엔진에 μ•Œλ €μ£ΌλŠ” 파일

  • 주둜 XML ν˜•μ‹μœΌλ‘œ μž‘μ„±λ˜λ©°, μ›Ή μ‚¬μ΄νŠΈμ˜ λͺ¨λ“  νŽ˜μ΄μ§€μ˜ URL을 ν¬ν•¨ν•œλ‹€.
  • μ‚¬μ΄νŠΈ 맡을 톡해 검색엔진은 μ‚¬μ΄νŠΈμ˜ ꡬ쑰 νŒŒμ•…μ΄ μš©μ΄ν•΄μ§€κ³ , 이둜써 크둀링 μ‹œκ°„ 단좕이 κ°€λŠ₯ν•˜λ‹€.
  • μ‚¬μ΄νŠΈλ§΅μ˜ 경우, μ •μ μœΌλ‘œ λΉŒλ“œλœ νŒŒμΌμ„ μΆ”κ°€ν•˜λŠ” 것이 λ°”λžŒμ§ν•˜λ‹€.

μ‚¬μ΄νŠΈλ§΅

2) robots.txt 제곡

μ›Ήμ‚¬μ΄νŠΈμ—μ„œ 크둀링을 ν—ˆμš© ν˜Ήμ€ λΉ„ν—ˆμš©ν•  νŽ˜μ΄μ§€λ₯Ό ν¬λ‘€λŸ¬μ—κ²Œ μ•Œλ €μ£ΌλŠ” ν…μŠ€νŠΈ 파일.

  • ν¬λ‘€λŸ¬κ°€ μ›Ή μ‚¬μ΄νŠΈ ꡬ쑰λ₯Ό 더 잘 νŒŒμ•…ν•  수 μžˆλ„λ‘ λ„μ™€μ€Œ.
  • 검색엔진 크둀러의 κ³Όλ„ν•œ 크둀링 및 μš”μ²­μœΌλ‘œ μΈν•œ κ³ΌλΆ€ν•˜ λ°©μ§€ : ν¬λ‘€λŸ¬κ°€ μ›Ή μ‚¬μ΄νŠΈμ— μ ‘μ†ν•˜μ—¬ 정보 μˆ˜μ§‘ν•˜λ©° λ³΄λ‚΄λŠ” μš”μ²­(request)으둜 μ‚¬μ΄νŠΈκ°€ κ³ΌλΆ€ν™”λ˜λŠ” 것을 λ°©μ§€.
  • 검색엔진 크둀러의 일일 μš”μ²­ 수λ₯Ό λœ»ν•˜λŠ” 크둀 버짓 (크둀링 μ˜ˆμ‚° – Crawl budget) λ‚­λΉ„ λ°©μ§€ : μ€‘μš”ν•œ μ—…λ°μ΄νŠΈ λ˜λŠ” μƒˆλ‘œμš΄ νŽ˜μ΄μ§€κ°€ 검색엔진 결과에 λ°˜μ˜λ˜μ§€ μ•Šκ±°λ‚˜ λΉ λ₯΄κ²Œ μƒ‰μΈλ˜μ§€ μ•ŠλŠ” 것을 λ°©μ§€
  • 검색엔진 ν¬λ‘€λŸ¬μ—κ²Œ μ‚¬μ΄νŠΈλ§΅ (sitemap.xml)의 μœ„μΉ˜λ₯Ό μ œκ³΅ν•˜μ—¬ μ›Ήμ‚¬μ΄νŠΈμ˜ μ½˜ν…μΈ κ°€ κ²€μƒ‰μ—”μ§„μ—κ²Œ 더 잘 발견될 수 μžˆλ„λ‘ ν•˜κΈ° μœ„ν•¨
  • robots.txt νŒŒμΌμ€ 도메인 λ£¨νŠΈμ—μ„œ 접속 κ°€λŠ₯ν•΄μ•Ό ν•œλ‹€.
    - ex) https://도메인λͺ…/robots.txt
  • SEO 츑면은 μ•„λ‹ˆμ§€λ§Œ, μ•„λž˜μ™€ 같이 λΈŒλžœλ”©ν•  수 μžˆλ‹€.

[robots.txt μž‘μ„±λ²•]

#robots.txt μ˜ˆμ‹œ - κΈ°λ³Έ ν˜•μ‹

// [ν•„μˆ˜ 기재]μ–΄λ–€ 검색엔진 크둀러λ₯Ό μ§€μ •ν•  것인지.
// ꡬ글: Googlebot, 넀이버: Yeti, λ‹€μŒ: Daum, λΉ™: Bingbot
User-agent: *

// [선택 기재]
// μ–΄λ–€ 디렉토리λ₯Ό μ œν•œν•  것인지.
Disallow: /forbidden/

// 크둀링을 ν—ˆμš©ν•  경둜
Allow: (/ λΆ€ν„°μ˜ μƒλŒ€ 경둜).

// μ‚¬μ΄νŠΈλ§΅μ΄ μœ„μΉ˜ν•œ 경둜의 전체 URL 
Sitemap: (https:// λΆ€ν„° /sitemap.xml κΉŒμ§€μ˜ 전체 μ ˆλŒ€κ²½λ‘œ URL).

3) λΌμ΄νŠΈν•˜μš°μŠ€ 점수 ν–₯상

λΌμ΄νŠΈν•˜μš°μŠ€ : κ΅¬κΈ€μ—μ„œ μ œκ³΅ν•˜λŠ” μ›Ή μ‚¬μ΄νŠΈ μ„±λŠ₯ μΈ‘μ • 도ꡬ.

ꡬ글은 검색 결과에 λ…ΈμΆœλ˜λŠ” μ›Ή νŽ˜μ΄μ§€μ˜ μ„±λŠ₯을 κ³ λ €ν•˜κΈ° λ•Œλ¬Έμ— λΌμ΄νŠΈν•˜μš°μŠ€λ₯Ό ν†΅ν•œ μ„±λŠ₯ κ°œμ„ μ€ SEO에 도움이 λœλ‹€.

[μ½”μ–΄ μ›Ή λ°”μ΄νƒˆ(Core Web Vitals)]
Core Web Vitals : μ‚¬μš©μžμ˜ κ²½ν—˜μ„ μΈ‘μ •ν•˜λŠ” 데 μ‚¬μš©λ˜λŠ” μŠ€ν”Όλ“œ λ©”νŠΈλ¦­μŠ€

  • λ‘œλ”© - LCP(Largest Contentful Paint): νŽ˜μ΄μ§€μ—μ„œ κ°€μž₯ 큰 μ˜μ—­ μ°¨μ§€ν•˜λŠ” μ½˜ν…μΈ κ°€ λ‘œλ“œλ˜λŠ” 데 κ±Έλ¦¬λŠ” μ‹œκ°„
  • μƒν˜Έμž‘μš© - FID(First Input Delay): νŽ˜μ΄μ§€ λ‘œλ“œ ν›„, μ‚¬μš©μžκ°€ νŽ˜μ΄μ§€μ™€ μƒν˜Έμž‘μš© κ°€λŠ₯ν•˜κΈ°κΉŒμ§€ κ±Έλ¦¬λŠ” μ‹œκ°„
  • μ‹œκ°μ  μ•ˆμ •μ„± - CLS(Cumulative Layout Shift): νŽ˜μ΄μ§€ λ‘œλ“œμ€‘ μ˜λ„μΉ˜ μ•Šμ€ λ ˆμ΄μ•„μ›ƒ λ³€ν™”κ°€ μΌμ–΄λ‚˜λŠ” 정도
  • λͺ¨λ°”일 μΉœν™”μ : λͺ¨λ°”일 κΈ°κΈ°μ—μ„œλ„ μ‚¬μš©μž κ²½ν—˜μ΄ 쒋은지
  • 세이프 λΈŒλΌμš°μ§•: ν”Όμ‹±μ΄λ‚˜ 슀캠, 사기 λ“±μ˜ μœ„ν—˜ μš”μ†Œκ°€ μ—†λŠ”μ§€
  • HTTPS: HTTPS ν”„λ‘œν† μ½œ μ‚¬μš©
  • λ°©ν•΄λ˜λŠ” μš”μ†Œ μ—†μŒ: μ „λ©΄ κ΄‘κ³ λ‚˜ λŒ€ν™” μƒμž λ“±μœΌλ‘œ μ‚¬μš©μž κ²½ν—˜μ΄ λ°©ν•΄λ˜λŠ” μš”μ†Œκ°€ μ—†λŠ”μ§€

4) ꡬ글 μ„œμΉ˜ μ½˜μ†” 및 넀이버 μ„œμΉ˜ μ–΄λ“œλ°”μ΄μ € 등둝

ꡬ글 μ„œμΉ˜ μ½˜μ†” : κ΅¬κΈ€μ˜ 검색 결과에 λ‚΄ μ½˜ν…μΈ λ₯Ό λ…ΈμΆœμ‹œν‚¬ 수 μžˆλ„λ‘ ν•΄μ£Όκ³  검색 결과와 κ΄€λ ¨λœ 톡계 정보λ₯Ό 확인할 수 μžˆλŠ” μ„œλΉ„μŠ€
넀이버 μ„œμΉ˜ μ–΄λ“œλ°”μ΄μ € :

  • μ‚¬μ΄νŠΈλ§΅(λ˜λŠ” RSS)λ₯Ό λ“±λ‘ν•˜μ—¬ 검색 결과에 λ…ΈμΆœμ‹œν‚¬ 수 μžˆλ‹€.
  • 검색 ν‚€μ›Œλ“œ, νŽ˜μ΄μ§€ κ²½ν—˜ μΈ‘μ •, λͺ¨λ°”일 μ‚¬μš© νŽΈμ˜μ„± λ“± λ‹€μ–‘ν•œ 평가λ₯Ό μ œκ³΅ν•œλ‹€.

5) μ„œλ²„ μ‚¬μ΄λ“œ λ Œλ”λ§(SSR) λ„μž…

ν΄λΌμ΄μ–ΈνŠΈ μ‚¬μ΄λ“œ λ Œλ”λ§(CSR) λ°©μ‹μ˜ 일반적인 SPA κ°œλ°œμ€ SEOλ₯Ό μ œλŒ€λ‘œ ν™œμš”ν•˜κΈ° μ–΄λ ΅λ‹€. CSR κ°œλ°œμ€ 초기 HTML 파일이 λΉ„μ–΄μžˆκΈ° λ•Œλ¬Έμ— ν¬λ‘€λŸ¬κ°€ μ„œλ²„ 접속 μ‹œ 정보λ₯Ό νšλ“ν•˜κΈ° μ–΄λ ΅κΈ° λ•Œλ¬Έμ΄λ‹€.

  • SSR ν™œμš© μ‹œ, 검색엔진이 이미 μ„œλ²„ μͺ½μ—μ„œ λ§Œλ“  HTML을 크둀링할 수 있기 λ•Œλ¬Έμ— 검색에 μœ λ¦¬ν•΄μ§„λ‹€.

μ˜€ν”„ νŽ˜μ΄μ§€(Off-Page) SEO : μ›Ή μ‚¬μ΄νŠΈμ˜ μ™ΈλΆ€ ν‰νŒ κ°œμ„ 

1) λ‹€μ–‘ν•œ ν”Œλž«νΌμ—μ„œμ˜ 백링크 확보

백링크 : λ‹€λ₯Έ μ‚¬μ΄νŠΈμ—μ„œ λ‚΄ μ›Ή μ‚¬μ΄νŠΈλ₯Ό ν•˜μ΄νΌλ§ν¬λ‘œ μ—°κ²°ν•œ 것.

  • 검색엔진은 백링크 수λ₯Ό 톡해 μ›Ή μ‚¬μ΄νŠΈμ˜ ν‰νŒμ„ νŒλ‹¨, 이λ₯Ό 기반으둜 검색 결과에 λ…ΈμΆœλ˜λŠ” μˆœμœ„λ₯Ό κ²°μ •ν•œλ‹€.

2) μ „λž΅μ μΈ 포슀트 곡유

  • μ•Œκ³ λ¦¬μ¦˜μ„ 잘 νƒ€λŠ” ν¬μŠ€νŠΈκ°€ 되렀면 κ²Œμ‹œ μ‹œκ°„, μ’‹μ•„μš” 수, λŒ“κΈ€ 수, 곡유 수 등을 잘 관리해야 ν•œλ‹€.
    - νŠΈλž˜ν”½μ΄ 높은 μš”μΌ, μ‹œκ°„λŒ€μ— 포슀트λ₯Ό κ³΅μœ ν•˜λΌ.


참고 자료

λΈ”λ‘œκ·Έ SEO
SEO guide
ꡬ글 검색 μž‘λ™ 방식
μ‹œλ§¨ν‹± νƒœκ·Έ
μ‚¬μ΄νŠΈλ§΅ κ°€μ΄λ“œ
robots.txt
ꡬ글 λΌμ΄νŠΈν•˜μš°μŠ€
νŽ˜μ΄μ§€ μŠ€ν”Όλ“œ : 속도 κ°œμ„ 
Technical SEO
ν”„λ‘ νŠΈμ—”λ“œμ™€ SEO

profile
개발자

0개의 λŒ“κΈ€