구글 블로그스팟 대표 이미지를 내가 원하는 대로 설정하는 방법

구글 블로그스팟에 없는 대표 썸네일 사진 지정하는 방법, 이미 웹상에 많이 올라와 있는 코드이지만 나처럼 블로그스팟이 처음인 사람들이 쉽게 적용할 수 있게 정리해본다.

대표 이미지 지정하는 방법

1장 이상의 사진을 올리면, 첫 번째 이미지가 자동으로 대표 썸네일로 지정되는 블로그스팟.
첫 번째가 아닌 다른 이미지를 대표 썸네일로 지정하는 방법은, 아래 코드를 사용하면 된다.
❛<img src="https://이미지의 URL" style="display: none;" />❜
(그림 1) 블로그스팟 글 작성 화면에 사진 두 장

※ 예시.
두 번째 사진을 대표 사진으로 지정하고 싶다면,

1) 두 번째 사진 위에서 마우스 우측 버튼을 누르고, 이미지 주소를 복사. → 좌측 상단의 연필 모양을 누르고 '< > HTML 보기'로 들어간다.

(그림 2) 대표로 지정할 이미지 주소 복사

2) 첫 번째 줄에 코드 입력 후, "https://이미지의 URL" 부분에 복사한 이미지 주소를 붙여 넣으면 끝.
이렇게 하면 첫 줄에 올린 이미지는 "display: none" 적용으로 화면에 표시되지도, 공간을 차지하지도 않는다.

(그림 3) HTML 보기에서 코드와 복사한 이미지 주소 입력

3) '뒤로가기'를 눌러 '글 관리' 화면으로 이동.
첫 번째가 아닌, 내가 지정한 두 번째 사진이 썸네일 이미지로 보여짐을 확인할 수 있다.

(그림 4) 원하는 사진으로 지정된 대표 썸네일 확인 화면

구글 SEO에 어떤 영향을 줄 지는 모르겠지만, 현재 아는 방법은 이것뿐.


오늘의 한마디

블로그스팟 설명서 같은 건 없나?