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

티스토리에서 글을 작성할 때 아래와 같이 엔터를 쳐도 문단 사이에 여백이 없어 잘 구분이 안 되는 경우가 있습니다. 이 문제가 나타날 경우 콘텐츠 > 설정에서 단락 앞뒤에 공백을 '사용합니다'로 설정하면 글 작성 시에 위와 같은 문제가 나타나지 않을 것입니다. 일부 티스토리 스킨에서는 이 설정을 '사용하지 않습니다'로 지정할 것을 요구하기도 합니다. 문단 내 단락 간 여백을 조정하고 싶은 경우 아래의 방법을 이용할 수 있습니다. 티스토리 본문 문단 여백 조정하기 Poster 스킨에서 단락 앞뒤에 공백을 '사용합니다'와 '사용하지 않습니다'로 설정할 경우 다음과 같이 둘 다 문단 간 여백이 마음에 들지 않을 것입니다. 단락 앞뒤 공백을 사용할 경우에는 문단 간 여백이 다소 넓은 감이 있고, 사용하지 않을 ..

트래픽 등 일정 기준을 만족시키면 애드센스의 '일치하는 콘텐츠' 광고를 게재할 수 있습니다. 이 블로그에서도 일치하는 콘텐츠 광고를 표시하고 있습니다. 티스토리가 최근 애드센스와 통합하여 수익 메뉴에서 애드센스 수익을 확인할 수 있도록 업데이트되었습니다. 일치하는 콘텐츠 광고는 수익 > 애드센스 관리 기능을 사용하여 게재할 수 없다고 하시는 분들이 계시네요. 저는 광고 코드를 스킨 파일에 직접 추가하여 표시하고 있습니다. 티스토리에 구글 애드센스의 '일치하는 콘텐츠' 광고 표시하기 일치하는 콘텐츠 광고를 수동으로 삽입하고 싶은 경우... 일치하는 콘텐츠 광고 단위를 생성하여 광고 코드를 복사한 다음 티스토리 스킨 파일 내의 적절한 곳에 추가하면 됩니다. 애드센스 계정 페이지 먼저 애드센스 계정 페이지에 ..

카카오 애드핏은 수익률이 낮아서 신청하지 않고 있다가 지난 주말에 티스토리 블로그에서 애드센스 광고가 표출되지 않는 문제가 발생한 후에 Kakao Adfit 광고를 신청했습니다. 일요일에 신청하니 월요일 오후에 승인이 났습니다. 카카오 애드핏 광고 수익 16일 저녁부터 본격적으로 광고가 표시되기 시작하면서 하루에 200~300원 내외의 수익이 발생하고 있습니다.ㅎ 현재 사이드바에만 광고 하나를 표시하고 있습니다. 그러므로 PC 사용자에게만 광고가 표시되고 모바일 사용자들에게는 광고가 표시되지 않을 것 같습니다. (모바일 사용자들이 광고를 보려면 본문 글을 다 읽고 댓글 아래로 계속 스크롤해야 하는데, 그렇게 하는 방문자는 아무도 없을 것입니다.) 현재 추세라면 6~7개월이 되어야 인출할 수 있는 금액에 ..

지난 월요일부터 네이버 방문자 수가 늘었다고 하는 티스토리 블로그들이 눈에 띄네요. 제 블로그는 대부분의 방문자가 구글에서 유입되고 있지만, 지난 월요일부터 네이버 방문자 수가 증가했습니다. 티스토리 블로그 네이버 방문자 수 증가 100명 내외의 방문자가 유입되다가 지난주에 일 100명을 조금 상회하기 시작하더니 이번 주 월요일과 화요일에는 이틀 연속 200명이 넘었습니다. 네이버는 검색 로직을 변경할 때마다 방문자 수가 늘었다 줄었다를 반복하고 있습니다. 한 때 네이버에서 유입이 사실상 제로가 되었다가 최근 들어서는 방문자 유입이 점진적으로 상승하는 추세입니다. 살펴보니 네이버 뷰 탭에 글이 노출되고 있는 것 같습니다. 비록 순위에서 밀리기는 하지만 View 탭에 노출되는 글들이 생겨나면서 방문자 수가..

