2 minute read


SEO

SEO κ°œλ…

μ›Ή νŽ˜μ΄μ§€κ°€ 검색 결과에 λ…ΈμΆœλ˜κ²Œ ν•˜κΈ° μœ„ν•΄μ„œλŠ” 검색 μ—”μ§„μ˜ μž‘λ™ 방식에 맞게 μ›Ή νŽ˜μ΄μ§€λ₯Ό μ΅œμ ν™” ν•΄μ£ΌλŠ” μž‘μ—…, SEO(Search Engine Optimization, 검색 엔진 μ΅œμ ν™”)κ°€ ν•„μš”ν•˜λ‹€. SEOλ₯Ό 톡해 검색 μ—”μ§„μ—μ„œ μ›Ή νŽ˜μ΄μ§€λ₯Ό 보닀 더 μƒμœ„μ— λ…ΈμΆœλ  수 μžˆκ²Œλ” λ§Œλ“€ 수 μžˆλ‹€.

SEOλŠ” 크게 On-Page SEO와 Off-Page SEO 두 κ°€μ§€λ‘œ λ‚˜λ‰œλ‹€.

On-Page SEO

말 κ·ΈλŒ€λ‘œ νŽ˜μ΄μ§€ λ‚΄λΆ€μ—μ„œ 진행할 수 μžˆλŠ” SEO둜, 제λͺ©κ³Ό μ½˜ν…μΈ , 핡심 ν‚€μ›Œλ“œμ˜ 배치, 효율적인 HTML μš”μ†Œ μ‚¬μš©λ²• 등을 μ΄μš©ν•˜λŠ” 방법이닀.

Off-Page SEO

μ›Ή μ‚¬μ΄νŠΈ μ™ΈλΆ€μ—μ„œ μ΄λ£¨μ–΄μ§€λŠ” SEO둜, μ†Œμ…œ λ―Έλ””μ–΄ 홍보, 백링크(타 μ‚¬μ΄νŠΈμ—μ„œ μ—°κ²°λ˜λŠ” 링크) 등을 μ΄μš©ν•˜λŠ” λ°©λ²•μœΌλ‘œ, μ›Ή νŽ˜μ΄μ§€ λ‚΄μš©μ΄λ‚˜ κ΅¬μ‘°μ™€λŠ” 관계가 μ—†λ‹€.


SEO에 영ν–₯을 λ―ΈμΉ˜λŠ” μš”μ†Œ (On-Page SEO)

1. <title> μš”μ†Œ

<title> μš”μ†ŒλŠ” 검색 κ²°κ³Όμ°½μ—μ„œ 제λͺ©μ— ν•΄λ‹Ήν•˜λŠ” μš”μ†Œλ‘œ, <head> μš”μ†Œμ˜ μžμ‹ μš”μ†Œλ‘œ μž‘μ„±ν•œλ‹€. 제λͺ©μ€ 검색 κ²°κ³Όμ—μ„œ μƒλ‹Ήνžˆ μ€‘μš”ν•œ 역할을 ν•œλ‹€.

  • <title> μš”μ†Œμ— μ–΄λ–€ λ‚΄μš©μ„ μž‘μ„±ν•˜λŠ”κ°€μ— 따라 검색 ν›„ μœ μž…κΉŒμ§€ μœ λ„ν•  수 μžˆλ‹€.
    • 제λͺ©μ΄ λ„ˆλ¬΄ κΈΈκ±°λ‚˜ μ§§μ•„μ„œ μ‚¬μš©μžκ°€ 제λͺ©μœΌλ‘œ μ‚¬μ΄νŠΈλ₯Ό νŒŒμ•…ν•˜κΈ° μ–΄λ €μ›Œμ§€λ©΄ μœ μž…λ₯ μ΄ 떨어진닀.
  • <title> μš”μ†Œμ— 핡심 ν‚€μ›Œλ“œκ°€ ν¬ν•¨λ˜λ©΄ μƒμœ„μ— λ…ΈμΆœλ  ν™•λ₯ μ΄ 높아진닀.
    • κ·Έλ ‡λ‹€κ³  같은 ν‚€μ›Œλ“œλ₯Ό λ°˜λ³΅ν•˜λ©΄ 검색 μ‹œ λΆˆμ΄μ΅μ„ 받을 수 μžˆλ‹€. 제λͺ©μ— 핡심 ν‚€μ›Œλ“œλŠ” ν•œ 번만 ν¬ν•¨μ‹œμΌœμ•Ό ν•œλ‹€.

2. <meta> μš”μ†Œ

<meta> μš”μ†ŒλŠ” 메타 데이터λ₯Ό λ‹΄λŠ” μš”μ†Œμ΄λ‹€. 메타 λ°μ΄ν„°λž€ ν•΄λ‹Ή μ›Ή μ‚¬μ΄νŠΈμ—μ„œ 닀루고 μžˆλŠ” 데이터가 무엇인지에 λŒ€ν•œ 데이터이닀. <meta> μš”μ†Œλ„ <head> μš”μ†Œμ˜ μžμ‹ μš”μ†Œλ‘œ μž‘μ„±ν•΄μ£ΌλŠ” 것이 μΌλ°˜μ μ΄λ‹€.

