본문 바로가기
728x90
반응형
티스토리 본문 자동 목차 (TOC) 'TOC'는 'Table Of Contents'의 약자로 목록, 목차, 순서, 차례 등을 의미한다. 본 글은 '북클럽 스킨'을 기준으로 '페이지(글)의 본문' 내에 목차를 자동으로 생성하는 방법에 대한 내용이다. HTML 삽입 미리보기할 수 없는 소스 1] 기본 작업 먼저 목차 생성을 위한 기본 작업이다. 1-1] 파일 업로드 - jquery.toc.min.js 목차를 자동으로 생성하려면 먼저 'Github'에서 제공하는 알집 파일을 다운로드해서, 알집 파일 안에 있는 2개의 파일 중 'jquery.toc.min.js'를 티스토리에 업로드해야 한다. (실제 파일도 첨부) 1-2] HTML - Head 섹션 아래 코드를 HTML의 위에 삽입한다. 앞서 업로드한 'jquery.toc.min.js' 파일을 인.. 2021. 12. 30.
티스토리 홍보용 이미지는 썸네일(thumbnail) 누락 나름 정성 들여 만든 썸네일이 '다음 검색 결과 페이지'에서 누락되면 속상하지 않을 수 없다. 본 글은 썸네일 누락 경험과 다음 검색 엔진의 원리에 대한 내용이니 티스토리 운영에 참고하기 바란다. HTML 삽입 미리보기할 수 없는 소스 1] 첫 번째 티스토리의 썸네일 누락 아래는 내 첫 번째 티스토리의 '다음 검색 결과 페이지'로, '꿈해몽 풀이' 관련 325개 콘텐츠 중에서 265개 콘텐츠의 썸네일이 누락되었었다. 몇백 개 중에서 몇 개, 몇십 개도 아니고 80퍼센트 이상의 글에 문제가 생긴 것을 나는 간과할 수 없었고 아래와 같이 '다음 고객센터'에 문의했다. 아래는 '다음 고객센터'에서 온 답변이다. 내가 주의 깊게 본 것은 '파란색 줄' 부분이며, '매우 복잡한 과정', 전체적으로 노출 규제 강화.. 2021. 12. 28.
티스토리 카테고리 탐색경로 브레드크럼(breadcrumb) '구글 검색 엔진 최적화(SEO)'를 공부하는 중에 '브레드크럼(Breadcrumb)'을 알게 됐다. 이 '브레드크럼(Breadcrumb)'은 웹사이트 방문자의 탐색 편의에 도움을 주어 웹사이트 체류시간을 높여줄 수 있고 이탈률을 낮춰줄 수 있다. 또한 검색 엔진이 웹사이트의 구조를 더 잘 이해하는 최적화에도 도움이 되는데, '브레드크럼(Breadcrumb)'을 적용하면 크롤링과 색인 생성 작업을 다시 해야 하니 웹사이트 운영을 시작할 때 적용하는 것이 좋겠다. 본 글은 '구글 검색 센터'를 기반으로 '브레드크럼(Breadcrumb)'의 중요성 및 필요성에 대한 내용과 티스토리의 반응형 스킨인 '북클럽 스킨'을 기준으로 '브레드크럼(Breadcrumb)' 적용 방법에 대한 내용이다. HTML 삽입 미리보.. 2021. 12. 27.
티스토리 URL 주소의 원리와 검색엔진 (숫자와 문자) 티스토리를 운영하다 보니 'URL 주소'의 중요성을 알게 됐다. 'URL 주소'는 '검색 엔진 최적화(Search Engine Optimization / SEO)'에 지대한 영향을 끼친다고 하니, 티스토리뿐만 아니라 웹사이트를 운영한다면 'URL 주소'와 관련하여 기본적인 것은 알아야 하겠다. 'URL 주소'와 '검색 엔진 최적화(SEO)'는 그 관계, 원리, 구조, 기술, 설정, 방법 등이 매우 복잡하고 어렵기 때문에 티스토리를 처음 시작하면 정말 막막하고 답답할 수 있고, 오랜 기간 운영해도 대부분 포기하고 운영하는 부분이기도 하다. 이를 티스토리에서 직접 알기 쉽게 정리해 주거나 기본 제공 및 설정해 준 대로만 운영해도 문제가 없으면 너무나 좋겠지만 아쉽게도 그렇지 않다. 만약 티스토리를 취미나 일.. 2021. 12. 25.
티스토리 코드블럭(codeblock) 커스터마이징 디자인 본 글은 티스토리 코드블럭과 관련하여, 하이라이트 적용, 폰트 수정, 열기 및 닫기 버튼 적용, 줄번호 및 줄 바꿈(스크롤) 적용, 그리고 코드블럭 부분 복사 방법 등을 다룬다. 하나하나 적용하다 보면 아래와 같은 코드블럭 디자인이 완성된다. HTML 삽입 미리보기할 수 없는 소스 1] 코드블럭 기본 사용 방법 티스토리에서 기본으로 제공하는 코드블럭을 사용하는 방법이다. ① '더보기' 버튼을 클릭한다. ② ' 코드블럭'을 클릭한다. ③ 'HTML', 'CSS' 등 다양한 '언어명' 중 하나를 선택한다. ④ '코드 내용'을 입력한다. ⑤ '확인'을 클릭한다. ⑥ '완료'를 클릭한다. ⑦ 출력된 모습이다. 출력된 모습이 밋밋해서 도저히 참을 수 없다면 다음 단계를 진행한다. 2] 코드블럭 플러그인 'Synt.. 2021. 12. 18.
티스토리 북클럽 뉴북 7가지 스킨 편집 나는 티스토리를 처음 시작할 때부터 '북클럽 뉴북' 스킨을 선택했고, 내 기준에 깔끔해 보이는 '스킨 세팅'을 해왔다. 본 글은 내 티스토리 블로그의 '북클럽 뉴북' 스킨을 어떻게 세팅했는지에 대한 내용이니, 특별하진 않지만 봐줄 만하다고 생각하면 순서대로 하나하나 적용해 보기 바란다. 당연히 꼭 그대로 따라 하지 않아도 되고, 무엇을 어디서 어떻게 수정해야 하는지 참고만 하면 되겠다. HTML 삽입 미리보기할 수 없는 소스 1] '북클럽 뉴북' 스킨 변경 아래 이미지는 '스킨 변경'을 클릭하면 나오는 페이지로, 블로그를 개설하면 기본으로 'Poster' 스킨이 적용되어 있다. 스크롤을 내리면 두 번째 줄 우측에 'Book Club' 스킨이 있다. 'Book Club'에 마우스 커서를 올리면 '미리 보기.. 2021. 11. 27.
티스토리 북클럽 뉴북 6가지 기본 설정 본 글은 티스토리 시작 전 해야 할 기본 설정에 대한 내용이다. 특히 북클럽 뉴북 스킨에 해당하는 내용이니 티스토리 블로그를 처음 하거나 잘 모른다면 하나하나 순서대로 따라해 보기를 추천한다. 아래 이미지에 있는 빨간색 박스와 파란색 박스가 중요한데 본 글에서는 가장 기초인 빨간색 박스 부분을 다룬다. HTML 삽입 미리보기할 수 없는 소스 1] 콘텐츠 : 카테고리 관리 아래는 '카테고리 관리'를 누르면 나오는 페이지다. '분류 전체보기'에 마우스 커서를 올리면 '추가', '수정' 버튼이 나오고 '추가'를 누르거나 '카테고리 추가'를 누르면 카테고리를 추가할 수 있다. 나는 '파워포인트'와 '티스토리'를 추가했고 '경영ㆍ직장', 'IT 인터넷'이라는 '주제'도 설정했다. '카테고리 관리'에서 가장 중요한.. 2021. 11. 26.
티스토리 다음 상위 노출 제목 키워드(keyword) 1] 검색엔진의 원리와 기준 본 글은 검색 상위 노출을 위한 '제목 키워드'에 대한 내용이며, 다르게 표현하면 검색엔진의 노출 작동 원리 및 노출 순위 기준에 대한 내용이다. HTML 삽입 미리보기할 수 없는 소스 본격적인 시작에 앞서 우리가 이미 잘 알고 있는 상위 노출 기준에 대해 되짚어 보겠다. 상위 노출이 되려면 우선적으로 '콘텐츠의 품질'이 좋아야 하는데, '콘텐츠의 품질'은 블로그 '체류 시간'과 '이탈률' 등 블로그 방문자의 활동들을 집계하여 결정된다. (쉽게 말하면 블로그 '체류 시간'을 높이고 '이탈률'을 낮추는 내ㆍ외부 요인 중요) 결국 방문자 입장에서 '콘텐츠의 품질'이 좋아야 '블로그 지수'와 '페이지 지수'가 높아지고, 그 지수를 기준으로 검색엔진이 노출 순위를 결정하는 것이다. .. 2021. 11. 20.
티스토리 본문 텍스트 붙여넣기 주의사항 (Ctrl + V) 만약 인터넷에 있는 내용을 '복사해서 붙여 넣기' 방법으로 '이슈 콘텐츠'를 발행하고 있다면 본 글을 자세히 읽어 보기 바란다. HTML 삽입 미리보기할 수 없는 소스 1] 검색엔진, 짜집기로 속여라 나는 인터넷에 있는 내용들을 짜집기해서 '이슈 콘텐츠'를 발행했었다. 내가 일전 발행한 글을 봤다면 알겠지만 그 결과 저품질 처리가 되었다. (다음에서 사이트 검색 누락) 좀 더 자세히 설명하면 인터넷에 있는 여러 개의 기사들을 복사해서 파워포인트나 메모장에 붙여 넣고, 글이 이어지도록 다듬은 후 티스토리 블로그 본문에 그대로 붙여 넣었다. 아래 이미지가 그 작업의 과정이다. 3개 이상의 기사 내용을 종합해서 분량도 늘리고, 중간중간 단어들도 변경했기 때문에, '유사 콘텐츠'로 처리되지 않을 것이라 생각했고.. 2021. 11. 18.
728x90
반응형