개발 모음집/Etc

카카오톡, 페이스북에서 웹 사이트 URL 공유시 나오는 이미지 및 설명문구 설정

wonos 2019. 1. 24. 14:34

카카오톡, 페이스북에서 웹 사이트 URL 공유시 나오는 이미지 및 설명문구 설정

 

예)

    <meta property="og:type" content="website"/>

    <meta property="og:title" content=" 콘텐츠 제목"/>

    <meta property="og:site_name" content="웹 사이트의 이름 (주소 아님)" />

    <meta property="og:url" content="서버 url?>"/>

    <meta property="og:image" content="이미지 경로"/>

    <meta property="og:description" content="설명문구"/>

 

활용)

 <meta property=”og:title” content=”Your Awesome Article Title” />

<meta property=”og:description” content=”This awesome article is really awesome.” />

<meta property=”og:url” content=”https://yourwebsite.com/your-awesome-article" />

<meta property=”og:image” content=”https://yourwebsite.com/article-image.jpg">

 

    위 meta 태그들은 페이지 <head>에 포함시켜야 함.

 

    og = > Open Graph protocol

 

 

    Reference : http://ogp.me/