검색 결과에 파비콘이 안 나올 때, favicon 크기와 link 태그 점검 순서
구글이나 네이버 검색 결과에서 우리 사이트만 지구본 모양 기본 아이콘으로 나온다면, 파비콘 파일 크기와 홈페이지의 link 태그부터 확인해 보시는 게 좋습니다.
검색엔진은 브라우저 탭과 달리 정해진 조건을 만족하는 아이콘만 가져가기 때문에, 탭에서는 잘 보여도 검색 결과에는 빠지는 경우가 꽤 많습니다.
💡 작은 아이콘 하나가 왜 중요할까요?
모바일 검색 결과에서는 사이트 이름 옆에 파비콘이 함께 표시됩니다. 경쟁 업체는 로고가 보이는데 우리만 기본 아이콘이면 같은 순위라도 눈에 덜 띄고, 신뢰감에서도 손해를 봅니다. 리뉴얼 후 아이콘 경로가 바뀌면서 조용히 사라지는 경우도 자주 봤습니다.
1. 크기는 48px의 배수, 정사각형으로
구글 검색 센터 가이드는 파비콘을 48px의 배수인 정사각형(48×48, 96×96, 144×144 등)으로 준비하라고 안내합니다. SVG는 크기 제한이 없어 함께 넣어 두면 좋습니다. 예전 관행대로 16×16 ICO 하나만 두면 탭에서는 보여도 검색 결과용으로는 부족할 수 있습니다.
| 용도 | 권장 파일 | 메모 |
|---|---|---|
| 검색 결과·브라우저 탭 | favicon.ico 또는 PNG 48×48 이상 | 48px 배수 정사각형 |
| 고해상도 화면 | favicon.svg | 크기 제한 없음 |
| 아이폰 홈 화면 추가 | apple-touch-icon.png 180×180 | 투명 배경 피하기 |
2. link 태그는 홈페이지에 있어야 합니다
검색엔진은 하위 페이지가 아니라 홈페이지(도메인 루트)의 <head>에서 아이콘을 찾습니다. 게시판 레이아웃에만 태그를 넣었거나, 메인만 별도 레이아웃을 쓰면서 태그가 빠진 경우가 실제로 흔합니다. 파비콘은 호스트 이름(도메인)마다 하나라서, www 유무가 다르면 각각 확인해야 합니다.
<!-- 홈페이지 <head> 안에 넣는 기본 세트 -->
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon.svg"
type="image/svg+xml">
<link rel="apple-touch-icon"
href="/apple-touch-icon.png">3. 아이콘 경로가 막혀 있지 않은지 확인
robots.txt에서 업로드 폴더 전체를 막아 두면 아이콘 파일도 함께 차단됩니다. 또 아이콘 주소가 로그인 페이지로 리다이렉트되거나 404가 나지 않는지 브라우저 주소창에 직접 입력해 보시면 바로 알 수 있습니다.
# robots.txt 에서 아이콘 경로를 막지 않았는지 확인
User-agent: *
Disallow: /files/
# 아이콘을 /files/ 아래에 두었다면 예외 처리
Allow: /files/favicon/모든 조건을 맞춰도 검색 결과에 반영되기까지는 며칠에서 몇 주가 걸립니다. 구글 서치 콘솔에서 홈페이지 URL 검사 후 색인 생성을 요청하면 조금 앞당길 수 있습니다.
"검색 결과 첫 줄의 작은 아이콘도 브랜드의 얼굴입니다."
나눔웹은 리뉴얼 오픈 전 점검 목록에 파비콘과 홈 화면 아이콘을 넣어,
도메인과 레이아웃이 바뀌어도 아이콘이 빠지지 않도록 확인합니다.