검색엔진 최적화를 위한 메타태그중 소셜과 관련된 내용을 정리해보았습니다.
기본적으로 페이스북 관련 메타태그는 Open Graph Protocol 에 따르고 있으며
많은 소셜 서비스 또한 기본적으로 Open Graph Protocol을 많이들 사용하고 있습니다.
상황에 맞게 적절하게 내용을 변경하게 쓰면될것같습니다.
<!--SNS 공유하기 기능을 위한 META 태그 정리(대표이미지 추출등 .. OpenGraph)--> <link rel="image_src" href="http://chongmoa.com/대표이미지.png" /> 대표 이미지 URL (이미지를 여러 개 지정할 수 있음) <link rel="image_src" href="http://chongmoa.com/대표이미지2.png" /> 대표 이미지 URL (이미지를 여러 개 지정할 수 있음) <link rel="canonical" href="http://chongmoa.com" /> 선호 URL <meta name="description" content="C.m.A API 이야기,API,OPEN API,XML,PHP,MYSQL,Jvascript,Html,chongmoa.com,홈페이지,cms,쇼핑몰,큐알코드생성,QR Code Generator,IP Address Lookup,유닉스타임변환,Unix Timestamp Converter,유닉스타임을 날짜로 변환,Unix timestamp to DateTime" /> 페이지 설명 <!--트위터관련 관련 메타태그--> <meta name="twitter:card" content="summary" /> 트위터 카드 summary는 웹페이지에 대한 요약정보를 보여주는 카드로 우측에 썸네일을 보여주고 그 옆에 페이지의 제목과 요약 내용을 보여준다. <meta name="twitter:url" content="http://chongmoa.com" /> 트위터 카드를 사용하는 표시하고싶은URL <meta name="twitter:title" content="C.m.A API 이야기 [chongmoa.com]" /> 트위터 카드에 나타날 웹 사이트의 제목 <meta name="twitter:description" content="C.m.A API 이야기,API,OPEN API,XML,PHP,MYSQL,Jvascript,Html,chongmoa.com,홈페이지,cms,쇼핑몰,큐알코드생성,QR Code Generator,IP Address Lookup,유닉스타임변환,Unix Timestamp Converter,유닉스타임을 날짜로 변환,Unix timestamp to DateTime" /> 트위터 카드에 나타날 요약 설명 <meta name="twitter:image" content="http://chongmoa.com/대표이미지.png" /> 트위터 카드에 보여줄 대표 이미지 URL <meta name="twitter:site" content="@트위터아이디" /> 트위터 카드에 사이트 배포자 트위터아이디 <meta name="twitter:creator" content="@트위터아이디" /> 트위터 카드에 배포자 트위터아이디 <!--페이스북 관련 메타태그--> <meta property="fb:app_id" content="앱아이디" /> 앱아이디 <meta property="og:title" content="C.m.A API 이야기" /> 웹 사이트의 제목 <meta property="og:type" content="website" /> 사이트 종류 <meta property="og:image" content="http://chongmoa.com/대표이미지.png" /> 대표 이미지 URL (이미지를 여러 개 지정할 수 있음) <meta property="og:image" content="http://chongmoa.com/대표이미지2.png" /> 대표 이미지 URL (이미지를 여러 개 지정할 수 있음) <meta property="og:site_name" content="C.m.A API 이야기 [chongmoa.com]" /> 웹 사이트의 제목 <meta property="og:url" content="http://chongmoa.com" /> 표시하고싶은URL <meta property="og:description" content="C.m.A API 이야기,API,OPEN API,XML,PHP,MYSQL,Jvascript,Html,chongmoa.com,홈페이지,cms,쇼핑몰,큐알코드생성,QR Code Generator,IP Address Lookup,유닉스타임변환,Unix Timestamp Converter,유닉스타임을 날짜로 변환,Unix timestamp to DateTime" /> 페이지 설명 <!-- og:image 규칙 이미지의 사이즈는 최소 50×50 이상이어야 한다. 이미지의 가로세로 혹은 세로가로 비율이 3:1이 넘지 말아야 한다. 이미지 포맷은 png, jpeg, gif를 지원한다. --> <!--네이트온 관련 메타태그--> <meta name="nate:title" content="C.m.A API 이야기" /> 웹 사이트의 제목 <meta name="nate:description" content="C.m.A API 이야기,API,OPEN API,XML,PHP,MYSQL,Jvascript,Html,chongmoa.com,홈페이지,cms,쇼핑몰,큐알코드생성,QR Code Generator,IP Address Lookup,유닉스타임변환,Unix Timestamp Converter,유닉스타임을 날짜로 변환,Unix timestamp to DateTime" /> 페이지 설명 <meta name="nate:site_name" content="C.m.A API 이야기 [chongmoa.com]" /> 웹 사이트의 제목 <meta name="nate:url" content="http://chongmoa.com" /> 표시하고싶은URL <meta name="nate:image" content="http://chongmoa.com/대표이미지.png" /> 대표 이미지 URL