카카오톡 공유하기를 위해 url 링크를 대화창에 넣었는데 url만 그대로 나오고 아래에 뜨는 이미지링크는 나타나지 않습니다.
head 안에
<meta charset="utf-8" />
<meta name="viewport" content="user-scalable=yes, initial-scale=1.0, width=device-width" />
<meta name="format-detection" content="telephone=no">
<meta property="og:title" content="모바일 고객센터">
<meta property="og:url" content="url주소">
<meta property="og:image" content="http://이미지링크.png">
<meta property="og:description" content="다양한 서비스를 확인하세요.">
<title>타이틀</title>
위와 같이 코딩했는데 이미지가 나타나지 않습니다.
타 SNS(라인)에서는 정상적으로 이미지가 나오고 공유하기가 되었는데 카카오톡만 적용이 안되네요
무엇이 문제인지 확인 요청드립니다.
tom
2
@ggamsh17
테스트 url 을 알려주시면 확인해보겠습니다.
tom
5
@ggamsh17
url의 페이지 인코딩이 euc-kr로 되어 있는데요…
페이지 인코딩을 utf-8로 변경하신 후에 테스트해 보시고 안되시면 다시 덧글 부탁드립니다.
@tom
head …/head 사이에
meta charset=“utf-8” 는 추가되어 있습니다.
이렇게 메타 정보를 utf-8로 정했는데 이부분과는 다르게 추가해야하나요??
tom
7
@ggamsh17
페이지 자체의 인코딩을 utf-8로 변경해 보시기 바랍니다~
@tom
url : http://m2.tworld.co.kr/jsp/op_test0111.jsp?p=w15
페이지 자체 인코딩을 utf-8로 변경하였으나 추가한 meta 정보(이미지, 문구)들이 제대로 나오지 않습니다.
다시한번 확인 요청드립니다.
leon
9
og:url 값에 http://m2.tworld.co.kr 으로 들어가 있는데요. 이걸 실제 공유되는 페이지와 같게 해주시겠어요?
@leon
답변 감사드립니다.
저희가 공유하려는 url 값은 http://m2.tworld.co.kr/jsp/op_test0111.jsp?p=XXX 형식으로 됩니다.
즉, http://m2.tworld.co.kr/jsp/op_test0111.jsp?p= 까지는 url 주소가 언제나 같지만
XXX 부분은 파라미터값으로 처리되어 항상 변경됩니다.
그렇다면
http://m2.tworld.co.kr 이 아닌
http://m2.tworld.co.kr/jsp/op_test0111.jsp 까지만 입력하면 되는 것인가요??
만약 위처럼 변경해도 안될 시 다른방법도 있을까요??
저희가 테스트를 할 수 있는 날짜가 정해져있어서 상시 테스트가 불가능해서요…
leon
11
파라미터값에 따라 page 의 og태그나 html 컨텐츠가 달라지나요?
og:url 이미지가 달라지거나 한다면 파라미터까지 붙여서 og:url 에 넣어주셔야 하구요.
그렇지 않다면 파라미터를 안 붙이셔도 될 것 같습니다.
@leon
파라미터값에 따라 og:image, og:title, og:description는 변경되지 않습니다.
og:url 값에 http://m2.tworld.co.kr/jsp/op_test0111.jsp 로 변경해서 테스트 해보겠습니다.
혹시 위처럼 시도한 뒤에도 안된다면 다른 방법이 또 있을까요?
@leon
말씀해주신 대로 적용하였더니 잘 나오네요
감사합니다~^^
