👣 개요
Open Graph의 줄임말로 어떤 HTML 문서의 메타정보를 쉽게 표시하기 위해서
메타정보에 해당하는 제목, 설명, 문서의 타입, 대표 URL 등 다양한 요소들에 대해서
사람들이 통일해서 쓸 수 있도록 정의해놓은 프로토콜이며
페이스북에 의하여 기존의 다양한 메타 데이터 표기 방법을 참조하여 만들어졌다.
Open Graph는 SNS에 웹 사이트 링크가 공유될 때,
링크의 미리보기 정보를 제공하는 역할을 수행한다.
사용자는 단순히 URL만 복붙했을 뿐인데,
아래와 같은 이미지, 설명이 표시된다.
👣 적용 방법
Open Graph 태그는 <head> 태그 내부에서 정의되고 다음과 같은 형식으로 사용된다.
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/page.html">
<meta property="og:title" content="Content Title">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:description" content="Description Here">
<meta property="og:site_name" content="Site Name">
<meta property="og:locale" content="en_US">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
'항해 99' 카테고리의 다른 글
| Pymongo 사용법 (0) | 2023.08.06 |
|---|---|
| Web Scraping (0) | 2023.08.05 |
| Jinja2 템플릿 엔진 (0) | 2023.08.05 |
| Flask 맛보기 (0) | 2023.08.05 |
| mongo Atlas (0) | 2023.08.04 |