티스토리 썸네일을 다음 포털에서 누락되지 않게 그리고 내가 원하는 이미지로 표시하고 싶지만, 누락 또는 대표 이미지가 아닌 이미지가 썸네일로 표시되는 현상을 다들 겪어 보셨을 겁니다. 다음에 문의해도 랜덤이라고만 하지 정확한 원리를 알려주지는 않습니다. 그리고 티스토리 대표 이미지와 다음 포털의 썸네일 이미지는 아무런 연관이 없다는 겁니다. 같은 회사라 당연히 연동될 거라고 생각했지만 착각이었습니다. 다음 포털에 썸네일로 표시하고 싶은 이미지 조건 요 며칠 동안 총 10개의 포스팅으로 테스트를 해봤습니다. 결과적으로 보면 다음 측에서 말하는 것처럼 랜덤이긴 하지만 몇 가지 공통된 점을 발견했는데요 우선 썸네일로 적용되는 이미지는 정사각형 이미지 중 첫 번째 이미지를 썸네일로 표시한다 입니다. 물론 100..
네이버 웹마스터 도구에서 "robots.txt가 존재하지 않습니다."라는 오류 문구가 나타나는 경우가 있습니다. 티스토리 robots.txt 오류 수정을 어떻게 해야 하는지와 잘못된 정보에 대해 리뷰를 하려고 합니다. 사실 네이버 웹마스터 도구에서 티스토리 robots.txt 수정, 설정, 등록 같은 말은 적절한 표현은 아닙니다. 정확하게는 수집 요청이고 티스토리 robots.txt는 우리가 직접 등록하거나 수정할 수 있는 파일은 아닙니다. 티스토리 robots.txt는 자동으로 생성 된다 robots.txt 파일은 티스토리 블로그가 생성됨과 동시에 자동으로 루트 디렉터리에 생성됩니다. 티스토리는 자신의 블로그라도 루트 디렉터리에 접근할 수 없는 구조이기 때문에 티스토리 측에서 임의로 생성해서 제공하고 ..
티스토리 메인(스토리)에 편법으로 내 글을 올려 보았습니다. 이러한 실험을 하는 이유는 어떤 글이 올라가는지와 순위는 어떻게 정해지는지 그리고 내 블로그 방문자 수가 어느 정도 늘어나는지가 궁금해서입니다. 제 주관적인 생각으로 보면 최소 공감 수 5개 이상 중 같은 카테고리 같은 시간대에 작성된 글끼리 경쟁해 티스토리 메인인 스토리에 게시되는 것으로 보입니다. 우선 아래 이미지를 볼까요. 티스토리 : https://www.tistory.com/로 접속하면 상단에 스토리라는 카테고리를 볼 수 있습니다. 스토리에 보면 각 카테고리별로 공감 수가 많은 글을 보여 주고 있습니다. 그 중 IT 카테고리에 제가 방금 글을 작성하고 공감 수를 높여서 첫 번째 위치에 보이도록 했습니다. 어렵냐고요? 아니요. 누구나 너..
티스토리 북클럽 스킨에서 본문을 작성하고 태그를 여러 개 넣게 되면 태그들이 본문 밖으로 나가 버리는 버그 현상이 있습니다. 모바일 같은 경우는 아래 이미지에서 보시는 것처럼 태그의 글자가 잘려 나간 것처럼 보입니다. 하지만 손가락으로 드래그를 해 보면 자린 것처럼 보이는 부분이 보이게 되면서 화면이 움직이는 현상이 나타납니다. 원인은 태그와 태그 사이에 있는 콤마 때문으로 생각됩니다. 아래 이미지는 정상적인 태그와 태그 사이에 콤마가 있는 모양 위 이미지를 보면 태그와 태그 사이에 콤마가 있습니다. 원래는 이 콤마가 보이는 게 정상입니다. 그런데 북클럽 스킨 개발자분은 저 콤마가 보이는 게 좋아 보이지 않는다고 생각하는 것 같습니다. 그래서 개발자 분께서 저 콤마를 숨기기 위해 폰트 사이즈를 0으로 설..
티스토리 블로그를 시작하게 되면 애드센스 광고를 달고 싶고 또 달고 나면 애드센스 광고 유형 중에 일치하는 콘텐츠 광고를 달고 싶어집니다. 일치하는 콘텐츠 광고는 애드센스 계정을 가지고 있다고 해서 첫 음부터 달수 있는 것이 아니라 적절한 조건을 충족해야만 달수가 있습니다. Google의 실험 결과, 일치하는 콘텐츠 추천을 이용할 경우 페이지 조회수가 9%, 사이트 이용 시간이 10% 증가하는 것으로 나타났습니다. 충족 요건 트래픽 규모 (방문자수, 페이지 뷰등) 고유한 페이지 수 (포스팅 수) 구글 애드센스에서는 위 2가지 요건을 제시합니다. 그런데 정확한 수치를 말해 주지는 않습니다. 제 경우 포스팅 수가 55개 방문자 수가 일 평균 3백~4백 명 사이일 때 일치하는 콘텐츠 광고가 활성화 되었습니다...
누군가가 내 블로그 글을 훔쳐 간다면 어떨까요? 저는 오늘 제 글을 복사해서 붙여 넣기 한 글을 보았습니다. 그 글이 작성된 지 3개월이 지난 후에야 발견했는데 참 억울하네요. 더군다나 원본 글인 제 글은 네이버 검색 시 웹사이트 영역에 노출되는 반면 복제한 글은 블로그 영역에 노출이 되는 겁니다. 다행히 다음 검색에서는 저품질 블로그로 판단되었는지 노출이 안 되고 있고 구글에서도 노출이 안 돼 더 군요. 네이버보다 다음과 구글이 더 똑똑한가 봅니다. 제 블로그의 글들은 대부분 설명글 이라 아무리 짧은 글이라도 작성하는 시간이 상당히 소요됩니다. 내가 알고 있는 지식이 정확한 것인지 다시 한번 확인하고 이해하기 쉽게 작성하기 위해 최선을 다합니다. 제 나름대로 정성을 다해 글을 작성하는데 파렴치하게 다른..
2020년 4월 27일부터 티스토리 모든 블로그에는 사이트맵이 자동 생성됩니다. 아래는 내용은 게시글이 3천개 이상인 블로그만 참고하시면 될 것 같습니다. 티스토리 사이트맵 관련 공지사항 notice.tistory.com/2537 티스토리 유저분이 만든 티스토리 전용 사이트맵 고속 생성기를 소개하려고 합니다. 티스토리 전용 고속 사이트맵: https://hi098123.tistory.com/32 티스토리 전용 사이트맵 고속 생성기 내 블로그 목록조회 먼저 "내 블로그 목록조회"를 하시면 블로그리스트가 표시됩니다. 이용방법 1. "내 블로그 목록 조회" 클릭 (티스토리에서 제공하는 API를 사용하기위해 사용하시는 브라우저에 티스토리 로그.. hi098123.tistory.com 티스토리 블로그를 운영하면서..
지금까지는 티스토리에서 코드 하이라이트 구문 강조를 사용하려면 스킨에 직접 플러그인을 적용했어야 했지만 새 에디터가 출시되면서 티스토리 플러그인으로 적용할 수 있게 되었습니다. 단, highlight.js만 해당됩니다. # 코드 문법 강조 플러그인 적용 티스토리 관리 페이지에서 플러그인 중 코드 문법 강조를 선택합니다. 테마를 선택하고 적용을 합니다. 테마는 기본적으로 가장 많이 사용하는 7가지 중 하나를 선택할 수 있습니다. # 에디터에서 코드블럭으로 소스코드 삽입하기 글쓰기 에디터 메뉴 중 더 보기를 클릭 서브메뉴 중 코드블럭을 선택합니다. 코드 블러 작성 창이 나타나면 해당 언어를 선택하고 코드를 작성합니다. 아래는 테스트로 HTML를 선택해 보았습니다. 에디터에서는 아래 이미지처럼 기본 테마가 적..
네이버 웹마스터 도구나 구글 서치 콘솔 등을 이용하려면 사이트 소유권 확인을 해야 합니다. 티스토리 블로그의 경우 소유권 확인 코드를 html에 메타태그로 넣어야 하는데 스킨을 변경할 때마다 다시 넣어야 하는 번거로운 이 있었습니다. 티스토리 플러그인 중에는 스킨이 변경되어도 메타태그가 지워지지 않고 계속 유지되는 "메타 태그 등록"이라는 플러그인이 있습니다. 소유권 확인 코드 등록 하기 티스토리 관리 페이지에서 윈쪽 메뉴 중 플러그인을 클릭 아래 그림처럼 본인의 코드를 입력 예제 코드: name 선택 name 속성 값(구글: google-site-verification, 네이버: naver-site-verification, 빙: msvalidate.01) content 속성 값 (본인의 코드)
2가지 방법에 대해 설명 하겠습니다. 첫 번째 방법은 썸네일이 본 문에서는 보이지 않지만 내 블로그 메인페이지 또는 카테고리 목록에서는 보입니다. 단, 다음이나 네이버 검색에서는 대표 이미지 썸네일이 보이지 않습니다. 두 번째 방법은 첫 번째 방법과 같지만, 포털 검색 시에도 썸네일로 보입니다. 참고 : 포털사이트에서 대표 썸네일은 랜덤 방식이라고 합니다. 즉 내 본문에 있는 이미지 중 하나를 선택해 보여 줄 뿐이지 내가 선택한 대표 이미지가 꼭 대표 섬네일로 보이는 않는 다고 합니다. 첫 번째 방법은 이마저도 기회가 없는 것이고 두 번째 방법은 선택될 가능성은 있다는 것입니다. 저는 좀 더 확률을 높이기 위해 대표 섬네일로 보일 이미지를 가장 첫 번째 자리에 넣고 있습니다. # 첫 번째 방법 본문 삽입..
배너출력 플러그인 및 태그입력기 플러그인 사용을 위한 사이드바 영역 만들기입니다. 배너출력 또는 태그 입력기 플러그인을 사용하려면 사이드바가 필요한데 포스터 스킨에는 사이드바 영역이 없습니다. 그래서 플러그인을 적용해도 블로그 관리페이지 사이드바를 보면 아무것도 나타나지 않습니다. 사이드바를 사용하기 위해서는 사이드바 치환자를 이용해 영역을 만들어 주어야 합니다. 사이드바 영역 만들기 사이드바 영역을 만드는 것은 아주 간단 합니다. 아래 치환자 코드를 원하는 곳에 넣어주기만 하면 됩니다. 포스터 스킨을 예로 들어 하단 푸터영역에 사이드바를 사용하려면 아래처럼 넣어 주면 됩니다. DESIGN BY TISTORY 관리자 또는 좌측 모바일 메뉴 부분에 2개를 넣고 싶다면 Pinterest Facebook Tw..
사이드바가 있는 스킨만 해당하는 내용입니다. 지금 티스토리 반응형 스킨 중에는 Whatever 스킨과 #1, #2스킨만 사이드바를 지원하고 그 외에는 비 반응형 스킨과 이용자가 만든 스킨들입니다. 플러그인을 이용해 재사용 가능한 사용자 모듈을 만들고 사이드바에 네이버 이웃커넥트를 달아 봅시다. HTML 편집 창에 코드를 직접 넣어도 되지만 스킨을 변경 할 때 마다. 다시 넣어 줘야 하는 불편함이 있어 사용자 모듈로 만들어 놓는 것이 편리합니다. 네이버 이웃커넥트 위젯 설정 네이버 이웃커넥트 : https://section.blog.naver.com/sub/InstallConnectWidget.nhn 설정하는 방법은 어렵지 않습니다. 다른 블로그로 퍼가기 체크와 위젯을 사용할 블로그 주소를 티스토리고 하시..
