사이트 구축·운영 인사이트, SIR 블로그
이전 목록 다음
채택완료

링크 이미지 질문 좀 할께요 ㅜㅜ

은은아흐르는별
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-28 (월) 09:16:27 3,976

카카오톡으로 링크를 보내거나 하면 썸네일 이미지가 같이 나오는데..

그 이미지가 no-img디폴트(아미나)로 되어 있어서 어떤 게시글의 링크를 올리건..다 아미나 이미지만

나오더군요..디폴트 이미지변경과,해당 게시물의 이미지가 있을 때 링크를 보내면 왜 이미지가 안생기는지..

궁금합니다.

이미지 링크 썸네일
|

답변 4개 / 댓글 1개

채택된 답변
+20 포인트
TTheARO
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-28 (월) 09:52:15

카카오톡 링크로보내는건 사이트 제일 상단에 있는 이미지를 들고오는거라 파비콘 만드셔야 해요~!

답변에 대한 댓글 1개

은아흐르는별
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-28 (월) 09:53:17
음..ㅜ아닙니다..파비콘은 따로 있는데 그걸로 가져오질 않던데요..?아미나 그..디폴트 이미지로 나오더라구요..
볼볼피드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-28 (월) 11:32:58

오픈그래프 활용하셔야 됩니다

사이트 head태그 안에

<meta property="og:title" content="제목">

<meta name="description" content="내용" >

<meta property="og:image" content="이미지주소">

이런식으로 넣으셔야 링크 시 반영됩니다

jun31019
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-28 (월) 11:06:11

meta 부분에 강제로 추가하는 코드입니다. 

id=""는 원하시는데로 변경해서 사용가능합니다.

Copy 
<input type="hidden" name="" id="wBlogTitle" value="게시물제목">
<input type="hidden" name="" id="wBlogURL" value="바로가기링크">
<input type="hidden" name="" id="wBlogDescription" value="컨텐츠설명">
<input type="hidden" name="" id="wBlogImage" value="이미지URL">

<script>
    $("meta[property='og\\:title']").attr("content", $("#wBlogTitle").val() );
    $("meta[property='og\\:url']").attr("content", $("#wBlogURL").val() );                    
    $("meta[property='og\\:description']").attr("content", $("#wBlogDescription").val() );
    $("meta[property='og\\:image']").attr("content", $("#wBlogImage").val() );
</script>

답변을 작성하려면 로그인이 필요합니다.