# React 사이트를 SEO 친화적으로 만들기

> Clean Markdown view of GeekNews topic #6081. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=6081](https://news.hada.io/topic?id=6081)
- GeekNews Markdown: [https://news.hada.io/topic/6081.md](https://news.hada.io/topic/6081.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2022-03-04T09:49:30+09:00
- Updated: 2022-03-04T09:49:30+09:00
- Original source: [ahrefs.com](https://ahrefs.com/blog/react-seo/)
- Points: 18
- Comments: 0

## Topic Body

- 구글의 페이지 처리 프로세스 소개 및 React의 SEO 이슈들과 대처 방안   
- SSR / SSG 적용은 필수 : 최초 렌더링 빠르게 & 검색 크롤러의 렌더링에 의존하지 않기  
- HTTP 상태코드 제대로 사용할 것  
- Hashed URL은 피하기   
- 링크는 꼭 < a href >로 (div 나 button 말고)  
- 주요 HTML의 Lazy Loading 피하기   
- 기본 요소들은 다 챙길 것   
  - Canonicalization  
  - Structured data  
  - XML sitemaps  
  - Mobile-first  
  - Website structure  
  - HTTPS  
  - Title tags  
  - Semantic HTML

## Comments



_No public comments on this page._