본문 바로가기
티스토리 블로그/티스토리 블로그 세팅

티스토리 블로그 썸네일 이미지 본문에서 안보이게 하기

by 에센텔러 ʕ·͡ᴥ·ʔノ 2021. 5. 1.
반응형

썸네일은 검색하는 사람이 해당 사이트가 어떤 정보를 보여주는지 짐작할수 있게끔 하는 이미지인데, 썸네일만을 위해 본문에 덩그러니 이미지를 넣자니 미관상 깔끔하지 못한것 같아 검색시 썸네일 노출은 되대, 본문에서만 안보이게 하는 방법을 알아보도록 하겠습니다.

1. 썸네일용 이미지 선정

썸네일용으로 쓰일 이미지를 대표이미지로 선정해줍니다. 썸네일용 이미지는 정사각형으로[각주:1] 즉, 1:1 사이즈로 만들어 줍니다.

 

위치는 어차피 본문에서 안보기이기 때문에, 아무곳이나 상관 없습니다.

2. html에서 코드 삽입

▲ 기본모드에서 HTML로 전환합니다.

이미지 코드에서 맨 뒤쪽 lll 앞부분에 위와 같이 아래의 코드를 삽입합니다.

style="display:none"

3. 결과

▲ 코드 삽입전

▲ 코드 삽입후

▲ 본문에는 썸네일이 가려졌지만, 목록에서는 썸네일이 잘 나오고 있는것을 알수 있습니다. 마찬가지로, 검색엔진에서도 잘 보여집니다.


> 북클럽 스킨 썸네일 이미지 정사각형으로 보이게 하기


  1. 구글을 제외한, 네이버, 다음 등의 검색엔진에서 검색하면 사이트의 썸네일이 정사각형으로 나오기 때문에 왼한하면 정사각형으로 제작하면 좋다. [본문으로]
반응형

공유

facebook twitter kakaoTalk kakaostory naver band

댓글0