메뉴 건너뛰기

Dev tips

HTML / CSS SNS 공유하기 기능을 위한 meta 태그 정리

taknim 2015.02.26 22:26 조회 수 : 2089 추천:359

SNS 공유하기 기능을 위한 meta 태그 정리

<!-- 페이스북 -->
<meta property="og:title"           content="제목" />
<meta property="og:site_name"       content="사이트명" />
<meta property="og:type"            content="분류 (website,article,place,product,event ...)" />
<meta property="og:url"             content="주소" />
<meta property="og:image"           content="썸네일 (200x200.jpg)" />
<meta property="og:description"     content="요약글" />

<!-- 트위터 -->
<meta name="twitter:card"           content="분류 (summary, photo, gallery ...)" />
<meta name="twitter:title"          content="제목" />
<meta name="twitter:site"           content="사이트명" />
<meta name="twitter:creator"        content="작성자명" />
<meta name="twitter:image"          content="썸네일" />
<meta name="twitter:description"    content="포스트 내용" />

<!-- 미투데이 -->
<meta property="me2:post_body"      content="포스트 내용" />
<meta property="me2:post_tag"       content="태그" />
<meta property="me2:image"          content="썸네일" />
<meta property="me2:latitude"       content="위도" />
<meta property="me2:longitude"      content="경도" />
<meta property="me2:post_icon"      content="포스트 아이콘 (1~12 숫자" />
<meta property="me2:category1"      content="카테고리1" />
<meta property="me2:category2"      content="카테고리2" />

 

 

[출처]

http://asrahi.me/20198541611