뒤로 가기
홈으로 이동
노트
POST

React SEO: Best Practices to Make It SEO-Friendly

출처: https://ahrefs.com/blog/react-seo/
SJPark의 프로필 이미지
SJPark
의 학습노트

React SEO: Best Practices to Make It SEO-Friendly

React App 을 검색 최적화 (SEO) 하려면 어떻게 해야 하는가? 검색엔진의 동작원리를 이해하고 그에 맞추면 됩니다.

그중에서도 가장 중요한 포인트는, <a href> Tag 를 적확하게 사용해야 한다는 것입니다.

React 에서 스크롤 다운하면 추가 콘텐츠를 불러오는 component 가 있다고 하면, 스크롤 다운을 받아들이는 javascript 는 제대로 실행되지 않을 가능성이 높습니다.

그렇다면 인덱싱도 제대로 되지 않겠지요. 그렇다면 검색엔진을 위해서는

<a href> Tag 를 사용해서 <이전> 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 <다음> 과 같은 형태를 만들고 각 목록 페이지에 페이지 링크를 또 다시 <a href> 를 이용해서 걸어두면 좋겠네요.

사람 사용자를 위해서 하는 작업이 아니고, 검색엔진의 크롤러를 이용해서 하는 작업입니다.

✔ 학습 완료

이런 러닝패스는 어때요?

SJPark님의 다른 노트는 어때요?

SJPark의 프로필 이미지
SJPark
의 학습노트

Amplify - 리액트(react)에 인증(Auth) 붙이기

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
15
00:00
Amplify 에 Auth 붙이기. 개발환경은 React, Amplify CLI 로 붙입니다. Amplify library 사용합니다.
02:12
npm install -g @aws-amplify/cli
👍
2
스크랩
SJPark의 프로필 이미지
SJPark
의 학습노트

피그마 처음 써보는 디자이너가 써 봅니다. 텍스트, 가이드, 확대 축소, 라운드, 이미지, 플로그인, 인터랙션

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
12
00:10
디자인 실력은 툴과 무관하다.
01:06
텍스트를 써보자
👍
1
스크랩