Open Gragh
- 페이스북 내에서의 링크 공유 시 해당 웹페이지에 대한 정보를 특정 형식의 미리보기 형태로 제공해주는 기능
op 태그 종류
- og:title : 미리보기 title
- og:image : 미리보기 이미지 주소
- og:description : 미리보기 설명
- og:url : 미리보기 주소
- og:type : 타입의 종류
사용 예시
<Head>
<meta property="og:title" content='미리보기 title' />
<meta property="og:image" content={이미지URL} />
<meta property="og:type" content="website" />
<meta property="og:url" content={공유할사이트주소} />
<meta property="og:description" content='미리보기 설명' />
...
</Head>
'FrontEnd' 카테고리의 다른 글
[structuredClone] Js 깊은 복사 쉽게 하기(Deep Copy) (1) | 2024.04.26 |
---|---|
[SEO] 캐노니컬 태그 (Canonical tag) 특징 사용법 (0) | 2023.12.18 |
[Svelte] Svelte특징, Svelte Start Example (0) | 2023.09.24 |
[React] Sentry란? React+Sentry - Error Monitoring Example (0) | 2023.07.30 |