๐ŸŒณ
Ella's TIL Tree
  • README
  • Algorithm
    • Graph
    • Queue
    • Stack
    • Tree
  • Authentication & Security
    • Cookie
    • Hashing
    • OAuth
    • Session
    • Token
  • AWS
    • Cloud Computing
    • Deploy
    • EC2
    • RDS
    • S3
  • Design
    • Atomic Design
    • Design System
  • Docker
    • Docker101
  • Git
    • Install Git
    • Add&Commit
    • Branch
    • Merge&Rebase
    • Restore&Revert&Reset
    • Push
    • Branch Strategy
  • Infra
    • Proxy
  • JavaScript
    • Array
    • Async
    • Copy
    • Data Types
    • DOM Tree
    • Function
    • Higher Order Function
    • Object Oriented Programming
    • Object
    • Promise
    • Recursion
  • React
    • CDD
    • Custom Hooks
    • Diffing Algorithm
    • Hook
    • JSX
    • Redux
    • SPA
    • State&Props
    • UseCallback
    • UseMemo
    • Virtual DOM
  • TypeScript
    • Basics
    • Enum
    • Function
    • Settings
    • Type
    • Union&Intersection
  • Web
    • Architecture
    • Browser
    • Client Ajax
    • Express
    • HTML Basics
    • HTTP
    • Middleware
    • Network Layer Model
    • REST API
    • SEO
    • SOP&CORS
    • TCP&IP
    • Web Accessibility
    • Web Standard
Powered by GitBook
On this page
  • 1. SEO ๊ฐœ๋…
  • SEO๋ž€?
  • SEO์˜ ์ข…๋ฅ˜
  • 2. SEO์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ์š”์†Œ
  • <title> ์š”์†Œ
  • <meta> ์š”์†Œ
  • <hgroup> ์š”์†Œ
  • ์ฝ˜ํ…์ธ 
  1. Web

SEO

1. SEO ๊ฐœ๋…

SEO๋ž€?

  • ๊ฒ€์ƒ‰ ์—”์ง„์˜ ์ž‘๋™ ๋ฐฉ์‹์— ๋งž๊ฒŒ ์›น ํŽ˜์ด์ง€๋ฅผ ์ตœ์ ํ™”ํ•ด ์ฃผ๋Š” ์ž‘์—…

SEO์˜ ์ข…๋ฅ˜

  • On-Page SEO: ์ œ๋ชฉ๊ณผ ์ปจํ…์ธ , ํ•ต์‹ฌ ํ‚ค์›Œ๋“œ์˜ ๋ฐฐ์น˜, ํšจ์œจ์ ์ธ HTML ์š”์†Œ ์‚ฌ์šฉ๋ฒ•

  • Off-Page SEO: ์†Œ์…œ ๋ฏธ๋””์–ด ํ™๋ณด, ๊ด‘๊ณ , ๋ฐฑ๋งํฌ ๋“ฑ์„ ์‚ฌ์šฉํ•˜๋ฉฐ ์›น ํŽ˜์ด์ง€ ๋‚ด์šฉ๊ณผ ๊ตฌ์กฐ์™€๋Š” ์ƒ๊ด€ X

2. SEO์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ์š”์†Œ

<title> ์š”์†Œ

  • ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ์ฐฝ์—์„œ ์ œ๋ชฉ์— ํ•ด๋‹น๋˜๋Š” ์š”์†Œ๋กœ, <head>์˜ ์ž์‹ ์š”์†Œ๋กœ ์ž‘์„ฑ

  • ํ•ต์‹ฌ ํ‚ค์›Œ๋“œ๊ฐ€ ํฌํ•จ๋˜๋ฉด ์ƒ์œ„ ๋…ธ์ถœ ๋  ํ™•๋ฅ  ๋†’์•„์ง

<meta> ์š”์†Œ

  • ์›น์‚ฌ์ดํŠธ์—์„œ ๋‹ค๋ฃจ๊ณ  ์žˆ๋Š” ๋ฐ์ดํ„ฐ๊ฐ€ ๋ฌด์—‡์ธ์ง€์— ๋Œ€ํ•œ ๋ฐ์ดํ„ฐ, ์ฆ‰ ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ด๋Š” ์š”์†Œ๋กœ, <head>์˜ ์ž์‹ ์š”์†Œ๋กœ ์ž‘์„ฑ

  • name ์†์„ฑ์„ ์‚ฌ์šฉํ•ด SEO๊ฐ€ ๋ชฉ์ 

  • ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ์ฐฝ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ, ๋งํฌ ๊ณต์œ  ์‹œ ๋งํฌ ๋ฏธ๋ฆฌ๋ณด๊ธฐ์—๋„ ๋œธ

  • property ์†์„ฑ์„ ํ™œ์šฉํ•ด ๊ณต์œ ๊ฐ€ ๋ชฉ์  โ†’ OG(Open Graph)๋ผ๊ณ  ๋ถ€๋ฆ„

  • OG๋ฅผ ์ž˜ ์‚ฌ์šฉํ•˜๋ฉด ๋ฐฉ๋ฌธ์ž ์ˆ˜ ์ฆ๊ฐ€์— ๊ธฐ์—ฌํ•ด ์ƒ์œ„๋…ธ์ถœ ํ™•๋ฅ ๋„ ๋†’์•„์ง

<hgroup> ์š”์†Œ

  • ํ•ต์‹ฌ ํ‚ค์›Œ๋“œ๋ฅผ <hgroup> ์š”์†Œ์— ๋‹ด์•„์ฃผ๊ธฐ ๋‹จ, ๋ฐ˜๋ณต์€ ์—ญํšจ๊ณผ

์ฝ˜ํ…์ธ 

  • ๋ณต์‚ฌ ๋ถ™์—ฌ๋„ฃ๊ธฐ ๊ธˆ์ง€

  • ๊ฐ„๊ฒฐํ•œ ์ œ๋ชฉ๊ณผ ์„ค๋ช…๊ธ€

  • ์ตœ๋Œ€ํ•œ ํ…์ŠคํŠธ๋กœ ์„ค๋ช…ํ•˜๊ธฐ

  • ๊ผญ ์ด๋ฏธ์ง€๋ฅผ ๋„ฃ์–ด์•ผ ํ•œ๋‹ค๋ฉด alt์†์„ฑ์„ ์‚ฌ์šฉํ•ด ์ด๋ฏธ์ง€์— ๋Œ€ํ•œ ์„ค๋ช…์„ ๊ฐ„๊ฒฐํ•œ ํ…์ŠคํŠธ๋กœ ์ž‘์„ฑํ•˜๊ธฐ

PreviousREST APINextSOP&CORS

Last updated 1 year ago