📍 open graph

카톡이나 메일 등으로 링크주소를 보내면
대부분 미리보기 처럼 제목, 설명, 이미지가 뜬다.
그것을 해주는 기능을 open graph 라고 하고
아래와 같이 작성하여 html 문서의 헤드 태그 안에 붙여넣는다.

<head>
  <meta property="og:image" content="/이미지경로.jpg">
  <meta property="og:description" content="사이트설명">
  <meta property="og:title" content="사이트제목">
</head>
  • open graph 를 왜 사용할가?
    사용자에게 미리 웹사이트의 이미지나 정보 등을 제공하여,
    실제로 사용자가 우리의 웹사이트를 이용할 수 있게 한다.
    실제로 사용자 유입에 유의미한 방법이라고 생각한다.
    SEO(검색엔진최적화) 에는 별 도움은 안된다.
profile
front-end ing

0개의 댓글