네이버와 다음에 원하는 대표 이미지 노출하는 방법!(티스토리)

포스팅에 들어가며

 대표사진(대문사진)은 포털사이트에서 유저의 눈길을 받느냐 못 받느냐를 결정 지을 정도로 중요한 요소이다. 네이버 블로그의 경우에는 대표 이미지를 선택하면 네이버에 노출 시  유저가 선택한 대표 이미지를 정확하게 출력해준다. 하지만 티스토리의 경우에는 티스토리 메인, 네이버 노출 시, 심지어는 티스토리를 서비스하는 다음에서 조차 유저가 선택한 대표 이미지를 제대로 출력을 못하는 현상이 있어 테스트에 들어갔다.

 보통 대표 이미지 관련하여 나오는 글들에 대해서는 티스토리 글쓰기 시에 대표 체크에 대한 내용들만 나온다. 필자도 이런 내용은 확인을 했지만 대표 체크를 했음에도 불구하고 네이버나 다음에서 대표 이미지가 정확하게 표시되지 않는 부분을 확인하고 수 없이 많은 테스트를 진행했다. 그렇게해서 얻은 결과에 대한 포스팅을 진행하도록 하겠다.

1. 위에 설명한 내용은 정확히 무엇인가?

 위에서 글로 설명한 것을 사진으로 표현해보았다. 한번 확인해보자.

 티스토리에서 글쓰기를 할 때 필자가 올린 이미지 중 대표를 선택하게되면 해당 글이 기록된 티스토리에서는 정상적으로 해당 이미지가 대표 이미지로 출력이 되는 것을 확인할 수 있었다. 그렇다면 네이버와 다음에도 해당 이미지가 출력이 될까?

 일단 가장 유입이 많은 네이버에서 필자의 글을 찾아보았다. 티스토리에서 대표 이미지를 선택했음에도 불구하고 필자가 원하는 이미지가 대표 이미지로 출력되지 않았다. 그렇다면 티스토리를 서비스하는 다음에서는 어떨까?

 왠걸... 다음에서는 정말 뜬금없는 이미지가 대표 이미지로 선택돼서 출력되는 것을 볼 수 있었다. 필자는 이 물음에 대해서 유저의 유입이 가장 많은 네이버와 다음에 원하는 이미지가 대표이미지로써 출력되길 원해 수 없이 많은 테스트를 했다. 너무 많은 글을 수정해서인지 이 테스트를 하면서 안그래도 적었던 유저의 유입이 반토막나는 일이 생기기도 했다. 부디 필자와 같은 일이 없도록 이 글이 많은 분들에게 도움이 됐으면 하는 바람이다.

2. 원하는 이미지를 대표 이미지로 사용하려면?

 일단 필자가 이 곳에 적는 글은 필자가 직접 테스트한 내용이며, 수많은 테스트를 진행하여 얻은 최선의 결론이긴 하지만 어디에도 정답은 없고 어느 포탈사이트에서도 대표 이미지 출력 방법이 나와 있지 않기 때문에 100% 정확하다고 말하기에는 아직 조금 부족하다 할 수 있겠다. 만약 내용이 잘못되었거나 더 좋은 방법이 있다면 알려주면 고맙겠다.

 자, 그럼 필자가 직접 테스트한 내용을 공개하겠다.

 일단, 순서는 티스토리에 대표 이미지 출력하기 -> 네이버에 원하는 대표 이미지 출력하기 -> 다음에 원하는 대표 이미지 출력하기 순서가 되겠다. 테스트를 하는데에는 며칠이 걸렸지만 생각보다 방법과 결과는 간단하다.

3. 티스토리에 대표 이미지 출력하기

 이 방법은 현재 많은 블로그들에 포스팅 된 내용이다. 간단하게 짚고만 넘어가자.

 위 사진에서 보시는 것과 같이 글쓰기 시에 첨부된 이미지 리스트가 전부 뜬다. 그 중에 대표 이미지로 사용하고 싶은 사진의 파일명을 선택한 후 빨간 박스로 표시한 부분과 같이 대표 옆 박스에 v 체크를 하면 티스토리 대표 이미지로 사용이 가능하다. 이 부분은 적용이 잘 된다.

