구글 블로그에서 포스트 썸네일을 선택하는 방법

전부터 말했지만 구글 블로그의 에디터는 구리다.

라는 말로 글을 시작하면 구글에서 내 블로그를 싫어하려나..?

나는 구글 블로그 동료가 늘어났으면 좋겠다. (AI로 글 쓰면서 수익 노리는 사람들 빼고)

나는 구글을 사랑하는 사람이다..

구글 블로그 만세!! 애드센스도 만세!!

어쨌든 오늘은 구글 블로그에서 썸네일을 선택하는 방법을 알아보자.

구글 블로그는 썸네일 이미지는 선택하는 기능이 없다

내가 이전에 이용했던 다른 회사의 블로그는 포스트 본문에 첨부했던 이미지 중에서 대표 이미지를 선택할 수 있었다.

그러면 그 이미지가 포스트의 썸네일 이미지가 됐었다.

그런데 구글 블로그는 포스트 목록에 표시할 썸네일을 찾을 때, 글의 HTML 코드를 위에서부터 순차적으로 읽고, 가장 먼저 발견되는 <img> 태그의 이미지를 썸네일로 지정하게 되는 시스템이다.

그래서 지금까지 작성한 글들은 대부분 썸네일이 엉망이 되는 경우가 많았다.

이렇게 말이다.

캡처한 이미지를 보면 위와 아래에 있는 포스트는 그나마 썸네일이 글의 내용과 연관이 있지만, 가운데에 있는 포스트의 썸네일은 포스트의 제목과 별로 연관이 없어 보인다.

썸네일을 직접 예쁘게 만든다면 문제 해결

유튜브 영상의 썸네일을 만들듯이 포스트도 썸네일을 예쁘게 만들어서 항상 포스트의 가장 윗부분에 업로드를 한다면 문제가 없다.

고민 해결!!!

하지만 나에게는 그렇게 썸네일을 빠르고 예쁘게 만드는 능력이 없다.

글을 쓰는 것만으로 시간이 부족하다.

또, 유튜버들은 보통 일주일에 한 번 영상을 올린다.

그러니 썸네일도 일주일에 하나를 만드는 것이다. 그 정도라면 시간을 투자해서 만들만하다.

하지만 현재 최소 1일 1포스팅을 하고 있는 나에게는 그럴 여유도 없다.

구글 블로그에서 포스트에 썸네일을 지정하는 방법

위에서 구글 블로그는 글의 첫 번째 이미지를 썸네일로 지정한다고 설명했었다.

이런 구글 블로그의 규칙을 활용하여 원하는 이미지를 포스트의 첫 부분에 숨겨두면 된다.

이 방법으로 아까 위에서 캡처한 이미지로 보여줬던 이상한 썸네일을 그나마 글과 어울리는 괜찮은 이미지로 바꿔보자.

구글 블로그 템플릿의 테마 색상을 바꾸는 방법을 알려주는 포스트였기 때문에, 색상을 변경한 후의 모습을 캡처했던 이 이미지가 그나마 썸네일로 사용하기에 괜찮은 이미지 같다.

이미지의 URL을 복사한다.

이미지에 바로 마우스 오른쪽을 클릭해서 URL을 복사해도 되고, 어차피 글을 수정할 것이기 때문에 이렇게 에디터에서 복사해도 된다.

<img src="썸네일 이미지 URL" style="display:none;" alt="포스트 썸네일 이미지" />

그리고 포스트의 가장 윗부분에 이 코드를 넣는다.

style 속성을 이용해서 CSS 코드로 이미지가 보이지 않도록 설정했다.

그리고 SEO를 생각한다면 이미지가 보이지 않더라도 alt 속성을 꼭 넣어주자.

시각 장애가 있는 사용자가 블로그에 방문했을 때, 스크린 리더^{Screen Reader}는 HTML 코드를 읽어 사용자에게 이미지의 내용을 전달한다.

display: none은 단순히 시각적으로만 요소를 숨기는 CSS 속성이다.

이건 웹 브라우저가 화면에 이미지를 렌더링 하지 않도록 명령하는 것일 뿐, HTML 문서 자체에서 해당 요소가 사라지는 것이 아니다.

스크린 리더는 화면을 보는 것이 아니라 HTML 코드 자체를 읽어 사용자에게 음성으로 전달하기 때문에 <img> 태그를 만나면 alt 속성에 담긴 내용을 읽어준다.

그러니 시각적으로는 보이지 않더라도 접근성을 고려하여 alt 속성을 반드시 넣어야 한다.

이렇게 썸네일의 이미지가 성공적으로 변경되었다.

이건 정말 이가 없으면 잇몸으로 하라는 말과 딱 어울리는 상황이다.

그런데 매번 이러기에는 좀 귀찮은 느낌이 있다.

하지만 불가능한 것은 아니라서 참 다행이라고 생각한다.

가능하다면 첫 번째 이미지를 썸네일로 사용하기 적합한 이미지를 넣고, 글의 흐름상 그게 불가능한 경우에는 이런 방법을 사용해야겠다.

그런데 지금까지 포스트의 내용과 일치하지 않은 썸네일이 들어간 글들이 꽤 많았는데...

전부 다 수정해야 하나..?

이 글이 도움이 됐거나 유익했다면 스크롤을 조금만 더 내려서 댓글을 남겨주세요. (비로그인도 가능합니다!)
응원이나 피드백이 담긴 댓글은 제가 계속 블로그를 해나갈 수 있는 원동력이 됩니다. 😊

지인에게 보여주고 싶은 글이었다면 URL을 복사해서 메신저나 소셜 미디어에 공유해 주세요.