구글 블로그스팟(Blogger)은 티스토리나 워드프레스처럼 별도의 '대표 이미지 설정'
버튼이 명확하게 존재하지 않아 당황스러울 때가 있습니다. 하지만 원리를 알면 아주
간단하게 제어할 수 있습니다. 베테랑 블로거로서 구글 SEO에 최적화된 이미지 관리
및 글 템플릿 활용법에 대해 알아보도록 하겠습니다.
AD
목차 보기
▼
여러 장의 이미지 중 원하는 이미지를 썸네일로 정하는 방법
블로그스팟은 기본적으로 글의 가장 상단(첫 번째)에 위치한 이미지를 썸네일(대표 이미지)로 인식합니다. 하지만 디자인 구성상 다른 위치의 이미지를 썸네일로 쓰고 싶다면 다음 두 가지 방법을 추천합니다.방법 A: HTML 편집을 이용한 '숨김 이미지' 기법
글 중간이나 하단에 있는 이미지를 썸네일로 쓰고 싶을 때 사용하는 기술적인 방법입니다.- 글 쓰기 모드에서 HTML 보기로 전환합니다.
-
글의 최상단(가장 첫 줄)에 아래 코드를 삽입합니다.
<img src="이미지 주소" style="display:none;">
-
이미지 주소부분에 썸네일로 보여주고 싶은 이미지의 링크를 넣습니다.
- 이렇게 하면 실제 포스팅 화면에는 이미지가 보이지 않지만, 구글 검색 결과나 SNS 공유 시에는 해당 이미지가 썸네일로 채택됩니다.
AD
이미지 주소 복사 방법
- 여러 장의 이미지가 존재할 경우 원하는 이미지를 선택합니다.
- 해당 이미지에서 마우스 오른쪽 버튼을 클릭합니다.
- 팝업 메뉴에서 '이미지 주소 복사'를 클릭합니다.
- 복사된 이미지 주소를 위 코드 '이미지 주소' 부분을 지우고 삽입합니다.
AD
방법 B - 글 템플릿 사용 방법
매번 포스팅할 때마다 동일한 구조(인사말, 본문 서식, 맺음말, 카테고리 안내 등)를 반복해서 만드는 것은 비효율적입니다. '글 템플릿' 기능을 활용하면 생산성을 극대화할 수 있습니다.- 설정 경로: 블로그 관리자 홈 > 설정 > 글 섹션 > 글 템플릿
- 사용 방법:
-
자주 사용하는 HTML 서식이나 텍스트 구조를 입력창에 넣고 저장합니다.
위에서 언급한 이미지 주소 코드(
<img src="이미지 주소" style="display:none;">)를 삽입 합니다. - 이후 '새 글 쓰기'를 누를 때마다 설정해둔 템플릿 내용이 자동으로 입력된 상태로 에디터가 열립니다. ('HTML 보기'에 코드 자동 입력 됨)
-
* SEO 팁: 템플릿에 기본적으로
<h2>,<h3>태그 구조를 미리 짜두면 검색 엔진이 글의 구조를 파악하는 데 큰 도움이 됩니다.
AD
방법 C: 이미지 순서 조정
이미지를 활용한 다양한 설정 및 SEO 팁
이미지는 단순히 시각적 요소를 넘어 검색 노출의 핵심 지표가 됩니다. 다음 팁들을 반드시 적용하시기 바랍니다.이미지 속성 설정 (Alt 태그)
구글 로봇은 이미지를 직접 볼 수 없으므로 텍스트로 설명해 주어야 합니다.- 이미지를 클릭한 후 '설정(톱니바퀴 아이콘)'을 누릅니다.
- 대체 텍스트(Alt Text): 이미지에 대한 설명을 키워드와 함께 짧게 적습니다. (예: 구글-블로그스팟-썸네일-설정-방법)
- 제목 텍스트(Title Text): 마우스를 올렸을 때 나타나는 설명입니다.
AD
이미지 크기 최적화
- 원본 크기 사용 지양: 너무 큰 이미지는 페이지 로딩 속도를 늦춰 SEO 점수를 깎습니다. 블로그 레이아웃에 맞춰 '매우 크게' 또는 '원래 크기' 보다는 적절한 리사이징을 권장합니다.
- 라이트박스(Lightbox) 기능: 설정에서 '이미지 라이트박스'를 활성화하면 독자가 이미지를 클릭했을 때 화면 가득 크게 볼 수 있어 사용자 경험이 향상됩니다.