웹페이지가 소셜 미디어 등으로 공유될 때 우선적으로 활용되는 정보를 지정한다.

<https://ogp.me/>

open graph 의 속성들

// open graph 의 type 은 website 이다.
<meta property="og:type" content="website" />

// open graph 의 속한 site 이름은 starbucks 다.
<meta property="og:site_name" content="Starbucks" />

// open graph 의 페이지의 이름은 starbucks 다.
<meta property="og:title" content="Starbucks Coffee Korea" />

// open graph 의 site 설명은 starbucks 다.
<meta property="og:description" content="스타벅스는 세계에서 가장 큰 다국적 커피 전문점으로, 64개국에서 총 23,187개의 매점을 운영하고 있습니다." />

// open graph 의 site image는 starbucks 다.
<meta property="og:image" content="./images/starbucks_seo.jpg" />

// open graph 의 site url은 starbucks 다.
<meta property="og:url" content="<https://starbucks.co.kr>" />

트위터 카드

// 페이지 유형
<meta property="twitter:card" content="summary" />

// 속한 사이트의 이름
<meta property="twitter:site" content="Starbucks" />

// 페이지 자체의 이름
<meta property="twitter:title" content="Starbucks Coffee Korea" />

// 설명
<meta property="twitter:description" content="스타벅스는 세계에서 가장 큰 다국적 커피 전문점으로, 64개국에서 총 23,187개의 매점을 운영하고 있습니다." />

// 이미지
<meta property="twitter:image" content="./images/starbucks_seo.jpg" />

// url
<meta property="twitter:url" content="<https://starbucks.co.kr>" />

SEO : 검색 엔진 최적화 (Search Engine Optimization)

구글이나 네이버 등에 자신의 웹 사이트/페이지를 노출할 수 있도록 정보를 최적화 하는 작업