블로그스팟(Blogger)의 대표 이미지는 기본적으로 포스트의 첫 번째 이미지가 설정됩니다. 하지만 원하는 이미지를 대표 이미지로 설정하려면 간단한 HTML 코드를 활용할 수 있습니다.
대표 이미지 설정을 위한 HTML 코드
아래 코드를 포스팅의 첫 번째 줄에 넣어주면, 원하는 이미지를 대표 이미지로 설정할 수 있습니다.
<img src="이미지 주소" style="display: none;" alt="대표 이미지 설명" />
사용 방법
(1) 코드 삽입
블로그스팟 글 작성 화면에서 HTML 보기 모드로 전환한 후, 첫 번째 줄에 위 코드를 삽입합니다.
(2) 이미지 주소 입력
코드의 "이미지 주소" 부분을 원하는 이미지의 URL로 변경합니다. 이미지 주소는 .jpeg, .png, .gif 등의 확장자로 끝나는 이미지여야 하며, 블로그스팟에 업로드한 이미지를 사용하려면 이미지 속성을 확인하여 복사하면 됩니다.
(3) Alt 태그 활용
이미지를 올리셨다면, 검색 엔진 최적화를 위해 alt 태그를 적절히 설정하는 것도 잊지 마세요.
<img src="https://example.com/image.jpg" style="display: none;" alt="블로그스팟 썸네일 변경 방법" />
대표 이미지 자동 설정하기
만약 위 방법이 번거롭다면, 블로그 글을 작성할 때 대표 이미지(썸네일)로 사용할 사진을 가장 먼저 업로드하는 방법도 뿐이 없습니다. 참 불편하긴 하죠 ㅠㅠ. 블로그스팟은 첫 번째 이미지를 썸네일로 설정하기 때문입니다
블로그스팟의 기본 대표 이미지 설정 방식 때문에 원하는 썸네일을 사용하기 어려울 수 있지만, 조금 귀찮더라도 위 방법을 활용하면 손쉽게 대표 이미지를 변경할 수 있습니다.