Open Graph

web 2026. 8. 6

OG란

아래와 같이, 링크를 공유할 경우 표시되는 링크에 대한 정보

tag 종류

<meta property="og:type" content="article" /> // 종류는 아래 참고
<meta property="og:title" content="표시될 타이틀" />
<meta property="og:site_name" content="사이트 명. 보통 사이트 url 또는 사이트 명을 작성한다" />
<meta property="og:site_description" content="글 설명. 부제 또는 글 내용을 주로 표시한다" />
<meta property="og:image" content="표시될 이미지 경로. 썸네일 또는 로고 등을 표시한다" />
<meta property="article:published_time" content="2026-07-22T00:00:00+09:00" />
<meta property="article:modified_time" content="2026-08-01T00:00:00+09:00" />
<meta property="article:author" content="https://wintinue.com/portfolio" />
<meta property="article:tag" content="thought" />

og:type

타입용도
website기본값. 특정 타입에 해당하지 않는 모든 페이지
article글·기사 — article:* 부가 속성 사용 가능
profile사람 소개 페이지 — profile:first_name 등 부가 속성
book책 — ISBN·저자 등 부가 속성
music.*song·album·playlist·radio_station 4종
video.*movie·episode·tv_show·other 4종

article type 부가 속성

  • article:published_time
  • article:modified_time
  • article:author 저자에 대한 링크를 주로 넣는다
  • article:tag

OG 프리뷰

https://www.opengraph.xyz/ 여기에서 어떻게 보이는지 확인 가능