핸드폰으로 링크를 받앙서 카카오톡으로 보내면 주소가 이렇게 나옵니다.
이미지가 안나와요 ㅠㅠ방법이 없을까요
해당 사이트에서 og:image 태그가 존재하지 않아 미리보기 이미지를 제공하지 않습니다.
태그가 존재하지않아 미리보기 제공 하지 않다고 답변 주셨는데…
그럼 태그를 넣으면 미리보기가 가능하다는 뜻인가요??
아님 방법이 없고, 어쩔수 없이 이미지는 없다는 뜻인가요?
네, <meta property="og:image" content="...">
태그를 넣어주시면 됩니다.
제가 처음해보는거라서요;;;ㅠㅠ
자세하게 혹시 알려주실수 있으시나요…
알려주신 태그를 어디에다가 넣어야 하는지… 부탁드려요 ㅠㅠ
ex) <meta … >
네! 그건 아는데…
요거를 -> meta property=“og:image” content="…"
이걸 그대로 붙여넣기 하라는 뜻은 아는데…
어디에다가요???
영어로 치니까 자동으로 짤렷네요 ㅎㅎ;; <‘head’></‘head’> 태그안에 넣어주시면됩니다
아… 그니깐 홈페이지 html 메인 에다가 넣으면 되는거에용?
넵 ‘head’ 부분을 따로 빼놔서 include 해서 쓰실진 모르겟지만 모든 페이지에서 카카오톡 링크 기능을 사용하신다면
공용 ‘head’ 파일에 넣어주시면됩니다
og:imge 태그가 들어가있는데 코드 샘플안에 들어가있는데도 안나오는것은 왜일까여?
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="title" content="엘스토어" />
<meta name="publisher" content="엘스토어" />
<meta name="author" content="엘스토어" />
<meta name="robots" content="index,follow" />
<meta name="keywords" content="엘스토어" />
<meta name="description" content="엘스토어" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="엘스토어" />
<meta property="og:site_name" content="엘스토어" />
<meta property="og:author" content="엘스토어" />
<meta property="og:type" content="" />
<meta property="og:image" content="http://l-store.co.kr/img/og_logo.png" />
<meta property="og:description" content="엘스토어" />
<meta property="og:url" content="http://l-store.co.kr/" />
<link rel="canonical" href="http://l-store.co.kr/" />
<title>엘스토어</title>
<link rel="stylesheet" href="http://l-store.co.kr/css/default_shop.css?ver=180820">
<link rel="stylesheet" href="http://l-store.co.kr/css/apms.css?ver=180820">
<script src="http://l-store.co.kr/js/jquery-1.11.3.min.js"></script>
<script src="http://l-store.co.kr/js/jquery-migrate-1.2.1.min.js"></script>
<script src="http://l-store.co.kr/lang/korean/lang.js?ver=180820"></script>
<script src="http://l-store.co.kr/js/common.js?ver=180820"></script>
<script src="http://l-store.co.kr/js/wrest.js?ver=180820"></script>
<script src="http://l-store.co.kr/js/placeholders.min.js"></script>
<script src="http://l-store.co.kr/js/apms.js?ver=180820"></script>
<link rel="stylesheet" href="http://l-store.co.kr/js/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/BS43yjm.css?yjm=12">
<script src="http://l-store.co.kr/plugin/apms/js/jquery.mobile.swipe.min.js"></script>
<script src="http://l-store.co.kr/plugin/apms/js/imagesloaded.pkgd.min.js"></script>
<script src="http://l-store.co.kr/plugin/apms/js/masonry.pkgd.min.js"></script>
<script src="http://l-store.co.kr/plugin/apms/js/jquery.infinitescroll.min.js"></script>
</head>
<body class="responsive is-pc">