파비콘은 웹사이트를 시각적으로 식별하기 위해 사용하는 작은 아이콘입니다. 브라우저 탭, 북마크와 Google 검색결과 등에서 표시될 수 있습니다.
크기는 작지만 여러 결과 사이에서 사이트를 구분하게 해 주는 요소입니다.
이 글은 Google 공식 문서를 기준으로 작성했습니다.
검색결과에 표시되는 위치
Google 검색결과에서는 사이트 이름과 URL 주변에 파비콘이 표시됩니다. 페이지마다 다른 아이콘을 보여 주는 것이 아니라 같은 호스트의 결과에 공통으로 적용됩니다.
example.com과 news.example.com은 호스트가 달라 각각 파비콘을 설정할 수 있습니다. 반면 example.com/blog 같은 하위 디렉터리에는 별도 파비콘을 지정할 수 없습니다.
link 요소 설정 방법
홈페이지 HTML의 <head> 안에 아이콘 파일을 가리키는 link 요소를 넣습니다.
<link rel="icon" href="/favicon.ico">
상대 주소와 절대 주소를 모두 사용할 수 있고 파일을 CDN에 둘 수도 있습니다. 다만 파비콘 URL은 자주 바꾸지 않는 편이 좋습니다.
워드프레스는 보통 관리자 화면의 사이트 아이콘 기능이나 테마 설정에서 등록합니다. 설정 후 홈페이지 소스에 rel="icon"이 들어갔는지 확인하세요.
Google 검색용 크기와 URL 조건
- 가로와 세로가 같은 1:1 비율이어야 합니다.
- 최소 크기는 8×8픽셀입니다.
- 여러 화면에서 선명하게 보이도록 48×48픽셀보다 큰 크기가 권장됩니다.
- 유효한 파비콘 이미지 형식을 사용합니다.
- 브랜드를 알아볼 수 있는 디자인이어야 합니다.
- Googlebot이 홈페이지를 크롤링할 수 있어야 합니다.
- Googlebot-Image가 파비콘 파일을 크롤링할 수 있어야 합니다.
최소 조건을 충족해도 검색결과 표시가 보장되는 것은 아닙니다.
파비콘이 안 보일 때의 점검
- 홈페이지 소스에 올바른
link요소가 있는지 봅니다. href의 이미지 URL이 정상적으로 열리는지 확인합니다.- 파일이 정사각형이고 크기 조건을 충족하는지 봅니다.
- robots.txt와 방화벽이 홈페이지나 이미지 파일을 막지 않는지 확인합니다.
- URL 검사로 홈페이지 재크롤링을 요청합니다.
수정 결과가 바로 반영되지는 않습니다. Google이 홈페이지를 다시 크롤링하고 정보를 처리하는 데 며칠에서 몇 주가 걸릴 수 있습니다.
파비콘과 로고의 쓰임 차이
같은 브랜드 요소를 사용할 수 있지만 용도가 다릅니다. 로고는 넓은 공간에서 이름과 정체성을 충분히 보여 줄 수 있고, 파비콘은 아주 작은 정사각형 안에서도 알아볼 수 있어야 합니다.
긴 회사명을 그대로 축소하기보다 로고의 핵심 기호나 이니셜을 단순화하는 편이 적합합니다.
파비콘은 검색결과와 브라우저에서 출처를 알아보게 하는 표시입니다. ChatGPT, Claude, Gemini 같은 범용 챗봇이 특정 문서를 찾거나 인용할지를 결정하는 신호로 공식 안내된 적은 없습니다. AI 답변에서 브랜드 아이콘이 보이더라도 해당 서비스가 출처 화면을 구성한 방식일 수 있으므로, 파비콘 설정과 AI 인용을 같은 지표로 보지 않습니다.
자주 묻는 질문
파비콘이 없으면 검색 순위가 떨어지나요?
파비콘 하나로 검색 순위가 결정되지는 않습니다. 다만 검색결과에서 사이트를 식별하는 요소이므로 브랜드 일관성과 사용자 인지 측면에서 관리할 가치가 있습니다.
SVG 파비콘도 사용할 수 있나요?
Google은 유효한 파비콘 형식을 지원합니다. 실제 브라우저와 검색결과 환경의 호환성을 확인하고, 여러 크기로 사용할 수 있는 PNG나 ICO도 함께 준비할 수 있습니다.
페이지별로 다른 파비콘을 쓸 수 있나요?
브라우저에서는 구현 방식에 따라 달라질 수 있지만 Google 검색은 호스트당 하나의 파비콘을 지원합니다. 하위 디렉터리별 설정은 지원되지 않습니다.
함께 알아두면 좋은 용어
- 사이트 이름: 검색결과에서 출처 사이트를 나타내는 이름
- robots.txt: 크롤러의 경로 접근 범위를 정하는 파일
- 이미지 SEO: 이미지 발견과 이해, 검색 노출을 개선하는 작업
- URL 검사: Google이 페이지를 처리한 상태를 확인하는 기능