본문 바로가기
프로그래밍/코딩일반

Open Graph Meta Tags를 사용합시다.

by 강릉바다의 블로그 2024. 1. 25.

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>

 

 

https://ogp.me/

 

Open Graph protocol

The Open Graph protocol enables any web page to become a rich object in a social graph.

ogp.me