티스토리 블로그 본문에서 썸네일 간단히 숨기기 방법

안녕하세요. 돈 버는 지식을 이야기하는 유레카입니다.

오늘은 티스토리 블로그 본문에서 썸네일 간단히 숨기기 방법에 대해서 알아보겠습니다.

우리는 보통 네이버 블로그의 영향을 받아 글 초입부에 대표 이미지를 사용합니다. 독자들이 검색 엔진으로 키워드로 검색을 했을 때 썸네일이 눈에 띄기 때문인데요.

이런 유용한 썸네일이 티스토리 블로그에서는 좋지 않은 영향을 미칠 수도 있다는 사실을 알고 계신가요?

오늘은 썸네일을 본문에서 숨겨야 하는 경우와 이유, 숨기기 방법까지 준비하였습니다.

지금부터 함께 알아보시죠.

<목차>

1. 티스토리 블로그 본문에서 썸네일을 숨겨야 하는 경우와 이유

앞서 말한 바와 같이 우리는 썸네일을 우리의 글이 독자들의 눈에 잘 띄도록 하기 위해 사용합니다.

네이버 블로그에서는 본문에 썸네일이 있어도 문제가 되지 않지만, 티스토리에서는 구글 애드센스 광고를 게재하면서부터 문제가 발생합니다.

우리는 애드센스 광고를 처음 게재하면서부터 알고 있는 내용이 있습니다.

'애드센스 광고는 상단광고가 가장 효과가 좋다'

맞는 말입니다. 실제로 통계도 그렇고 티스토리 애드센스 플러그인에도 광고를 상단과 하단에 게재할 수 있게 되어있습니다.

애드센스 상단광고와 썸네일과 무슨 상관이냐고요?

우리가 상단광고를 게재하고 아래 대표 이미지를 삽입하게 되면 독자들이 우리의 페이지로 들어왔을 때 제목, 상단광고, 대표 이미지만 보이게 됩니다.

물론 대표 이미지와 상단광고 사이즈를 조절하여 PC와 태블릿에서는 본문의 글이 일부 시인될 수 있지만, 모바일 상에서는 대표 이미지까지 밖에 보이지 않습니다.

이렇게 되면 무엇이 문제일까요?

구글 애드센스 고객센터 > 광고 게재 위치 정책 페이지로 접속하면 아래와 같은 정책사항을 확인할 수 있습니다.

광고와 비슷하게 만든 콘텐츠 게시
게시자는 광고를 위장하는 방식으로 Google 광고를 게재해서는 안 됩니다. 광고 주변의 콘텐츠가 광고와 유사하게 보이도록 레이아웃을 설정하는 것도 여기에 속합니다.

즉, 상단광고와 썸네일이 나란히 있다면 광고와 유사하게 보일 수 있어 정책 위반이라는 것입니다.

또한 모바일 상에서 페이지에 들어왔는데 글은 없고 이미지만 있을 때 이탈률이 높다는 이유도 있습니다.

물론 상단광고와 썸네일 사이에 글 초입부 멘트를 작성해 정책 위반을 막고 이탈률을 줄일 수 있겠지만, 글 도입부 이후 썸네일 배치는 글의 집중성을 막을 우려가 있습니다.

이러한 이유로 우리는 티스토리 블로그 본문에서 썸네일 숨기기를 해야 하고 방법은 아래에서 살펴보겠습니다.

블로그 본문에서 썸네일 숨기는 방법은 매우 간단합니다.

대표 이미지 HTML 파일에 문구만 하나 추가하면 됩니다.

먼저 대표 이미지 파일을 삽입하고 기본 모드 > HTML모드로 전환합니다.

그리고 썸네일 이미지 html을 찾아 아래의 코드를 추가합니다.

잊지 말아야 할 점은 아래의 코드를 추가하고 기본 모드로 전환하면 바로 대표 이미지가 사라지므로 ALT태그부터 삽입하고 숨기기 코드를 추가해야 합니다.

style="display:none;"

기본 모드로 들어오면 썸네일은 숨기기 처리되어 보이지 않지만 블로그 사이트에서는 대표 이미지가 시인이 정상적으로 시인됩니다.

지금까지 티스토리 블로그 본문에서 썸네일 숨기기 방법에 대해서 알아보았습니다.

간단한 코드 한 줄로 구글 애드센스 정책 위반을 피할 수 있고 본문 상에 어울리지 않는 대표 이미지를 숨길 수 있었습니다. 상단광고를 게재하시는 분들이라면 꼭 이 방법을 사용해서 애꿎은 제재를 피하셨으면 합니다. 그러면 다음에 더 좋은 내용으로 찾아뵙겠습니다.

같이 읽으면 좋은 글.