Open Graph Meta Tags의 필요성과 중요성이 많아졌습니다.
특히 카카오톡과 같은 SNS를 통해 사이트 주소를 전송할 때 매우 유용합니다.
또한 블로그 등에서도 유용합니다.
샘플은 다음과 같습니다.
<html prefix="og: https://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="https://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="https://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>
최소한 아래는 사용하는 것이 좋습니다.
<head>
<title>강릉바다의 홈페이지</title>
<meta property="og:image" content="mylogo.png">
<meta property="og:title" content="강릉바다의 홈페이지">
<meta property="og:description" content="사진, 코딩자료, 인공지능자료 등이 있어요.">
</head>
Open Graph protocol
The Open Graph protocol enables any web page to become a rich object in a social graph.
ogp.me
'Programming > Coding' 카테고리의 다른 글
| 초 중등 인공지능 교육 내용기준 성격 및 목표 (0) | 2024.01.25 |
|---|---|
| HTML Button Generator (0) | 2024.01.24 |
| HTML Table Generator (0) | 2024.01.23 |
| 파이썬 if 문의 관계연산자 처리 방법 3가지 비교 (0) | 2024.01.16 |
| python list test (0) | 2023.12.18 |