head 사이에 og:title부분엔 제목을 og:image 부분엔 이미지를 넣으면 오픈 그래프를 적용할 수 있습니다.
이에 대한 출처 : blog.ab180.co/posts/open-graph-as-a-website-preview
링크의 미리보기 제목, 설명, 이미지를 결정하는 open graph 태그
링크의 미리보기 제목, 설명, 이미지를 결정하는 open graph 태그에 대해 알아보자
blog.ab180.co
잘 되었는지 확인하는 곳 :developers.facebook.com/tools/debug/?q=https%3A%2F%2Fblog.imaginaryspace.kr
공유 디버거 - Facebook for Developers
공유 디버거를 사용하면 Facebook에 공유될 때 콘텐츠가 표시되는 모습을 미리 보거나 오픈 그래프 태그를 사용하여 문제를 디버깅할 수 있습니다. 이 도구를 사용하려면 Facebook에 로그인하세요.
developers.facebook.com
이런식으로 확인을 할 수 있습니다.