[Django/K-unirank] HTML 파비콘이 상단 메뉴바에는 적용 되는데 구글 검색결과에는 적용이 안되는 건에 대하여

K-unirank의 로고를 만들고 html에 코드를 삽입한 후 게시를 하는 과정에서 한가지 문제가 발생했다.

<link rel="icon" href="/media/icon/K-unirank.ico">

위 코드로 파비콘 설정을 하고 저장을 했는데

위 사진과 같이 상단 메뉴바에는 로고가 정상적으로 잘 적용된 반면 구글 검색결과에서는 로고가 제대로 반영이 안되어있던 것이다
분명 Devroup을 운영할 적엔 둘 다 적용이 잘 됐었는데 말이다.

문제를 해결하기 위해 먼저 구글 서치콘솔에 접속해 구글이 내 웹사이트를 언제, 어떤 코드를 크롤링 했는지 확인했다.
그 결과..

원래 <link rel="icon" href="/media/icon/K-unirank.ico">로 크롤링되어 있었다. 문제 해결 후 글을 써서 <link rel="icon" type="image/x-icon" href="/media/icon/K-unirank.ico" />로 크롤링되어있다.

내가 마지막으로 작성한 코드대로 크롤링이 잘 되어있었다.

다음으로 Devroup에서 작성한 파비콘 코드와 K-unirank의 파비콘 코드를 비교해 보았다. 그 결과..

<!--Devroup-->
<link rel="icon" type="image/x-icon" href="/media/logo/Devroup_NoWord_full_transparent.ico">

<!--K-unirank-->
<link rel="icon" href="/media/icon/K-unirank.ico">

그렇다 K-unirank 파비콘 코드에는 타입이 명시되어있지 않았다.
image/x-icon은 파비콘과 같은 아이콘 파일에 사용되는 MIME 타입(인터넷에서 전송되는 파일 형식을 나타내는 표준화된 명칭)이며, 주로 .ico 파일 형식을 나타내기 위해 사용된다.

뭐, 원래는 MIME 타입을 굳이 명시하지 않아도 대부분의 경우에는 브라우저가 파비콘을 인식하긴 하지만 나는.. 왜인지 모르게 인식을 못했던것 같다.
어쨌든 MIME 타입을 명시하고 웹사이트를 다시 게시한 후, 구글이 크롤링할 때까지 기다린 결과..

로고가 아주 잘 적용이 되었다!