og(open graph) 태그

og 태그
: og 태그란 Open Graph Tag의 줄임말로써 페이스북으로부터 시작된 규약입니다. 여러 사이트 및 콘텐츠들은 대부분 URL을 통해 공유가 되는 데 공유가 될 때 사이트 및 콘텐츠들을 표기하는 방식을 관리 할 수 있는 것이 og 태그이다.

링크를 공유하면 자연스럽게 보이는 썸네일, 제목, 설명들을 말한다.

해당 화면에 보이는 제목, 설명, 이미지 등이 바로 open graph 태그로 노출된 정보라고 한다.

<meta property="og:title" content="..."> -> 콘텐츠 제목 
<meta property="og:url" content="..."> -> 웹페이지 URL 
<meta property="og:type" content="..."> -> 웹페이지 타입(blog, website 등) 
<meta property="og:image" content="..."> -> 표시되는 이미지 
<meta property="og:site_name" content="..."> -> 웹사이트 이름(URL과 다름) 
<meta property="og:description" content="..."> -> 웹페이지 설명(제목 아래에 표시)

출처
https://gocoder.tistory.com/315

HTML - og(open graph) 태그 란? / 카톡,sns 미리보기 지정

https://velog.io/@byeol4001/Meta-Tag-OG%EC%98%A4%ED%94%88%EA%B7%B8%EB%9E%98%ED%94%84-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

Meta Tag , OG(오픈그래프) 사용하기