프로그래밍/코딩일반
Open Graph Meta Tags를 사용합시다.
강릉바다의 블로그
2024. 1. 25. 12:51
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