학습 목표

• SEO 의 필요성과 개념
• SEO 종류
• SEO 에 영향을 주는 요소의 종류와 작성 방법

SEO

필요성

• 만들어진 웹 페이지가 검색햇을 때 검색 결과 상위에 없으면 아무도 찾지 않는 웹 페이지가 되어버립니다.

개념

• 검색 엔진에서 웹 페이지를 보다 더 상위에 노출하도록 검색 엔진의 작동 방식에 맞게 웹 페에지를 최적화해주는 작업입니다.

종류

• 크게 On-Page SEO 와 Off-Page SEO 두 가지로 나뉘어집니다.
  • On-Page SEO : 페이지 내부에서 진행할 수 있는 SEO, 효율적인 HTML 요소 사용법 등을 이용하는 방법
  • Off-Page SEO : 웹 사이트 외부에서 이루어지는 SEO, 광고, 백링크 등을 이용하는 방법

On-Page 에서 통제할 수 있는 요소

1. <title> 요소
   • 알맞은 제목을 작성하여 유입을 유도하 수 있습니다.
   • 제목에 핵심 키워드가 포함되면 상위 노출 확률이 높아집니다.

2. <meta> 요소
   1. SEO 를 위해 사용하는 목적
      • name 속성 사용
      • 검색 결과창의 설명 등
      • 예시 : <meta name="속성값" content="내용" />

      name 속성값	설명
      description	검색 결과에서 제목 밑에 뜨는 내용
      keywords	웹 페이지의 관련 키워드들을 나열
      author	콘텐츠의 제작자를 표시

   2. 오픈 그래프 (Open Graph)
      • property 속성 사용
      • 소셜 미디어에서 공유했을 때 뜨는 링크 미리보기
      • 각 속성값 앞에 "og" 가 붙습니다.
      • 예시 : <meta property="속성값" content="내용" />

      property 속성값	설명
      og:url	페이지의 표준 URL
      og:site_name	사이트의 이름
      og:title	콘텐츠의 제목
      og:description	콘텐츠의 설명
      og:image	미리보기로 표시될 이미지
      og:type	콘텐츠 미디어의 유형
      og:locale	리소스의 언어

3. <hgroup> 요소
   • 검색 엔진에서 <hgroup> 요소의 내용을 중요하게 취급합니다, 콘텐츠의 제목을 표시하는 용도의 요소이기 때문에
     • 핵심 키워드를 의도적으로 내용으로 넣어주면 좋습니다.
     • 하지만 똑같은 키워드만 반복해서 넣으면 안됩니다.

4. 컨텐츠
   1. 개성있는 브랜딩
      • 해당 웹사이트만 검색될 수 밖에 없는 아이디어를 내는 것도 아주 좋은 SEO 전략입니다.
      • 이름이나 서비스의 종류가 아니더라도 독튼한 이벤트나 컨텐츠를 만들어내는 것도 훌륭한 방법입니다.

   2. 복사 + 붙여넣기 금지
      • 타 사이트의 글을 그대로 복사해서 사용하면 검색 엔진은 중복 문서로 판정하여 아예 검색 결과에서 생략해버립니다.

   3. 간결한 제목과 설명글
      • 많은 키워드를 제목과 설명글에 넣는다고 해서 검색 잘 되는 것이 아닙니다.

   4. 최대한 글자로 작성하기
      • 검색 엔진은 이미지에 적힌 글을 읽을 수 없습니다.
      • 꼭 이미지르 넣는 경우에는 alt 속성을 사용해 설명을 간결하게 작성합니다.

참조

코드스테이츠 프론트엔드 부트캠프