# SEO

### 1. SEO?

그동안 Next js를 사용해 오며 SSR을 통한 SEO에 유리하다는 장점을 알고는 있었지만, 실질적으로 SEO라는 개념을 너무 추상적으로 이해하고 있는것 같아 정리하고자 작성하는 글이다.

먼저 SEO는 Serach Engine Optimization의 약자로 검색엔진 최적화라는 뜻의 단어이다. 구글같은 검색엔진에 어떠한 검색어를 입력했을때 상위쪽에 노출되는 게시글을 무의식적으로 눌러본 경험이 있을것이다. 이런식으로, 우리가 무엇인가를 검색했을 때

> 검색결과에서의 상위노출을 할 수 있도록 하는 것이 바로 검색엔진 최적화 즉, SEO이다.

* 검색엔진이란, 정보와 웹사이트를 검색하기 위한 프로그램을 가리키는 것으로, 보통 인터넷 상에서 정보를 찾아주는 웹 검색엔진을 주로 말한다.

### 2. SEO 적용시 유의점

SEO를 적용시 고려해야할 요소는 매우 많지만, 그중 몇 가지를 추려보고자 한다.

1. 고유하고 정확한 페이지 제목 만들기
   * `<title>` 태그를 이용하여 검색엔진에 해당 페이지의 주제가 무엇인지 알려주어야 한다.
   * `<title>` 태그를 이용하여 검색엔진이 각 페이지 별로 다른 페이지와 어떻게 다른지 알 수 있도록 한다.
2. 구조화된 데이터 마크업 사용
   * 검색엔진에 컨텐츠를 설명해 주기 때문에, 페이지에 어떤 내용이 있는지 잘 이해할 수 있다.
3. 단순한 URL 사용
   * 페이지 문서와 관련된 설명을 제공하는 단어들로 URL을 구성한다.
   * 너무 깊은 디렉토리 구조는 피하고, 어떠한 역할을 하는지 간단히 알 수 있는 이름을 붙히기
4. 문법에 맞는 정확한 HTML 태그 사용
   * 이미지 사용시 `img`, `picture` 태그를 사용하고, css를 사용한 이미지 사용은 추천하지 않는다.
   *
5. 모바일 친화적으로 제작하기
   * 반응형 웹 디자인을 통하여 모바일 최적화

### 2. SEO 적용시 장/단점

1. 장점
   * 우선 자사의 컨텐츠를 검색시 상단에 위치하게 하는 작업이기 때문에, 광고와 비슷할수 있다. 하지만, 광고와 달리 비용이 들지 않고, 지속적인 노출이 가능하다.
2. 단점
   * 탐색을 하고 있는 유저는 전환하기 어렵다.
   * 단기적으로 보았을때 비용대비 퍼포먼스가 나쁘다.
   * 키워드에 따라 난이도가 달라진다.
