GDSC 중앙대학교 챕터 2월 세미나에서 발표한 SEO 설정 및 개선 방법에 관한 슬라이드입니다.

1. Open Micro Seminar
How to
(improve) SEO
조용주
GDSC CAU Core Member

2. 오늘 이야기 할 내용
How to (improve) SEO
1. SEO란?
4. SEO 성능 향상 시키기
2. SEO의 작동 원리
3. SEO 적용하기
5. SEO의 폐해
조용주

3. SEO란?
웹사이트 개발의 기본 단계
Component 디자인
Component 프로그래밍
Responsive 디자인
Reactive 프로그래밍
API, Data Fetching SEO Deploy + CI, CD
조용주

4. SEO
SEO란?
배포 전 반드시 체크해야 할 SEO!
Component 디자인
Component 프로그래밍
Responsive 디자인
Reactive 프로그래밍
API, Data Fetching Deploy + CI, CD
조용주

5. SEO란?
SEO란?
Search Engine Optimazation
조용주
검색 엔진 최적화

6. SEO란?
SEO가 필요한 이유
Organic Search (검색엔진 통한 유입) == SEO의 결과!
조용주

7. SEO의 작동원리
SEO의 작동원리
조용주
Crawling Indexing Ranking

8. SEO의 작동원리
SEO의 작동원리
조용주
GoogleBot Caffeine PageRank
RankBrain
Knowledge Graph

9. SEO 적용하기
시맨틱 태그 사용하기
조용주
<div> 태그 남발 > SEO에 악영향!
<hn>, <article>, <aside>, <details>, <header>,
<footer>, <nav>, <time>, <figure>, etc …

10. SEO 적용하기
메타 태그 및 소셜 카드 작성하기
조용주
Title :
Description :
Url :

11. SEO 적용하기
메타 태그 및 소셜 카드 작성하기
조용주
Twitter Card Open Graph

12. SEO 적용하기
Twitter Card Type
조용주
Summary Card
Summary Large Card Player Card
App Card

13. SEO 성능 향상시키기
SPA vs MPA
조용주
MPA, Multi Page Application
- 매번 새로운 페이지 로딩
- SSR 렌더링 방식 사용
SPA, Single Page Application
- 한 페이지에서 컴포넌트만을 불러옴
- CSR 렌더링 방식 사용

14. SEO 성능 향상시키기
조용주
SPA에서 메타 태그 및 소셜 카드 작성하기
SSR CSR
트래픽(SEO) 속도
VS

15. SEO 성능 향상시키기
조용주
SPA에서 메타 태그 및 소셜 카드 작성하기
SSR CSR
트래픽(SEO) 속도
+
Universal Rendering
Next.js, Nuxt.js, etc…

16. SEO 성능 향상시키기
조용주
SPA에서 메타 태그 및 소셜 카드 작성하기
- CSR Hydration
- Component-like Code Split
- Pre-Fetching

17. SEO 성능 향상시키기
사이트맵 제출하기
조용주
Sitemap
- 웹사이트에 대한 지도, 가이드
- 검색 엔진의 구조 파악, 서브 도메인 연결 등에 유리
- Google Search Console 통해 제출

18. SEO 성능 향상시키기
i18n 설정하기
i18n 국제화 설정
조용주
- 다국어를 사용하는 경우
- 유저 로컬과 언어 위치가 다를 경우
- 언어 미설정시 SEO에 큰 손해!

19. SEO 성능 향상시키기
Google Domains 사용하기
조용주

20. SEO의 폐해
SEO의 폐해
Google VS Reddit?
조용주
- 키워드 어뷰징
- SEO 고도화
- Reddit의 ‘실사용자 커뮤니티’성

21. 들어주셔서 감사합니다.