기술 블로그

  • 홈

og tag 1

Client-side rendering(CSR) 웹사이트 동적 OG(OpenGraph) 메타태그 적용을 위한 방안

당시 재직하던 회사에서 운영 중인 웹 프로젝트는 Create-React-App(이하 CRA) 으로 구조를 잡아 개발하고 있었다. 사용자가 웹사이트에 들어와 컨텐츠를 보고 기능을 사용하는데 문제는 없었으나, 웹사이트에 들어오기 전 단계에서는 문제가 있었다. Client-side rendering(CSR) 이더라도 정적 데이터를 사용한다면 문제가 없으나, 상품 상세보기 페이지와 같이 상품에 대한 상세정보를 서버에서 제공 받아야 하는 경우에는 검색엔진 봇(Bot)에게 데이터를 제공해 줄 수가 없다. 이를 해결하려면 검색엔진 봇이 웹서버에 접근했을 때, 서버에서 렌더링 하는 SSR(Server side rendering) 혹은 Build 시점에 외부데이터를 사용해 정적페이지를 렌더링하는 Next.js 의 S..

트러블슈팅 & 알게된 것 2024.08.05
이전
1
다음
더보기
프로필사진

기술 블로그

학습을 통해 알게된 것과 트러블슈팅을 기록하는 기술블로그 입니다.

  • 전체 글 보기 (22)
    • Dev study 정리 (14)
    • 트러블슈팅 & 알게된 것 (6)
    • 웹접근성, 웹표준, UI 사용성 관련 (1)
    • 회사 기술블로그에 작성한 글 (1)

방문자수Total

  • Today :
  • Yesterday :

티스토리툴바