구글 검색 결과에 표시되는 파비콘(Favicon) 변경 방법 정리

웹사이트를 운영하다 보면
구글 검색 결과나 브라우저 탭에 표시되는 작은 아이콘을 변경하고 싶은 경우가 있습니다.

특히 최근에는 검색 결과에서도 브랜드 아이콘이 함께 노출되기 때문에,
파비콘(Favicon) 설정은 단순 꾸미기 이상의 의미를 가지게 되었습니다.

이번 글에서는 실제 서버 운영 환경 기준으로 파비콘 생성부터 적용, Google Search Console 반영까지 정리해보겠습니다.

---

1. 파비콘(Favicon)이란?

Favicon(파비콘)은 웹사이트를 대표하는 작은 아이콘 이미지입니다. 보통 아래 위치에서 확인할 수 있습니다.

• 브라우저 탭 제목 앞
• 즐겨찾기(북마크)
• 모바일 홈 화면 아이콘
• Google 검색 결과의 사이트 아이콘
• 모바일 브라우저 상단

예를 들어 Google 검색 시 도메인 왼쪽에 보이는 작은 이미지가 바로 파비콘입니다.

---

2. 파비콘 파일 형식과 권장 크기

가장 많이 사용하는 형식은 아래와 같습니다.

• favicon.ico
• png
• svg

일반적으로는 favicon.ico 를 가장 많이 사용하며, 브라우저 호환성도 가장 안정적입니다.

* 권장 크기

용도	권장 크기
기본 브라우저 탭	16x16
일반 웹 브라우저	32x32
고해상도 환경	48x48
모바일 아이콘	180x180

 * 이번 게시글에 적용 된 내용은 favicon.ico, favicon-48x48.png 을 사용하였습니다.

---

3. 파비콘 생성 방법

#3.1 이미지 생성
#이번 작업에서는 아래 사이트를 사용했습니다.

https://favicon.io/favicon-converter/

#이미지 파일을 업로드하면
#브라우저 호환 형태로 자동 변환해주기 때문에 편리합니다.

#보통 로고 PNG 파일 하나만 준비하면 충분합니다.

---

#3.2 브라우저는 favicon.ico 를 자동 탐색한다.

#많은 경우 별도 설정을 하지 않아도 브라우저가 아래 경로를 자동 확인합니다.

https://도메인/favicon.ico


#파비콘 설정을 안 했는데 아이콘이 보인다, 이전 아이콘이 계속 나온다
#이런 경우 대부분 서버 루트에 기존 favicon.ico 파일이 남아있는 경우가 많습니다.

---

#3.3 HTML에서 직접 파비콘 지정하기

#보다 안정적으로 적용하려면 HTML 헤더에서 직접 지정하는 것이 좋습니다.

<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-48x48.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

#_head.php, head.php 같은 공통 헤더 파일에 넣는 게 일반적입니다.

---

#3.4 Google 검색 결과에 바로 반영되지 않는 이유, Google Search Console에서 재수집 요청하기

#파일만 교체했다고 해서 Google 검색 결과가 즉시 변경되지는 않습니다.
#Google은 일정 주기로 다시 크롤링하면서 파비콘 정보를 갱신합니다.
#따라서 실제 운영에서는 아래 작업까지 같이 진행하는 편입니다.


#먼저 아래 사이트 접속 후 도메인을 등록합니다.

https://search.google.com/search-console/about?hl=ko

#인증 완료 후 URL 검사, 사이트맵 확인, 재색인 요청 순서로 진행합니다.
#robots.txt 차단 여부도 함께 확인하는 것이 좋습니다.

* 위 작업 진행 후 로그 확인시 아래와 같이 출력

---

4. 마무리

순번	작업
1	favicon 생성
2	서버 업로드
3	HTML 헤더 적용
4	Search Console 재수집 요청
5	캐시 확인

 

이 순서로 진행하면 대부분 정상 반영됩니다.

특히 Google 검색 결과는 즉시 변경되지 않기 때문에, 일정 기간 반영 시간이 걸릴 수 있다는 점도 참고하면 좋겠습니다.