IT & 기타/티스토리 210

티스토리 스킨에 브레드크럼을 적용하는 방법 예시(+동영상)

블로그에 브레드크럼을 적용하면 SEO(검색엔진 최적화)에 도움이 됩니다. 일부 티스토리 유료 스킨에 브레드크럼을 기본적으로 표시할 수 있습니다. 브레드크럼을 지원하지 않는 스킨을 사용하는 경우 아래 영상을 참고하여 적용할 수 있습니다. 브레드크럼을 적용할 경우 구글 등 검색엔진 결과에 경로(브레드크럼)가 표시됩니다. 티스토리 스킨에 브레드크럼을 적용하는 방법 예시(Magazine 스킨) 티스토리 블로그에 브레드크럼(Breadcrumb)을 표시하는 방법은 이 블로그를 통해 여러 차례 설명한 적 있습니다. 브레드크럼을 적용하면 구글 서치 콘솔에서 "'itemListElement' 입력란이 누락되었습니다" 오류가 사라질 것입니다. 브레드크럼을 적용하는 데 어려움을 겪는 분들이 계셔서 동영상으로 브레드크럼을 추..

티스토리의 특정 글 URL을 다른 URL로 리디렉션시키는 방법

티스토리에서 특정 글을 방문할 때 다른 글이나 다른 사이트로 리디레션시켜야 하는 경우가 있습니다. 예를 들어, 기존 글을 삭제한 경우 방문자들이 해당 글을 방문하면 404 에러가 발생합니다. 그러면 방문자들이 이탈할 가능성이 높습니다. 이탈을 방지하기 위해 삭제한 글과 유사한 글로 방문자들을 이동시키면 이탈률 방지에 도움이 될 것입니다. 티스토리의 특정 글 URL을 다른 URL로 리디렉션시키고 싶은 경우 자바스크립트를 사용해볼 수 있습니다. 많은 글에 대하여 리디렉션을 설정하려는 경우에는 다음 글을 참고해보세요. 티스토리의 특정 글 URL을 다른 URL로 리디렉션시키는 방법 티스토리에서 특정 글을 방문할 때 다른 글이나 다른 사이트로 리디레션시켜야 하는 경우가 있습니다. 예를 들어, 기존 글을 삭제한 경..

티스토리 고래스킨에 카카오톡 공유 버튼 추가하기

이 티스토리 블로그에는 현재 고래스킨이라는 무료 스킨이 적용되어 있습니다. 스킨을 몇 차례 바꾸다가 지금은 고래스킨에 정착했습니다. 고래스킨에는 SNS 공유 버튼이 기본적으로 표시되지만 카카오톡 공유 버튼은 표시되지 않습니다. 구글링해보면 티스토리 블로그에 카카오톡 공유 버튼을 추가하는 방법이 나와 있습니다만, 고래스킨에 그대로 적용하는 것이 초보자에게는 쉽지 않을 것입니다. 고래스킨에 카카오톡 공유 버튼을 추가하고 싶은 경우 참고해보세요. 티스토리 고래스킨에 카카오톡 공유 버튼 추가 방법 고래스킨 데모를 살펴보면 그림과 같이 네이버, 네이버 밴드, 페이스북, 카카오스토리 등의 SNS 공유 버튼이 글 하단에 표시됩니다. 저는 트위터 공유 버튼과 카카오톡 공유 버튼을 추가했습니다. 여기서는 카카오톡 공유 ..

카카오 고객센터에 두 번째 저품질 해제 요청 결과

이 블로그는 구글과 네이버를 통해 방문자들이 많이 유입되고 있지만 다음 검색엔진에서는 하루 10명 내외만이 유입되고 있습니다. 몇 달 전에 이 블로그가 다음 고객센터에 잘 노출이 안 된다고 확인을 요청했지만 의례적인 답변만 받았고 저품질이 해결되지 않았습니다. 지난주 금요일에 다시 한번 카카오 고객센터에 이 문제를 제기해보았습니다. 이번에는 검토에 시간이 걸린다는 이메일을 두 차례나 받아서 저품질 탈출에 대한 기대감을 가지게 되었고, 오늘 최종 답변을 받았습니다. 카카오 고객센터에 두 번째 저품질 해제 요청 결과 이 티스토리 블로그는 구글에서 가장 많이 유입되고 네이버에서는 하루 500명 정도 유입되다가 최근 300~400명대로 줄어들었습니다. 하지만 다음 검색엔진에서는 하루 10명 내외만이 유입되고 있..

티스토리 Square 스킨에 자동 목차 표시하는 방법

티스토리 블로그의 모든 글에 자동으로 목차를 표시하는 방법을 이 블로그에서 설명한 적이 있었습니다. 해당 방법대로 해보면 Square 스킨에서는 클래스를 제대로 변경해도 목차가 제대로 표시되지 않습니다. Square 목차를 사용하는 경우 아래 내용대로 하면 목차가 자동으로 표시될 것입니다. 티스토리 Square 스킨에 자동 목차 표시하는 방법 티스토리 스킨에 목차를 자동으로 표시하는 기본적인 방법은 다음 글을 참고할 수 있습니다. 티스토리 블로그의 모든 글에 자동으로 목차 표시하는 방법 티스토리 블로그에 목차를 표시하려는 경우 목차 스크립트 파일을 이용하여 목차를 추가할 수 있습니다. 보통의 경우 목차를 표시할 자리에 수동으로 HTML 코드를 추가해야 하는데, 그러면 번거 avada.tistory.com..

