홈페이지 제작 견적, 웹사이트 제작 견적, 온라인 제작 견적, 문의, 견적문의
문의하기
seo검색엔진 최적화 / 온라인 마케팅 전략 및 UX 컨설팅 / 웹 or 모바일 구축에 대해 무엇이든 문의하세요.
이름 (업체명)*
전화번호*
  -  
  -  
이메일*
요구사항
개인정보보호정책에 동의합니다.
닫기버튼
수집하는 개인정보의 항목
·이름, 전화번호, 이메일

개인정보의 수집·이용 목적
·이름 : 서비스 이용에 대한 견적 및 상담 진행을 위한 기본적인 대상자 정보
·전화번호/이메일 : 문의 사항에 대한 답변을 전달하기 위한 원할한 의사 소통 경로의 확보

개인정보의 보유 및 이용기간
·원칙적으로 개인정보의 수집 또는 제공받은 목적 달성 시 지체없이 파기합니다.
·단, 수집목적 및 제공받은 목적이 달성된 경우에도 법률의 규정에 의해여 보존할 필요성이 있는 경우에는
    법률의 규정에 따라 고객의 개인정보를 보유할 수 있습니다.
     - 계약 또는 청약철회 등에 관한 기록 : 5년
     - 대금결제 및 재화등의 공급에 관한 기록 : 5년
     - 소비자의 불만 또는 분쟁처리에 관한 기록 : 3년 등
보내기
(05854)서울특별시 송파구 법원로 128 V1 메트로시티 C동 513호
T02-6925-2203
F02-6455-1287
Esales@next-t.co.kr
이메일 / 전화
문의하기
    facebook / next-t
    twitter / next-t
    영업문의, 견적문의, 홈페이지 견적, 웹사이트 견적문의하기
영업문의, 견적문의, 홈페이지 견적, 웹사이트 견적
넥스트티's
블로그
블로그 마케팅
디지털 마케팅
개발
서버(AWS, Ubuntu)
프론트개발(Vue.js, jQuery)
데이터베이스(MySql, MsSql)
검색엔진최적화(SEO) / 테크니컬 SEO

오픈그래프(Open Graph) meta og 태그(tag)와 트위터 카드(Twitter Cards)

by 넥스트티 Feb 08. 2019
정의 : 웹페이지를 SNS로 공유 할 때 보이는 미리보기를 설정합니다.
Open Graph태그 이해하기
SNS미리보기 화면은 평소에 친구나 지인에게 공유를 하면서 보셨으리라고 생각되는데요?
웹페이지의 공유 버튼 혹은 URL을 복사하여 SNS로 콘텐츠를 공유합니다.
이때, 해당 콘텐츠의 요약내용이 "SNS에 게시되는데 최적화된 데이터"를 가지고 갈 수 있도록 설정하는 것입니다.
공유 할 때 미리보기가 이상하다면 클릭하지 않을 확률이 높겠죠?
최적화 된 데이터로 표시될 수 있도록 태그를 설정해야합니다.
태그사용법
Naver 블로그, 카카오톡 미리보기 설정
meta property="og:title" content="..."> -> 콘텐츠 제목
meta property="og:url" content="..."> -> 웹페이지 URL
meta property="og:type" content="..."> -> 웹페이지 타입(blog, website 등)
meta property="og:image" content="..."> -> 표시되는 이미지
meta property="og:site_name" content="..."> -> 웹사이트 이름(URL과 다름)
meta property="og:description" content="..."> -> 웹페이지 설명(제목 아래에 표시)
트위터 미리보기 설정
meta name="twitter:card" content="..."> -> 트위터 카드 타입(요약정보, 사진, 비디오)
meta name="twitter:title" content="..."> -> 콘텐츠 제목
meta name="twitter:description" content="..."> -> 웹페이지 설명
meta name="twitter:image" content="..."> -> 표시되는 이미지)
모바일 앱 미리보기 설정(모바일 앱이 존재하는 경우 앱으로 연결 시 노출합니다.)
iOS용, Android용이 있습니다.
meta property="al:ios:url" content="..."> -> ios 앱 URL
meta property="al:ios:app_store_id" content="..."> -> ios 앱스토어 ID
meta property="al:ios:app_name" content="..."> -> ios 앱 이름
meta property="al:android:url" content="..."> -> 안드로이드 앱 URL
meta property="al:android:app_name" content="..."> -> 안드로이드 앱 이름
meta property="al:android:package" content="..."> -> 안드로이드 패키지 이름
meta property="al:web:url" content="..."> -> 안드로이드 앱 URL
Open Graph 태그 공유 예시
[웹사이트 소스보기와 실제 카카오톡 적용 예]
(05854)서울특별시 송파구 법원로 128 V1 메트로시티 C동 513호
대표이사 : 홍은표 | 사업자등록번호 : 85788000440
Tel : 02-6925-2203 | Fax : 02-6910-0325 | E-mail : sales@next-t.co.kr
ⓒ Next-T inc.