본문 바로가기
블로그&인터넷/티스토리

티스토리 블로그에 따로 만들어 올린 섬네일 이미지 본문에서 숨기기

by INKman 2018. 1. 22.
반응형

티스토리 블로그에 글을 작성하면 검색 사이트에 노출이 되게 되고 이때 검색 사이트에 미리 보기 이미지도 같이 노출되는데 검색자가 노출된 글 선택 과정에서 섬네일이 많은 영향을 미치겠죠. 


제일 잘나온 사진이나 따로 제작한 Thumbnail로 걸리면 좋겠지만 네이버에서 이미지를 골라서 걸어 주지 않고 티스토리에서 대표이미지를 지정할 수 있지만 네이버에는 먹히지 않습니다. 


네이버에 대표 섬네일로 노출되는 정확한 정보는 없습니다만, 거의 순서대로 나오는듯합니다. 처음 올린 이미지가 대표 섬네일로 노출될 확률이 높은 것 같습니다.  



네이버 노출 중인 제 글입니다. 위 두 글은 섬네일 노출되기를 원하는 첫 번째 이미지 들이고 세 번째 글은 작성된 글의 첫 번째가 아닌 두 번째 이미지입니다.  


별도로 제작한 섬네일 이미지를 본문에 노출하시는 분들도 계시지만 저는 블로그 구조도 그렇고 섬네일용으로 올린 첫 번째 이미지를 숨깁니다.


<p style="text-align: center; clear: none; float: none; display:none">[##_1N|cfile6.uf@9970B2335A65ED6E2183D0.png|width="680" height="680" filename="title.png" filemime="image/jpeg"|_##]</p>

쉬운 방법으로 HTML 모드에서 첫번째로 등록한 이미지의 태그 스타일에 "display:none" 추가하는 것인데 확실히 숨겨주기는 하는데 네이버에서 거르고 두 번째 이미지를 대표로 가져가는 듯한 느낌이네요.



<p style="text-align: center; clear: none; float: none; width:0; height:0;">[##_1N|cfile6.uf@9970B2335A65ED6E2183D0.png|width="0" height="0" filename="title.png" filemime="image/jpeg"|_##]</p>

저는 이방법을 많이 씁니다. 사이즈를 "0"으로 만들어 보이지 않게 하는거죠..P 태그에 추가하지 않고 치환자 속의 사이즈를 "0"으로 만들어도 되는데 이렇게하면 티스토리 앱에서는 숨겨지지 않고 노출이 됩니다. 또 p 태그만 "0"으로하면 글쓰기에서 숨겨 지지 않고 겹쳐져서 나올때가 있어 전 둘다 "0"이로 만들어 버립니다. 


썸네일용으로 적당한 이미지에 타이틀을 만들 때 가능하면 정사각형으로 만듭니다. 다음이나 네이버가 정사각형 미리 보기를 사용하기 때문에 이미지도 딱 들어 맞고 대표로 걸릴 확률도 높다고 어디선가 본듯합니다.

반응형

댓글0