📢 오픈 그래프란?
웹 페이지 공유 시 미리보기 화면을 구성하는것이 오픈 그래프 프로토콜이다.
<meta> 태그를 사용해서 공유할 제목과 이미지, 요약 정보 등을 구성
<html>
<head>
<meta property="og:type" content:"website">
<meta property="og:title" content:"WebSiteTitle">
<meta property="og:description" content:"This WebSite Desc">
<meta property="og:image" content:"./img/ko">
</head>
</html>
<meta property="속성" content="값">
📌 오픈 그래프 속성
- og:title : 웹 페이지 제목
- og:type : 웹 페이지 유형(ex : article, movie 등)
- og:image : 대표 이미지
- og:url : 링크 주소
- og:description : 웹 페이지 내용 요약
'HTML' 카테고리의 다른 글
| video 태그 정리 (0) | 2024.11.18 |
|---|---|
| [HTML] meta 태그 (0) | 2023.09.12 |
| 웹 표준 및 웹 접근성 (0) | 2023.07.28 |
| 무료 아이콘 사용 가능한 사이트 (0) | 2023.07.11 |