오늘 티스토리에 몇 가지 변화가 있었습니다. 카카오 계정 연동이 오늘부터 가능해졌고 애드센스 및 애드핏 광고 연동 기능이 추가되었습니다. 카카오 계정 연동 티스토리 계정 로그인 URL을 브라우저에 입력하면(예: example.tistory.com/manage), 카카오계정 로그인 버튼과 티스토리계정 로그인 버튼 두 개가 표시됩니다. 로그인한 상태에서는 우측 상단의 아바타 아이콘을 클릭하면 계정전환 링크가 표시됩니다. 카카오계정으로 전환하지 않은 계정의 ID 로그인 기능은 2021년 4월까지 지원된다고 공지되어 있으므로 2021년 4월까지 카카오계정으로 전환하면 됩니다. 카카오계정으로 지금 전환해야 할까? 지금 당장은 하지 않고 안정화될 때까지 기다렸다면 하면 좋을 것 같습니다. 카카오계정으로 전환하기 기..

티스토리 블로그에 2차 도메인을 연결하면 로그인이 풀려서 티스토리 계정으로 댓글을 달 수가 없고 구독하기 버튼을 눌러도 구독이 되지 않습니다. 그리고 기존에 구독한 경우에도 구독 해지가 되지 않습니다. 이 현상은 구글 크롬 등 주요 브라우저의 정책 변경으로 인한 것입니다. 네이버 블로그는 이 때문에 개인 도메인 연결 서비스를 종료했고 기존에 연결한 도메인도 올해 말까지만 유지됩니다("네이버 블로그 개인 도메인 연결 서비스 종료 대처 방법" 참고). 2차 도메인을 연결한 티스토리 블로그를 구독하고 싶은 경우 다음과 같은 방법으로 가능할 수 있습니다. 2차 도메인 연결한 티스토리 블로그 구독하기 2차 도메인을 연결한 티스토리 블로그에서 구독 버튼을 눌러도 구독이 되지 않는 경우, 해당 페이지에서 Ctrl +..

이번 글에서는 티스토리에서 유용하게 이용할 수 있는 팁 하나를 소개할까 합니다. 티스토리에서 아래와 같이 갤러리 형식으로 사진이나 그림 파일들을 나란히 표시하고 싶은 경우가 있습니다. 이미지를 나란히 배열하고 싶은 경우 신 에디터에서는 이미지를 다른 이미지 위로 드래그하여 드롭하는 방식으로 쉽게 2개 또는 3개 이미지를 나란히 넣을 수 있습니다 티스토리에서 사진 이미지를 나란히 표시하는 방법 위와 같이 이미지를 나열하고 싶은 경우 A 이미지와 B 이미지를 삽입한 후에 B 이미지를 A 이미지 위로 올리면 됩니다. 이런 식으로 3장의 이미지를 나란히 배열할 수 있습니다. 위의 그림과 같이 아래 사진을 위의 사진 위로 올려서 놓으면 다음 그림과 같이 두 개의 이미지가 나란히 배열됩니다. 세 장까지 나란히 배치..

요즘에는 사이드바가 오른쪽에 배치되는 경우가 많습니다. 경우에 따라 사이드바를 왼쪽으로 이동하고 싶을 수 있습니다. 그런 경우 간단한 CSS로 가능합니다. 이 글에서는 고래 스킨의 사이드바를 오른쪽에서 왼쪽으로 이동하는 방법에 대해 살펴보겠습니다. 티스토리 블로그 사이드바 왼쪽으로 이동 방법 (고래 스킨) 제가 처음 홈페이지 접했을 당시에만 해도 대부분의 사이트의 사이드바가 왼쪽에 배치되어 있었습니다. 당시에는 그런 것이 당연하게 느껴졌고 그것에 대해 별로 눈여겨보지 않았습니다. 하지만 워드프레스가 등장하면서 사이드바가 오른쪽에 배치되기 시작했고 구글에 잘 노출되는 결과가 나타났습니다. 왼쪽 사이드바와 오른쪽 사이드바: 어느 것을 선택해야 할까? 10년 이상 전에는 웹사이트에 사이드바가 대부분의 왼쪽에 ..

아래로 블로그 글을 스크롤하면 화살표 아이콘이 표시되고 클릭하면 맨 위로 이동하는 '맨 위로 가기' 버튼을 추가하고 싶은 경우 다양한 방법으로 가능합니다. 저는 이 티스토리 블로그에 간단한 jQuery 스크립트를 사용하여 '맨 위로 가기' (Scroll To Top) 버튼을 추가했습니다. 티스토리에 맨 위로 가기 버튼 추가하기 맨 위로 이동하기 버튼을 여러 가지 방법으로 추가할 수 있습니다. 간단한 HTML과 CSS로 버튼을 클릭했을 때 상단의 ID로 이동하도록 할 수 있습니다. 부드럽게 스크롤되도록 하려면 자바스크립트/제이쿼리를 이용할 수 있습니다. 저는 Animated Scroll to Top with jQuery (jQuery를 사용하여 애니메이션 Scroll to Top 구현하기) 글에서 제시하는..