23. SEO의 개념과 SEO 방법 설명
SEO (검색 엔진 최적화)
SEO(Search Engine Optimization)는, 웹사이트를 검색 엔진(예 : 구글, 네이버 등) 결과에서 상위에 노출되도록 최적화하는 작업이다. 검색 결과에서 높은 순위를 차지하면 더 많은 방문자를 유입할 수 있어, 트래픽 증가와 매출 향상에 도움이 된다.
🪺 SEO의 핵심 원리
1. 검색 엔진 알고리즘의 이해
구글과 같은 검색 엔진은 사용자가 원하는 정보를 제공하기 위해 페이지의 콘텐츠 품질, 사용 편의성, 링크 구조 등을 분석한다.
2. 유기적 트래픽 확보
광고 없이도 사람들이 자연스럽게 검색을 통해 방문하도록 하는 것이 목적
🪺 SEO를 위한 주요 작업
1. 키워드 연구 (Keyword Research)
- 사람들이 자주 검색하는 키워드를 찾아 콘텐츠에 반영한다.
- 도구 : 구글 키워드 플래너, Ubersuggest, Ahrefs, 키워드마스터
2. 온페이지 SEO (On-Page SEO)
- 웹사이트 내부 요소 최적화
- 제목 태그(Title Tag) : 페이지마다 핵심 키워드를 포함한 제목 작성
- 메타 설명(Meta Description) : 검색 결과에 노출되는 페이지 요약문
- 헤더 태그(h1, h2 등) : 콘텐츠를 구조화하고 키워드 포함
- 이미지 최적화 : 파일명과 ALT 텍스트에 키워드 삽입
🚖 이미지 최적화 더 보기
3. 오프페이지 SEO (Off-Page SEO)
- 웹사이트 외부에서 트래픽을 끌어올리는 작업
- 백링크 구축 : 외부 사이트에서 내 사이트로 연결되는 링크 확보
- 소셜 신호 : 소셜 미디어를 활용해 사이트 노출
❓백링크? 소셜 신호?
4. 기술적 SEO (Technical SEO)
- 검색 엔진이 사이트를 쉽게 탐색하고 색인할 수 있도록 한다.
- 사이트 속도 최적화 (페이지 로딩 속도 개선)
- 모바일 최적화 : 반응형 웹 디자인 도입
- 사이트맵 제출 : 구글 서치 콘솔에 사이트맵 제출
❓사이트맵? - 로봇.txt 파일 관리 : 검색 엔진 크롤링을 제어
❓로봇.txt?
5. 콘텐츠 마케팅 (Content Marketing)
사용자에게 유용하고 신뢰성 있는 콘텐츠를 꾸준히 제공
(예시 : 블로그 작성, FAQ 페이지 구축, 최신 트렌드 반영 등)
6. 분석과 개선
- 구글 애널리틱스나 서치 콘솔을 통해 성과를 모니터링하고 지속적으로 개선
- 측정 지표 : 방문자수, 클릭률(CTR), 이탈률, 페이지 체류 시간
🪺 SEO 작업의 순서
- 목표 설정 : 유입을 원하는 키워드와 목표 페이지 결정
- 경쟁 분석 : 경쟁사의 SEO 전략 파악
- 키워드 삽입 콘텐츠 제작 : 블로그, 상품 설명 등에서 키워드를 활용
- 기술적 문제 해결 : 빠른 속도, 반응형 디자인 적용
- 백링크 확보 : 유용한 콘텐츠를 외부 사이트에 공유하도록 유도
성과 분석 및 피드백: 매달 또는 분기별로 분석 결과 확인 후 개선
🪩 추가 팁
- 꾸준함 : SEO는 시간이 걸리는 작업이다.
- 품질 콘텐츠 : 단순히 키워드를 채워 넣기보다는 사용자에게 유익한 정보를 제공해야 한다.
- 최신 트렌드 반영 : 검색 엔진 알고리즘은 자주 업데이트되므로 최신 정보를 반영해야 한다.
검색 엔진
처음으로 검색 엔진의 작동 방식을 자세히 접한 것은
모던 리액트 Deep Dive의 서버 사이드 렌더링 챕터를 읽을 때였다.
🦩 서버 사이드 렌더링
(서버 사이드 렌더링은 검색 엔진 최적화에 유용하다. )
✨ 검색 엔진이 사이트에서 필요한 정보 가져가는 과정
- 검색 엔진 로봇(머신)이 페이지에 진입한다.
- 페이지가 HTML 정보를 제공해, 로봇이 이 HTML을 다운로드한다.
단, 다운로드만 하고 자바스크립트 코드는 실행하지 않는다.- 다운로드한 HTML 페이지 내부의 오픈 그래프(Open Graph)나,
메타(meta) 태그 정보를 기반으로 페이지의 검색(공유) 정보를 가져오고 이를 바탕으로 검색 엔진에 저장한다.
❓오픈 그래프?
이 검색 엔진의 페이지 방문과 사용자의 브라우저를 이용한 페이지 방문의 큰 차이점은, 페이지 내부에 있는 JS 코드의 실행 여부다. 브라우저는 해당 페이지를 사용자에게 HTML이나 각종 정보로 제공하기 위해 자바스크립트를 실행해야 하지만, 로봇은 페이지를 보는 것이 아닌 페이지의 정적인 정보를 가져오는 것이 목적이므로, 자바스크립트를 다운로드하거나 실행할 필요가 없다.
싱글 페이지 애플리케이션은 대부분의 작동이 자바스크립트에 의존하는데, 이러한 메타 정보 또한 마찬가지다. 검색 엔진이 최초에 방문했을 때, 즉 페이지에 최초로 진입했을 때 이러한 메타 정보를 제공할 수 있도록 조치를 취하지 않는다면, 검색 엔진이나 SNS 공유 시에 불이익이 있을 수 있다.
반면 서버 사이드 렌더링은 최초의 렌더링 작업이 서버에서 일어난다. 즉, 검색 엔진에 제공할 정보를 서버에서 가공해서 HTML 응답으로 제공할 수 있으므로 검색 엔진 최적화에 대응하기 용이하다.
( 출처 : 모던 리액트 Deep Dive, 김용찬, 위키북스 )
