콘텐츠로 건너뛰기

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

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

제일 잘나온 사진이나 따로 제작한 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”이로 만들어 버립니다. 

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


티스토리 블로그 공감 버튼 이동하기

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다