구글 파비콘 노출 방법 (이미지 크기 변경, 서치콘솔 재크롤링)

구글 파비콘 노출 방법 (이미지 크기 변경, 서치콘솔 재크롤링)

1. 시작하며

고스트(Ghost) 블로그를 운영하면서 구글, 네이버, 다음에 모두 사이트를 등록했습니다.
그런데 네이버에서는 파비콘이 잘 노출되지만, 구글에서는 파비콘이 노출되지 않는 현상이 발생했습니다.

이번 글에서는 파비콘이 구글에 노출되지 않을 때 확인해야 할 사항과, 실제로 해결했던 과정을 공유해 드리겠습니다.
고스트(Ghost) 블로그뿐만 아니라 홈페이지의 파비콘이 구글에 노출이 안 되고 있다면 아래 내용을 꼭 확인해 보세요!






2. 파비콘이 구글에 안 뜨는 원인은?

네이버의 경우, 네이버 서치어드바이저에 사이트를 등록한 이후 며칠이 지나자 파비콘과 함께 사이트가 정상 노출되었습니다.

네이버 검색 결과 화면
네이버 검색 결과 화면

하지만 구글은 서치콘솔에 사이트를 등록 이후, 사이트는 노출되지만 파비콘이 나타나지 않았습니다.

구글 검색 결과 화면
구글 검색 결과 화면

구글 공식 문서에서 확인한 파비콘 관련 가이드

  • 정사각형의 이미지일 것
  • 이미지 크기가 48px보다 클 것
  • 이미지의 크기는 48px의 배수일 것

제가 등록한 파비콘의 크기는 120x120px이었는데, 가이드에 따르면 48px의 배수가 아니었기 때문에 문제가 되었을 가능성이 있었습니다.






3. 파비콘 이미지 크기 변경 및 재크롤링

문제 해결을 위해 아래 작업을 순서대로 진행했습니다.

파비콘 이미지 크기 변경

  • 기존 120x120px에서 144x144px (48px의 배수)로 수정
  • 파비콘 이미지 크기 수정
    파비콘 이미지 크기 수정
  • 고스트(Ghost) 블로그 디자인 설정에서 새 파비콘 이미지로 교체 및 저장
  • 고스트(Ghost) 블로그 파비콘 변경
    고스트(Ghost) 블로그 파비콘 변경

구글 서치콘솔 수동 재크롤링

  • 구글 서치콘솔 접속
  • Google Search Console
  • URL 검사에 홈페이지 주소 입력
  • 구글 서치콘솔 URL 검사 클릭 후 홈페이지 주소 입력
    구글 서치콘솔 URL 검사 클릭 후 홈페이지 주소 입력
  • 색인 생성 요청 버튼 클릭
  • 색인 생성 요청 클릭
    색인 생성 요청 클릭
  • 수동으로 재색인 요청 완료
  • 색인 생성 요청 중
    색인 생성 요청 완료
    색인 생성 요청 완료





4. 결과 확인 및 적용 완료

며칠 후 다시 확인해 본 결과, 구글에서도 파비콘이 정상적으로 표시되고 있었습니다.

구글 검색 결과 파비콘 정상 노출 확인
구글 검색 결과 파비콘 정상 노출 확인





5. 체크리스트: 구글 검색 결과 파비콘이 안 뜰 때 확인할 것

이미지 크기

  • 정사각형
  • 최소 48px 이상
  • 48px의 배수

서치콘솔 재색인 요청

  • 사이트 변경 후 URL 검사 도구에서 재크롤링 요청





6. 마무리

파비콘은 작은 아이콘이지만 방문자에게 주는 인상이 달라지기 때문에 꼭 챙겨야 할 요소입니다.
현재 홈페이지를 운영 중이시고, 파비콘이 구글에 노출되지 않아 고민이셨다면 위의 방법을 따라 해보시길 권장드립니다.

파비콘처럼 사소하지만 중요한 요소들을 잘 관리하는 것이, 블로그 운영의 완성도를 높이는 길이 아닐까 생각합니다.

[함께 읽으면 좋은 글]

* 아임웹 ICO 파비콘 만들기

아임웹 ICO 파비콘 만들기 | 아임웹 홈페이지 지식 저장소, 웹카이브
PNG 파일로 ICO 파비콘을 생성하고 아임웹에 적용하는 방법을 소개합니다. 쉽고 빠르게 파비콘을 설정하여 홈페이지 브랜딩을 강화하세요.

* 다음(Daum) 검색엔진 등록 시 '신청자 작성' 마크 제거

다음(Daum) 검색엔진 등록 시 ‘신청자 작성’ 마크 제거 | 아임웹 홈페이지 지식 저장소, 웹카이브
다음(Daum) 홈페이지 등록 시 나타나는 ‘신청자 작성’ 마크를 제거하는 방법을 안내합니다.

게시글 더보기

아임웹 동영상 위젯 모서리 둥글게 (코드)

아임웹 동영상 위젯 모서리 둥글게 (코드)

1. 시작하며 아임웹으로 홈페이지를 만들다 보면 다양한 위젯을 배치하게 됩니다. 그중에서도 동영상 위젯은 시각적인 정보 전달에 효과적인 요소인데요, 이때 다른 요소들과 조화롭게 보이기 위해서는 디자인 디테일이 매우 중요합니다. 예를 들어 이미지나 버튼은 둥글게 처리했는데, 동영상만 각져 있다면 화면의 전체적인 느낌이 어색해질 수 있습니다. 그래서 이번 글에서는 아임웹 동영상 위젯의 모서리를

아임웹 텍스트가 떠오르는 애니메이션 (코드)

아임웹 텍스트가 떠오르는 애니메이션 (코드)

1. 시작하며 홈페이지를 방문한 첫 순간, 사용자의 이목을 사로잡는 요소 중 하나는 바로 텍스트 애니메이션입니다. 정적인 텍스트보다 살짝 움직이는 텍스트는 훨씬 더 주목받을 수 있으며, 브랜드나 메시지를 자연스럽게 강조하는 데 유용합니다. 이번 글에서는 아임웹을 통해 텍스트 한 줄씩 부드럽게 떠오르는 애니메이션 효과를 구현하는 방법을 안내드립니다. 2. 텍스트가 위로 떠오르는 부드러운

아임웹 라이브 뱃지 만들기 (코드)

아임웹 라이브 뱃지 만들기 (코드)

1. 홈페이지에 ‘LIVE’ 뱃지가 필요한 이유 홈페이지에서 후기나 리뷰를 실시간으로 보여줄 때, 시각적으로 주목받을 수 있는 방법은 매우 중요합니다. 단순한 텍스트보다 시각적으로 강조된 뱃지를 활용하면 사용자의 집중도를 높이고, 정보의 긴급성이나 신뢰도를 효과적으로 전달할 수 있습니다. 실시간 후기, 라이브 상담, 긴급 공지, 한정 이벤트와 같이 현재 진행 중인 정보를 보여줄 때

아임웹 입력폼 개인정보수집동의 숨기기

아임웹 입력폼 개인정보수집동의 숨기기 (코드)

1. 시작하며 아임웹에서 입력폼을 통해 고객의 개인정보를 수집하거나 제3자에게 제공하는 경우, 반드시 관련 동의 항목을 명시해야 합니다. 하지만 입력폼 하단에 긴 동의 문구가 노출되면 폼이 길어지고 가독성도 떨어지기 쉬운데요, 이번 글에서는 입력폼 디자인을 해치지 않으면서도 개인정보 동의를 받을 수 있는 방법을 소개해 드리겠습니다. 2. 아임웹 입력폼 동의 항목 기본 설정