검색 κ²°κ³Όμ°½μ—μ„œ 제λͺ© 밑에 λ”°λΌμ˜€λŠ” μ„€λͺ…글이 <meta> μš”μ†Œ μ•ˆμ— λ“€μ–΄μžˆλŠ” λ‚΄μš©μœΌλ‘œ, ν•΄λ‹Ή μ›Ή νŽ˜μ΄μ§€κ°€ μ–΄λ–€ 데이터λ₯Ό 닀루고 μžˆλŠ”μ§€λ₯Ό μ„€λͺ…ν•˜λŠ” 메타 데이터가 λ“€μ–΄μžˆλ‹€.
μ†Œμ…œ λ―Έλ””μ–΄λ‚˜ μ±„νŒ… μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ— 링크λ₯Ό κ³΅μœ ν–ˆμ„ λ•Œ λœ¨λŠ” 링크 미리보기와 κ΄€λ ¨ 정보도 <meta> μš”μ†Œμ— λ“€μ–΄κ°€ μžˆλŠ” λ‚΄μš©μ΄λ‹€.

이 λ‘κ°€μ§€μ˜ 경우 λͺ¨λ‘ <meta> μš”μ†Œλ₯Ό μ‚¬μš©ν•˜μ§€λ§Œ, 각각의 λͺ©μ μ€ μ—„μ—°νžˆ λ‹€λ₯΄λ‹€. 첫 번째 κ²½μš°λŠ” name 속성을 μ‚¬μš©ν•˜λ©°, SEOλ₯Ό μœ„ν•΄μ„œ μ‚¬μš©ν•˜λŠ” 것이 λͺ©μ μ΄λ‹€. 두 번째 κ²½μš°λŠ” property 속성을 μ‚¬μš©ν•˜λ©°, λ‹€λ₯Έ μ‚¬λžŒμ—κ²Œ κ³΅μœ ν•˜κΈ° μœ„ν•œ 것이 λͺ©μ μ΄λ‹€. 특히 property 속성을 μ‚¬μš©ν•˜λŠ” κ²½μš°λŠ” μ˜€ν”ˆ κ·Έλž˜ν”„(Open Graph) 라고 ν•˜λ©°, νŽ˜μ΄μŠ€λΆμ—μ„œ κ²Œμ‹œκΈ€μ„ κ³΅μœ ν•˜κΈ° μœ„ν•œ λͺ©μ μœΌλ‘œ λ§Œλ“€μ—ˆμœΌλ©°, 각 속성값 μ•žμ—λŠ” μ˜€ν”ˆ κ·Έλž˜ν”„λ₯Ό λœ»ν•˜λŠ” β€œog”가 λΆ™λŠ”λ‹€.

SEOλ₯Ό μœ„ν•œ meta μš”μ†Œ

<meta name="속성값" content="λ‚΄μš©" />

μ£Όμš” 속성값은 μ•„λž˜μ™€ κ°™λ‹€.

  • description: μ½˜ν…μΈ μ— λŒ€ν•œ κ°„λž΅ν•œ μ„€λͺ…이닀. 검색 κ²°κ³Όμ—μ„œ 제λͺ© 밑에 λœ¨λŠ” λ‚΄μš©μ΄λ‹€.
  • keywords: μ›Ή νŽ˜μ΄μ§€μ˜ κ΄€λ ¨ ν‚€μ›Œλ“œλ“€μ„ λ‚˜μ—΄ν•  λ•Œ μ‚¬μš©ν•œλ‹€.
  • author: μ½˜ν…μΈ μ˜ μ œμž‘μžλ₯Ό ν‘œμ‹œν•œλ‹€.

μ˜€ν”ˆ κ·Έλž˜ν”„ (open graph)

<meta property="속성값" content="λ‚΄μš©" />

μ£Όμš” 속성값은 μ•„λž˜μ™€ κ°™λ‹€.

  • og:url : νŽ˜μ΄μ§€μ˜ ν‘œμ€€ URL이닀.
  • og:site_name : μ‚¬μ΄νŠΈμ˜ 이름이닀.
  • og:title : μ½˜ν…μΈ μ˜ 제λͺ©μ΄λ‹€.
  • og:description : μ½˜ν…μΈ μ— λŒ€ν•œ κ°„λž΅ν•œ μ„€λͺ…이닀. 검색 κ²°κ³Όμ—μ„œ 제λͺ© 밑에 λœ¨λŠ” λ‚΄μš©μ΄λ‹€.
  • og:image : 미리보기둜 ν‘œμ‹œλ  이미지이닀.
  • og:type : μ½˜ν…μΈ  λ―Έλ””μ–΄μ˜ μœ ν˜•μ΄λ‹€. κΈ°λ³Έ 값은 website둜, video, music λ“±μ˜ μœ ν˜•μ„ ν‘œμ‹œν•  수 μžˆλ‹€.
  • og:locale : λ¦¬μ†ŒμŠ€μ˜ μ–Έμ–΄λ‘œ, 기본값은 en_US이닀. ν•œκ΅­μ€ ko_KR이닀.

3. <hgroup> μš”μ†Œ

<hgroup> μš”μ†ŒλŠ” μ½˜ν…μΈ μ˜ 제λͺ©μ„ ν‘œμ‹œν•˜λŠ” μš©λ„μΈ 만큼 핡심 ν‚€μ›Œλ“œλ₯Ό ν¬ν•¨ν•˜κ³  μžˆμ„ κ°€λŠ₯μ„œμž‰ λ†’λ‹€. λ”°λΌμ„œ 검색 엔진도 <hgroup> μš”μ†Œμ˜ λ‚΄μš©μ„ μ€‘μš”ν•˜κ²Œ μ·¨κΈ‰ν•œλ‹€. κ·Έλ ‡κΈ° λ•Œλ¬Έμ— μ½˜ν…μΈ λ₯Ό μž‘μ„±ν•  λ•Œ 핡심 ν‚€μ›Œλ“œλ₯Ό μ˜μ‹ν•΄μ„œ <hgroup> μš”μ†Œμ— λ„£μ–΄μ£ΌλŠ” 것도 SEO에 도움이 λœλ‹€.

Tags: ,

Categories:

Updated:

Leave a comment