안녕하세요.
저희 사이트를 카카오톡에 공유하면 미리보기 이미지가 뜨지 않아 질문글을 남기게 되었습니다.
몇몇 글을 확인해보니 이미지를 og:image 기준으로 따오는 것 같은데요.
저희 사이트가 모임 관련 사이트이다보니 고정된 한 이미지 말고 최근 모임의 썸네일을 이미지로 사용하고 싶습니다.
그래서 og 태그를 뺐는데 페이스북, 네이버에서는 미리보기 이미지가 뜨는 반면에 카카오톡에서는 뜨지가 않네요.
혹시 가장 첫 번째 이미지나 최근글 이미지를 공유할 때 미리보기 이미지로 띄울 수 있는 방법이 있을까요?
사이트는 http://teamaru.com/ 입니다.
확인 부탁드리겠습니다.
저희가 확인해 본 결과
og 태그들이 제대로 설정이 안된것 같습니다.
물론 og:image 태그도 안보이구요. 확인 부탁드립니다.
kurl -v http://teamaru.com/
* Trying 121.254.231.84...
* TCP_NODELAY set
* Connected to teamaru.com (121.254.231.84) port 80 (#0)
> GET / HTTP/1.1
> Host: teamaru.com
> User-Agent: facebookexternalhit/1.1;kakaotalk-scrap/1.0; +https://devtalk.kakao.com/t/scrap/33984
> Accept: */*
>
< HTTP/1.1 200 OK
< Date: Mon, 03 Dec 2018 01:40:27 GMT
< Server: Microsoft-IIS/7.0
< X-Powered-By: PHP/5.2.17
< Set-Cookie: PHPSESSID=ef8c26348ff9492fed7484802d7c341e; path=/; domain=.teamaru.com
< Expires: Thu, 19 Nov 1981 08:52:00 GMT
< Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0
< Pragma: no-cache
< X-UA-Compatible: IE=edge
< Set-Cookie: happy_mobile=off; path=/; domain=.teamaru.com
< Transfer-Encoding: chunked
< Content-Type: text/html; charset=utf-8
<
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<TITLE> 티마루 </TITLE>
<meta name="description" content="티마루">
<link href="http://www.teamaru.com/" rel="canonical">
<!-- seo 영역 -->
<!--<link rel="icon" type="image/png" href="favicon url">
<meta name="description" content="설명글">
<meta name="keywords" content="키워드">
<link rel="canonical" href="canonical url">
<meta property="og:locale" content="ko_KR">
<meta property="og:type" content="website">
<meta property="og:title" content="티마루">
<meta property="og:description" content="설명글">
<meta property="og:url" content="site url">
<meta property="og:site_name" content="티마루">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:description" content="설명글">
<meta name="twitter:title" content="티마루">
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "WebSite",
"name": "",
"url": "",
"potentialAction": {
"@type": "SearchAction",
"target": "http://minsss74.cgimall.co.kr/all_search.php?search_metor=100000&search_word={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>안녕하세요.
확인 해주셔서 감사합니다.
본문에 적었듯이 고정된 이미지가 아닌 제일 최근 이미지가 떴으면 해서 og 태그를 설정 안 했습니다.
혹시 og 태그가 없으면 아예 이미지를 읽어오지 않는게 맞는건지 혹은 자동으로 읽어오게 설정하는 방법이 있을지 궁금하여 질문을 드렸습니다.
똑같이 og 태그가 없는 이 사이트
https://www.educloud.co.kr/
여긴 카카오톡에서 공유했을 때 최근 게시물은 아니지만 게시글 이미지로 공유가 되더군요.
어떤 차이로 한 홈페이지는 이미지가 아예 안 뜨고 한 홈페이지는 게시글 이미지가 뜨는 것인지 잘 모르겠는데 설정 방법이 따로 있을까요?
http://teamaru.com/ 와 https://www.educloud.co.kr/ 사이트는 모두 og tag가 존재하지 않는 페이지 입니다.
원하시는 이미지로 미리보기 서비스를 제공하고 싶으실 경우 http://mygumi.tistory.com/24 이 곳의 내용을 참조하시기 바랍니다.
og tag가 존재하지 않을 경우 저희 서비스 내부 규칙에 따라 미리보기용 제목, 본문, 이미지를 추출합니다.
즉 추출한 데이터가 있어야 추출을 합니다만 teamaru는 html태그가 아닌 주로 javascript를 이용해서 contents를 display하고 있어 저희 서버가 분석을 못하고 있습니다.
반면 educloud는 페이지 자체가 기본 html을 이용해 contents를 display하고 있어 저희 서버가 분석을 할 수 있다는 차이가 있습니다.
아아… 넵.
답변이 큰 도움 됐습니다.
og 태그로 고정된 이미지 설정을 해야겠네요.
감사합니다.