Open Graph_React

• 콘텐츠의 요약내용이 SNS에 게시되는데 최적화된 데이터를 가지고 갈 수 있도록 설정하는 것
• 사용자가 클릭 하기전에 크롤러가 해당 웹 사이트를 방문하여 HTML의 head의 메타데이터를 크롤링하여 미리보기 화면을 생성해준다
  

태그사용법

이미지의 경우 최소한 600 X 315 픽셀은 되어야하며, 1200 X 630 픽셀크기를 권장

기본적인 og 메타태그

<meta name="title" content="콘텐츠 제목" />
<meta property="og:url" content="https://example.com/page.html" />
<meta property="og:title" content="[JavaScript] 프로토타입" />
<meta property="og:description" content="자바스크립트와 프로토타입 자바..." />
<meta property="og:image" content="/craw-image/image.png" />

레퍼런스