최근 티스토리는 광고 관련 규제를 강화하면서, 호버 효과(버튼에 마우스 올리면 색이 바뀌는 기능), 깜빡이는 애니메이션, 클릭 유도 스크립트 등을 금지하고 있습니다. 특히 다음과 같은 유형은 티스토리 제제 대상이 될 수 있어요:
혹시 “버튼을 예쁘게 만들면 클릭도 많고 수익도 올라가는 거 아닌가요?”라고 생각하셨다면, 꼭 아래 사례를 확인해주세요.
? 실제 사례:
※ 티스토리 운영 정책 위반으로 블로그 해제 예정 안내문
티스토리는 최근 다음과 같은 클릭 유도 행위를 엄격히 금지하고 있습니다.
- 특정 버튼 안에 “클릭을 유도하는 문구 또는 기호” 삽입
- 버튼 주변에 “눌러주세요”, “꼭 확인하세요” 같은 문구
- 마우스를 올리면 색이 바뀌는 hover 효과
- 깜빡이거나 움직이는 CSS 애니메이션
이러한 요소가 포함된 블로그는
? 로그인 제한, 블로그 차단, 심하면 애드센스 연동 해제까지 이어질 수 있습니다.
? 실제로 받은 운영정지 경고 내용 (2025.07 기준)
“특정 버튼 내 클릭을 유도하는 기호,
버튼 하단 또는 주변에 클릭을 유도하는 텍스트 모두 불가합니다.”
→ 이 경고 후, 블로그가 일시 해제되고 수정을 요구받은 실제 사례입니다.
✅ 그래서 이미지 버튼 + 자연스러운 문구만 사용하는 이유
이 글에서 소개한 미리캔버스를 활용한 버튼 방식은
- 버튼에 애니메이션, hover, 문구 유도 없이
- 디자인만 깔끔하게 정리
- 링크만 거는 구조이기 때문에
티스토리 정책에 저촉되지 않고 안전하게 사용 가능한 방식입니다.
*이건 티스토리에만 해당이고, 블로그스팟, 워드프레스는 괜찮습니다. 단 구글은 “실수 클릭 유도”를 매우 엄격하게 보고 있습니다.
그래서 이 글에서는 HTML/CSS를 몰라도, 티스토리 정책에 저촉되지 않으면서도 예쁘고 시선 끄는 버튼을 쓸 수 있도록, ‘미리캔버스’를 활용한 이미지 버튼 방식을 알려드립니다.
? 초보자도 걱정 마세요!
- 별도 코드 삽입 없이
- 버튼 문구만 바꾸고 JPG 저장하면
- 티스토리에 바로 삽입 가능
이 방법은 디자인·코딩에 익숙하지 않은 분들도 몇 분이면 완성할 수 있는 초간단 솔루션입니다.
? “처음부터 너무 복잡하게 시작하지 마세요.수익은 ‘예쁜 버튼’이 아니라, ‘글 품질’과 ‘유입 트래픽’에서 나옵니다.”
? 아래 버튼은 제가 직접 제작한 미리캔버스 버튼 템플릿입니다. 문구, 색상, 아이콘만 수정해서 JPG로 저장하고 티스토리에 바로 넣으시면 됩니다.
▶ 미리캔버스 버튼 템플릿 바로가기
? 미리캔버스 계정만 있으면 누구나 무료 사용 + 복제 편집 가능합니다.
✍️ 사용 방법 요약
① 미리캔버스에서 템플릿 열기
- 텍스트: 문구 수정
- 배경: 원하는 색으로 변경
- 아이콘: 화살표, 클릭 유도 이미지 추가 (추천: 오른쪽 화살표 ➡️)
? 버튼 이미지 사이즈 추천 가이드
정답은 “너무 크지도, 작지도 않고 모바일에서도 잘 보이는 사이즈”입니다.
| 목적 | 권장 사이즈 | 설명 |
| 기본 버튼 (가로형) | 300 × 60 | 가장 일반적이고 클릭 유도에 적합 |
| 강조용 버튼 (더 크게) | 400 × 80 | CTA가 강할 때 (예: “지금 신청하기”) |
? 클릭률 높이는 버튼 색상 추천
| 색상 | 의미 | 코드사용 | 예시 |
| ? 빨강 | 긴급·행동 유도 | #FF4B4B | “지금 확인하기” |
| ? 주황 | 주의·관심 집중 | #FF9900 | “자세히 보기” |
| ? 초록 | 안정감·승인 느낌 | #00C471 | “문의하러 가기” |
| ? 파랑 | 신뢰감·클릭 유도 | #2980B9 | “다음 글 보기” |
| ? 보라 | 전문성·브랜드 강조 | #9B59B6 | “추천 포스트” |
? 클릭 유도용 행동요구(CTA) 문구 추천 리스트
[1] 블로그 내 글 이동 유도
| 목적 | 추천 문구 |
| 이전 글 보기 | “? 이전 글도 읽어보세요” |
| 다음 글 보기 | “? 다음 글 확인하기” |
| 관련 글 보기 | “? 이 글과 관련된 정보도 확인해보세요” |
| 전체 글 보기 | “? 전체 글 한눈에 보기” |
[2] 홈페이지 / 외부 페이지 이동
| 목적 | 추천 문구 |
| 홈페이지 이동 | “? 공식 홈페이지로 이동하기” |
| 서비스 소개 | “? 자세한 서비스 알아보기” |
| 포트폴리오 보기 | “? 포트폴리오 확인하기” |
| 외부 블로그 / 인스타그램 이동 | “? 외부 채널에서 더 보기” |
[3] 문의 / 상담 / 신청
| 목적 | 추천 문구 |
| 문의하기 | “? 지금 문의하기” |
| 상담받기 | “?️ 무료 상담 신청하기” |
| 예약하기 | “? 지금 예약하기” |
| 자료 다운로드 | “? 가이드 다운로드 받기” |
[4] 구매 / 가입 / 신청 유도
| 목적 | 추천 문구 |
| 제품 보기 | “?️ 제품 상세 보기” |
| 바로 구매 | “? 지금 구매하기” |
| 멤버십 가입 | “? 멤버십 바로 가입하기” |
| 혜택 확인 | “? 가입 혜택 확인하기” |
[5] 일반적 행동 유도 표현 (모든 상황에서 사용 가능)
- “✅ 지금 확인해보세요”
- “? 지금 시작하세요”
- “? 자세히 알아보기”
- “? 클릭하고 이동하기”
- “? 클릭 한 번으로 확인하기”
이 글에서는 미리캔버스를 활용한 예쁜 버튼 제작 방법부터, 클릭률이 높은 색상·문구까지 자세히 알려드렸습니다.하지만 꼭 기억해주세요.
수익형 블로그의 핵심은 ‘버튼 디자인’이 아니라,
‘콘텐츠 품질’과 ‘키워드 기반 유입’입니다.
아무리 버튼이 예쁘고 잘 만들어져도, 읽을 글이 없고 검색에 안 걸리면 클릭도, 수익도 없습니다.
✅ 버튼은 어디까지나 글을 더 잘 전달하기 위한 도구입니다. 글이 중심, 버튼은 보조. 그러니 처음부터 디자인에만 집착하지 마시고, 좋은 콘텐츠를 꾸준히 쓰는 데 집중하세요. 수익은 그다음에 자연스럽게 따라옵니다.
콘텐츠 품질과 키워드 기반 유입 잘 기억하겠습니다