티스토리 스킨에서 신고 버튼을 없애지 마세요 (고래 스킨 사용자 주의)

검색엔진에서 검색해보면 티스토리 스킨에서 신고 버튼을 숨기는 방법을 알려주는 글들이 있고 일부 스킨에서는 티스토리 신고 버튼을 제거한 상태로 제공되기도 합니다. 이 블로그에 적용된 고래 스킨도 신고 버튼을 숨김 상태로 제공되었지만 최근 신고 버튼이 없는 블로그를 신고하는 사용자들이 있어 2021년 1월 31일 이후에 배포되는 스킨에는 신고 버튼이 다시 표시되도록 수정되었습니다. 혹시 2021년 1월 31일 이전에 배포한 고래 스킨을 사용하고 있다면 반드시 신고 버튼을 표시하도록 코드를 수정하시기 바랍니다. 티스토리 스킨에서 신고 버튼을 없애지 마세요 (고래 스킨 사용자 주의) 티스토리 공지(https://notice.tistory.com/2328)에 의하면 '정보통신망법, 아동, 청소년의 성보호에 관한 ..

티스토리 구 에디터 사용하는 방법 (신 에디터 강제 전환 후)

Adobe Flash가 퇴출되면서 티스토리 구 에디터가 종료되고 이제는 모든 글이 새 에디터에서만 편집이 가능해졌습니다. 저는 신 에디터가 나올 때부터 새 에디터를 사용하고 있기 때문에 에디터에 그리 불만은 없습니다. 하지만 구 에디터를 아직 선호하는 분들이 많은 것 같습니다. (그리 바람직한 것 같지는 않지만) 티스토리 구 에디터를 사용하시고 싶은 경우 아래의 방법을 이용해 보시기 바랍니다. 티스토리 구 에디터 사용하는 방법 (신 에디터 강제 전환 후) 구 에디터로 새 글을 작성하고 싶은 경우 브라우저 창에 다음과 같이 티스토리 블로그 주소 뒤에 /admin/entry/post를 추가하면 됩니다. https://example.tistory.com/admin/entry/post 실제로 테스트해보니 구 에..

티스토리   제거하기 - 복사하여 붙여넣기할 때 생기는 공백 문자 문제

외부 글이나 콘텐츠를 복사하여 티스토리에 붙여넣기 하면 줄 바꿈 없는 공백문자인 가 삽입됩니다. 티스토리에서 외부 콘텐츠를 복사/붙여 넣기 할 때 생기는 문자를 제거하는 방법에 대해 간단히 설명해보겠습니다. 티스토리 제거하기 - 복사하여 붙여넣기할 때 생기는 공백 문자 문제 줄 바꿈 없는 공백(& nbsp;)이란? 위키피디아에서는 '줄 바꿈 없는 공백'을 다음과 같이 정의하고 있습니다. 줄 바꿈 없는 공백(non-breaking space, no-break space, 줄여서 NBSP) 또는 단어 잘림 방지 공백, 줄 바꿈하지 않는 공백은 공백 문자의 한 형태로, 현 위치에서 자동 줄 바꿈(워드랩)을 막는 데 쓰인다. 고정 공백이라고도 한다. 티스토리에서 콘텐츠를 복사하여 붙여넣기 할 때 추가 문제 외부..

티스토리 오디세이 스킨 본문 글자 크기 조정하기 (Odyssey)

저는 티스토리 스킨을 바꾸거나 워드프레스 테마를 바꾸면 글자 크기를 키우는 작업부터 시작합니다. 이제 노안이 진행되고 있어서 글자 크기가 작으면 눈이 금방 피로해집니다.ㅠ 글자 크기를 키우는 작업은 그리 어렵지 않습니다. 기본적인 CSS만 알면 누구나 할 수 있습니다. 이 글에서는 티스토리 오디세이 스킨에서 본문 글자 크기를 조정하는 방법에 대해 살펴보겠습니다. 티스토리 Book Club 스킨 수정: 본문 글자 크기 변경하는 방법 이 블로그에는 현재 최근 공개된 Book Club (북 클럽)이라는 스킨이 적용되어 있습니다. 북 클럽 스킨에서는 본문 글자 크기가 0.9375em으로 설정되어 글자가 다소 작게 느껴질 수 있습니다. 북클럽 avada.tistory.com 티스토리 오디세이 (Odyssey) 스..

티스토리 오디세이 스킨에 브레드크럼 표시하기

브레드크럼(이동 경로)을 표시하면 SEO에 도움이 됩니다. 그리고 브레드크럼을 추가하면 구글 서치 콘솔에서 ‘itemListElement’ 입력란이 누락되었습니다와 같은 오류가 발생하지 않는 것 같습니다. 이 블로그에서 고래 스킨과 매거진 스킨에 브레드크럼을 표시하는 방법을 설명한 적이 있습니다. 티스토리 오디세이 (Odyssey) 스킨에서 브레드크럼을 표시하는 방법에 대한 문의가 있어서 이 글에서는 오디세이 스킨에 Breadcrumb을 추가하는 방법에 대해 간단히 정리해보았습니다. 티스토리 고래 스킨에 브레드크럼 표시하는 방법 (SEO 향상) 티스토리 고래 스킨에 브레드크럼을 표시하려는 경우 참고해보세요. 브레드크럼(Breadcrumb)은 빵부스러기라는 의미로 헨젤과 그레텔에서 유래한 용어로 웹사이트에..