티스토리 썸네일 누락 현상 해결해 보자

티스토리에서 블로그를 하다보면 당혹스러운 것이 바로 썸네일이 사라지는 현상이다. 썸네일이 왜 사라지는 것인지는 모르겠지만 검색포털 마음이라는 복불복은 확실하다. 혹시 저품질되는 상황이 썸네일 오류 때문은 아니겠지. 썸네일이 한번 사라지면 몇 시간 만에 나타나는 경우도 있지만, 함흥차사 마냥 나타나지 않는 경우가 허다하다.
저품질 원인 중 굳이 썸네일 오류를 예상하는 한가지는 티스토리 처음 시작했을 때 사진과 링크만 넣었을 경우 저품질에 걸리지 않았던 것이다. 그 블로그는 계정을 잊어버려서 어디있는지 잘 모르겠지만 말이다. 그냥 예상이다.

썸네일은 가급적 가로 세로 300px 이내의 정사각형으로 만들자

썸네일을 만들 때 네이버 블로그를 했던 사람들은 멋지고 화려하고 큰 이미지를 사용한다. 이 부분은 조금 양보해 보라고 하고 싶다. 구글에서 전문적인 내용을 이미지 검색했을 경우 외국 사이트들의 썸네일을 보면 300px X 300px 이다. 이것은 블로그 로딩 속도에도 미치는 영향이 크다. 배너 등이 로딩되는 것 때문에 느려지는 것은 어쩔 수 없지만, 이미지 때문에 느린 것은 제일 먼저 우리 나라 사람들도 싫어하지만, 구글 또한 사이트 로딩 속도를 검사하기도 한다. 최악의 경우 웹브라우저의 메모리 부족으로 사이트 오류가 발생하는 경우가 생길 수 있다.

썸네일 파일명을 0.png 로 만들어 업로드하고 대표버튼은 누르지 않는다.

이미지를 여러개 넣고 이미지 우측 상단의 대표버튼을 클릭하는 경우가 있다.
이 때 완료 버튼을 클릭하고 조금 기다리면 썸네일이 표시되는 경우가 있다면 상관없지만, 그렇지 않은 경우들이 많았다.
물론, 본인은 구에디터가 아니라 신에디터에서 사용하고 있으며 신에이디터에서 테스트한 결과이다.
이미지를 여러개 올리고 싶다면 먼저 썸네일 이미지를 만들어 업로드 하고, 나머지 이미지를 차례대로 올리면 그만이다. 썸네일을 결정짓는 것은 그냥 검색엔진에 맡기자는 것이다.
티스토리 로직이 어떤지는 잘 모르겠지만, 먼저 업로드한 이미지를 대표이미지로 지정하는 경향이 있다. 여기서 포스팅시 오류가 발생하는 것일 수도 있겠지만 말이다.
그렇기 때문에 포스팅을 완료하고 썸네일을 가장 먼저 올려도 상관없고, 글 쓰는 중간중간 이미지를 올려도 상관없지만, 굳이 썸네일을 지정하고 싶다면 가장 먼저 올리도록 한다.

그래도 나오지 않으면 어떻게 하나

여러가지 테스트를 해 보았다. 썸네일을 만들지 않고 그냥 막 올리는 경우, 썸네일을 만들어 올리는 경우 등등
썸네일을 따로 만들지 않고 마구잡이로 업로드 했을 경우 가장 첫번째 이미지가 대표로 지정되지만, 정작 검색에서는 엉뚱한 이미지를 표시하고 있었다. 썸네일을 지정하고 파일명을 고치고 가장 첫번째로 올리는 후자의 경우 검색시에도 썸네일이 나오는 것을 확인할 수 있었다. 하지만, 정작 썸네일에 대한 검색엔진에서 표시되는 것은 어떤 것이 표시될지는 복불복이다. 너무 목숨걸지 말자. 썸네일이 이미지탭에 많이 나오는 것도 아니고 말이다.

이 방법도 사용했지만 잘 되지 않는 경우는 무엇인가

본인도 이것 때문에 괜히 스트레스 받아서 여기저기 자료를 찾아보긴 했지만, 정확한 것은 찾을 수 없었다. 본인 또한 이것저것 해보고 그나마 이 방법이 가장 잘 되는 것 같아서 이 방법으로 사용하고 있기도 하다. 궁금하면 검색해 보면 된다. 하지만 확실한건 검색포털의 검색시 나오는 썸네일은 너무도 복불복이라 이걸 정확하게 꼬집어 말할 수가 없다. 그렇다고 이것 때문에 포스팅을 너무 많은 수정을 하게 되면 사이트 누락이란 저품질이 발생할 수도 있다.
네이버 블로그는 마구잡이로 고쳐도 되던데 쩝

HTML 보기하여 nbsp 항목은 전부 지우도록 한다.

티스토리 신규 에디터를 사용하다 보면 마우스커서가 잘 움직이지 않는 경우들이 발생한다. 이게 브라우저 문제인지 내 컴퓨터가 똥컴이라 그런건지 잘 모르겠지만 HTML 보기를 하면 글의 내용 중간중간 nbsp 단어가 존재한다. 이것은 html 에서 한칸 띄우는 문자인데, 이것 때문에 글작성하는데에 문자가 발생하는 경우들이 발생한다. 커서가 안 움직인다던지 글자가 입력이 잘 안된다던지.
글자가 입력이 잘 되지 않는다면 html 보기 하여 nbsp 가 있는지 확인하고 삭제하도록 하자.