[클라우딩 어플리케이션 엔지니어링 TIL] 240223 - Open Graph 설정하기

Intro

---

오늘은 감정 일기장 프로젝트 실습의 마지막 단계로 Open Graph 설정 방법에 대해 학습했다.

 

 

 

 

오늘 학습한 내용

---

Open Graph 설정하기

Open Graph란❓
SNS에서 링크를 공유할 때 웹 페이지의 미리보기(페이지 제목, 설명, 이미지 등)를 생성하는 데에 활용되는 프로토콜

 

 

• Open Graph 설정 방법

HTML의 head 태그 안에 meta 태그를 추가하여 Open Graph를 설정할 수 있다.

<meta property="og:image" content="%PUBLIC_URL%/thumbnail.png" />
<meta property="og:site_name" content="감정 일기장" />
<meta property="og:description" content="나만의 작은 감정 일기장🤨" />

 

 

 

마무리

---

 

Open Graph란 단어를 처음 접하였는데 무엇인지는 익숙히 봐왔던 것이었다.

Open Graph를 설정하면 내가 만든 웹을 친구들에게 자랑할 때 좀 있어보이게 보낼 수 있을 것 같다.