inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

만들면서 배우는 리액트 : 기초

진유림 선생님 너무 궁금해서 질문드립니다 ㅜ

해결된 질문

329

오르골

작성한 질문수 7

1

진유림 선생님 너무 궁금해서 질문드립니다 ㅜ

흔히 CSR은 SEO 최적화가 어렵다고 하는데 최적화가 어렵지 기본적인 메인 홈페이지는 검색이 되는게 맞죠?

시작이 되는 index.html의 소스의 <head></head> 태그안에 meta 태그 속성 중 네임과 컨텐트,

그리고 타이틀 태그로 인해서, 기본적인 메인 홈페이지는 검색이 되는 것이 맞나요?

javascript react

답변 2

1

캡틴판교

안녕하세요, 아래 답변 참고하세요 :)

https://www.inflearn.com/questions/1022706/comment/287500

1

진유림

감사합니다 캡틴판교님 ㅎㅎ

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요.
CSR과 SEO 최적화에 대해 궁금하신 것 같아요. CSR은 클라이언트 사이드 렌더링을 의미하는데, 이 방식은 초기 로딩 시에는 HTML의 내용이 없고 JavaScript를 통해 페이지를 동적으로 생성하는 방식입니다. 그래서 일반적으로 CSR은 검색 엔진 크롤러에겐 잘 인식되지 않아 SEO 최적화가 어렵다고 알려져 있어요.

하지만 메인 홈페이지의 경우, index.html의 head 태그 안에 있는 meta 태그의 속성, 컨텐트와 title 태그를 이용하여 기본적인 메타정보를 제공하면 검색 엔진은 이 정보를 인식하여 검색 결과에 반영할 수 있습니다. 따라서 기본적인 메인 홈페이지는 검색이 되는 것이 맞아요.

하지만 CSR 방식을 사용하는 웹사이트의 경우, 동적으로 생성되는 페이지의 내용은 검색 엔진 크롤러에게 인식되지 않을 수 있으므로, SEO에 대한 추가적인 노력이 필요할 수도 있어요.

더 자세한 내용은 검색 엔진의 알고리즘과 인덱싱 방식 등에 따라 다를 수 있기 때문에, 실제 웹사이트에 적용하기 전에 검색 엔진의 가이드라인을 참고하시는 것이 좋아요.

혹시 추가로 궁금한 점이 있으시면 언제든지 물어보세요.

API 적용 안되는 코드 수정 방법입니다.

0

70

1

고양이 이미지가 엑박이 뜨네요

0

50

1

npx 명령어 사용 불가

1

74

1

const 변수와 컴포넌트의 차이

0

88

1

강의노트

0

139

1

vite로 리액트 빌드한 후 깃허브에 배포하는 방법

0

323

1

빌드할때 dist 폴더가 만들어지는데요,

0

765

1

js파일 업로드 요청

0

135

1

변경된 api 사용시 text 안나오는 문제

0

141

1

메인글자수정...

1

267

3

디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?

1

310

1

https://cataas.com/undefined 로 나오는데 왜그런건가요?

1

590

4

고양이 사진이 깨져요.ㅜㅜ

2

358

3

강의 노트 위치를 모르겠습니다

1

342

1

깃 강의노트 어디서 볼 수 있나요?

1

380

2

이해가 안되는 부분이 있어요

1

360

1

api가 안불러와지네요...

1

658

4

react에서 컴포넌트 만들 때 대문자를 쓰는 이유

2

1154

2

https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ

1

328

2

index.js 내용이 바꼈네용

1

317

2

프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.

1

260

2

html 코드 오류

1

462

2

고양이 이미지 깨져요

1

337

2

고양이 이미지 링크 깨짐 문의

0

778

1