티스토리 블로그 썸네일 설정 꿀팁 (오픈그래프, SNS 공유용)

안녕하세요 :)
오늘은 티스토리 블로그 글을 공유할 때 썸네일이 이상하게 보이거나, 아예 안 보이는 현상을 해결해볼게요.

이 문제는 대부분 오픈그래프(Open Graph) 설정을 하지 않아서 생기는 문제입니다.
아주 간단한 설정으로 검색, SNS 공유 시 클릭률을 높일 수 있어요!

---

✅ 오픈그래프(Open Graph)란?

오픈그래프는 페이스북, 트위터, 카카오톡 등에서 링크를 미리보기로 보여줄 때 사용하는 정보입니다.
여기에 썸네일, 제목, 설명 등이 포함돼요.

만약 제대로 설정되어 있지 않으면,
✔️ 썸네일이 엉뚱하게 나오거나
✔️ 빈 이미지가 뜨거나
✔️ 글 제목과 설명이 누락될 수 있어요.

---

✅ 티스토리 썸네일 설정 방법

1. 글쓰기 화면에서 썸네일 지정

• 글을 쓸 때, 아래쪽 "대표 이미지 설정" 또는 "썸네일 이미지" 항목이 있어요.
• 여기에 원하는 이미지를 업로드하면, 이 이미지가 SNS에 썸네일로 표시됩니다.

티스토리 대표 이미지 설정하기

---

2. 오픈그래프 미리보기 확인 (공유 테스트)

1. 아래 사이트에 URL을 입력해 보세요:
   ▶ 카카오 디버거
   ▶ 페이스북 디버거
2. 썸네일, 제목, 설명이 잘 나오는지 확인하고
   안 나오면 “스크랩 정보 새로고침”을 눌러 캐시를 갱신하세요.

카카오 공유 디버거 확인하기

---

3. OG 설정을 커스터마이징하고 싶다면?

티스토리는 직접 HTML 편집은 어려워도,
글의 제목 / 대표 이미지 / 첫 문단을 잘 정리하면 OG 정보로 활용돼요.

• 제목: 글 제목 그대로 반영
• 설명: 첫 문단의 글 내용 일부
• 이미지: 대표 이미지(썸네일)로 등록된 이미지

---

✅ 썸네일 꿀팁 요약

• 썸네일은 꼭 직접 업로드해서 지정하자
• 첫 문단에 핵심 내용을 요약하면, OG 설명이 깔끔하게 나옴
• SNS 디버깅 도구로 미리보기 꼭 확인하기

---

🔖 다음 글 예고

👉 “티스토리 글 하나로 검색 트래픽 늘리는 법 (초보자 가이드)” 편도 기대해 주세요!

---