원하는 사진을 썸네일로! 블로그스팟 대표 이미지 지정 가이드
공성껏 만든 포스팅을 공유했는데, 엉뚱한 사진이 썸네일로 떠서 속상하셨나요? 블로그스팟은 기본적으로 '포스팅 가장 상단에 있는 이미지'를 썸네일로 인식합니다. 하지만 예외적인 상황을 방지하기 위한 확실한 방법들을 소개합니다.
방법 1: '가장 첫 번째' 법칙 준수하기
블로그스팟 시스템은 글 본문에서 가장 먼저 나타나는 이미지 파일을 썸네일 후보 1순위로 잡습니다.
- 글의 맨 윗부분에 썸네일로 쓰고 싶은 이미지를 배치하세요.
- 이미지를 클릭한 후 [설정(톱니바퀴)] 아이콘을 눌러 '원래 크기' 또는 '매우 크게'로 설정하는 것이 해상도 면에서 유리합니다.
방법 2: 투명 이미지를 활용한 '강제 지정' (꿀팁)
만약 글 상단에 다른 이미지를 배치해야 하지만, 썸네일은 다른 사진으로 쓰고 싶다면 이 방법을 사용하세요.
<!-- 1. 썸네일로 쓸 이미지를 글 맨 위에 넣습니다. -->
<img src="실제_썸네일_이미지_주소.jpg" style="display:none;" />
<!-- 2. 그 아래에 실제 본문 내용을 작성합니다. -->
위와 같이 display:none; 코드를 사용하면, 사람은 볼 수 없지만 검색 로봇은 이 이미지를 첫 번째로 인식하여 썸네일로 사용하게 됩니다.
방법 3: 페이스북/카톡 공유 시 썸네일 고정하기 (Open Graph)
SNS 공유 시 썸네일이 자꾸 누락된다면 테마 자체에 '대표 이미지' 규칙을 심어줘야 합니다.
📍 위치: [테마] → [HTML 편집] → <head> 바로 아래
<meta property='og:image' content='대표_이미지_URL'/>
💡 썸네일 최적화 체크리스트
1. 비율: 1.91:1(1200x630) 또는 1:1 비율이 가장 잘리지 않고 예쁘게 나옵니다.
2. 용량: 너무 큰 이미지는 로딩 속도를 늦추므로 200KB 이하로 최적화하세요.
3. 확인: 설정 후 페이스북 공유 디버거에서 주소를 입력해 보면 썸네일이 어떻게 나올지 미리 볼 수 있습니다.
1. 비율: 1.91:1(1200x630) 또는 1:1 비율이 가장 잘리지 않고 예쁘게 나옵니다.
2. 용량: 너무 큰 이미지는 로딩 속도를 늦추므로 200KB 이하로 최적화하세요.
3. 확인: 설정 후 페이스북 공유 디버거에서 주소를 입력해 보면 썸네일이 어떻게 나올지 미리 볼 수 있습니다.
⚠️ 주의사항
블로그스팟 설정에서 '맞춤 로봇 태그'를 잘못 건드리면 이미지가 검색 결과에 누락될 수 있습니다. 기본 설정을 유지하거나 이미지 노출 권한이 켜져 있는지 확인하세요.
블로그스팟 설정에서 '맞춤 로봇 태그'를 잘못 건드리면 이미지가 검색 결과에 누락될 수 있습니다. 기본 설정을 유지하거나 이미지 노출 권한이 켜져 있는지 확인하세요.
이제 여러분의 멋진 썸네일로 더 많은 방문자를 불러모으세요!
![[블로그스팟 가이드] 네이버처럼 메뉴 만들기: 라벨과 URL 설정 총정리](https://blogger.googleusercontent.com/img/a/AVvXsEgSBUNjbKJOjRWx4ILBNwUUDnjMAQnHBWLxjSNLUsTzgduMxyXF7IZdzpNkEpyAz5q1rWdLXjquQ-VFHv3UzZgcBgn6XGBzqMSknuGY-vNutr26KNQuJB0gajn-poIdhH3NqYBUaRIoW64ZFO1tOP_34rLpPlOs7-AsTAf6SnH-tekEWB29ZZHV3cY7XmY=w72-h72-p-k-no-nu)
0 댓글