4. 네이버에 원하는 대표 이미지 출력하기

 네이버에 원하는 대표 이미지를 출력하기 위해서는 방법은 간단하다. 처음 이미지 크기나 위치, 그리고 티스토리 글쓰기에 첨부된 이미지 리스트 중 가장 윗 부분에 넣기 위하여 이미지 파일명 앞에 '0_' 를 붙여 리스트 가장 최상단에 놓기도 해봤지만 원하는 이미지를 달 수 없었다.

 수 많은 테스트 끝에 조금은 허무한 결론을 얻었다. 바로 포스팅의 가장 첫번째에 표시되는 이미지가 대표 이미지가 되는 현상을 확인할 수 있었다. 그래서 이번 포스팅에서도 필자가 원하는 대표 이미지를 네이버에서도 출력하기 위해서 가장 최상단에 첨부하였다.

 바로 이렇게 말이다. 필자는 포스팅에 들어가며라는 타이틀로 포스팅을 시작한다. 그리고 네이버에 대표 이미지를 출력하기 위하여 포스팅 가장 최상단, 그리고 첫번째 이미지로 해당 이미지를 선택하였다.

5. 다음에 원하는 대표 이미지 출력하기

 다음이 생각보다 까다로왔다. 다음 역시 수 많은 테스트를 거쳤다. 그러면서 얻은 결론을 요약하자면 대략 3가지이다.

1. 3번 항목에 있는 대표 이미지를 선택할 것

2. 정사각형에 가까운 이미지를 선택할 것

3. 이미지 크기는 픽셀 기준 가로, 세로 500 이상일 것

 이미지를 지우고 넣고 새로운 이미지를 추가하고와 같은 작업을 방법으로 얻은 결론이었다. 네이버의 경우에는 가장 최상단, 첫 이미지가 대표 이미지가 되는 반면 다음의 경우에는 정말 랜덤하게 대표 이미지가 등록이 됐다. 어떤 공통점이 있을까를 계속 찾았던 것이다. 그렇게 찾은 결론은 일단 대표 이미지로 출력되는 이미지는 정사각형에 가까웠다. 그리하여 필자가 직접 만든 로고를 픽셀 단위로 200 x 200 사이즈의 정확히 정사각형 이미지를 넣고 글을 올렸는데 해당 이미지가 대표 이미지로 출력되지 않았다.

 여기서 또 엄청난 테스트를 진행하다가 얻은 결론이 어느 일정 크기 이상의 정사각형 이미지가 되어야 한다는 결론이다. 그래서 필자가 대략적으로 선택한 사이즈는 500 x 500 이상의 정사각형 이미지이다. 그럼 그림으로 한번 확인을 해보자.

 설명을 위하여 그림판으로 설명을 해보겠다. 크기 조정에서 픽셀 단위로 정확히 500 x 500의 정사각형 이미지를 만들었다. 이렇게하여 첨부한 사진이 바로 이 포스팅 가장 최상단의 이미지이다. 이렇게 첨부를 하게되면 필자가 말한 1, 2, 3번 조건을 모두 만족한다. 이렇게 포스팅을 한번 진행해보겠다.

6. 결과확인

 이 결과를 위해 포스팅을 다시 한번 수정한다. ㅠㅠ

 다음에 필자가 원하는 대표 이미지가 출력되는 것을 바로 확인할 수 있었다!

 티스토리도 당연히 필자가 원하던 대표 이미지가 출력이 되는 것을 확인할 수 있었다.

네이버의 경우에는 바로 글이 올라오지 않아 확인이 불가능했지만 궁금하신 분들은 직접 검색하여 확인해보길 바란다! :)

2017/11/16 - [티스토리 잇!포메이션/티스토리 집중탐구] - 유튜브, 티스토리에 동영상 업로드 하는 방법

2017/11/13 - [티스토리 잇!포메이션/티스토리 집중탐구] - 티스토리 아이콘 파비콘 만드는 방법

2017/11/07 - [티스토리 잇!포메이션/티스토리 집중탐구] - 티스토리 카카오톡 플러스친구 버튼 달기

2017/10/06 - [티스토리 잇!포메이션/티스토리 집중탐구] - 티스토리 공감 버튼달기

포스팅을 마치며

 이 포스팅이 작성되기까지는 꼬박 일주일이 걸렸다. 수 많은 포스팅과 테스트, 수 많은 이미지들이 필자의 티스토리에 오르락 내리락을 했다. 그 결과 원하는 이미지를 포탈사이트에 대표 이미지로 설정하는데에는 성공을 했지만 유저 유입은 정확히 어떤 이유인지는 모르겠지만 급격하게 떨어지기 시작했다. 이 부분은 당췌 알아낼 방법이 없지만 아마 필자의 생각으로는 포스팅들의 많은 수정때문인 것으로 추측된다. ㅠㅠ

 부디 대표 이미지 노출 때문에 필자와 같은 피해자가 생기지 않았으면 하는 바람에서 해당 포스팅을 올려본다.

 

제 블로그의 내용이 도움이 되셨나요?

여러분의 공감과 댓글이 아잇티에게 큰 힘이됩니다 :)

▼▼▼▼▼▼▼▼▼▼▼