tips 인터넷/모바일 (internet/mobile)

[Solved] Favicon is not showing

·

Favicon is not showing in mobile google search result

목차

저의 Jekyll로 만들어진 블로그 또한 Favicon이 보이지 않는 현상이 있었습니다. 아래 그림처럼 말이죠.
Favicon is not showing

이번에는 왜 모바일 크롬에서 favicon이 보이지 않는지? 그리고 어떻게 하면 보이게 할 수 있는지 알아보도록 하겠습니다.

Reason

Favicon이 보이지 않는 이유는 구글 크롤링이 인식을 하지 못해서 인데요, 저는 다음과 같은 방법으로 해결 했습니다.

  • AS-IS
<link rel="icon" type="image/x-icon" href="/assets/icons/favicon.ico">
  • TO-BE

favicon.ico를 루트 디렉토리에 복사하고, 다음과 같이 코드를 변경해줍니다.

<link rel="icon" type="image/x-icon" href="/favicon.ico">

그리고 구글 크롤러가 크롤링을 할 수 있는 여유시간이 필요합니다. 저같은 경우 6 ~ 12 시간 정도 걸린 것 같습니다.

Result
Before After

감사합니다.

#favicon,#showing,#google,#search,#chrome,#mobile google search