자사몰 SEO - 파비콘이 노출되지 않아요
어려운 자사몰 SEO 함꼐 해봐요.
자사몰의 파비콘이 노출되지 않을때자사몰을 운영하시는 많은 클라이언트 분들이 종종 겪는 문제가 있습니다.
바로 Favicon (이미지상의 부분)이 정상 노출 되지 않는다는 점입니다.
간단한 개발만 할 줄 알면 해결이 되는 부분인데,
개발사나 마케팅 회사나 이러한 부분을 놓치기 쉬워 온라인 상의 브랜딩을 아쉽게 만드는 부분이 됩니다.
해결 방법을 함께 살펴보시죠.
수정 가이드 (권장 순서)
(파비콘이 <link rel="icon" href="/data/common/favicon.ico" type="image/x-icon"> 이 주소에 있다고 가정하고 작업을 시작합니다.)
1) 파비콘을 루트 경로에 두기 (두 호스트 모두)
두 호스트에 모두 파일을 둡니다:
https://thehealer.kr/favicon.ico
https://m.thehealer.kr/favicon.ico
또는 PNG/SVG도 함께:
favicon-48.png (48×48) / favicon-96.png (96×96) / favicon.svg
이유: 구글은 홈 페이지의 파비콘을 많이 참조합니다. 루트 경로가 가장 안전하고, m 도메인도 독립적으로 접근 가능해야 합니다.
2) <head>에 절대경로 + 사이즈 명시
데스크탑/모바일 공통 헤더에 아래를 넣으세요(기존 /data/common/...는 제거 권장).
<!-- SVG가 있다면 --> <link rel="icon" type="image/svg+xml" href="https://thehealer.kr/favicon.svg"> <!-- PNG fallback (Google 검색 권장: 48px 배수) --> <link rel="icon" type="image/png" sizes="48x48" href="https://thehealer.kr/favicon-48.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://thehealer.kr/favicon-96.png"> <!-- iOS 홈화면용 (선택) --> <link rel="apple-touch-icon" sizes="180x180" href="https://thehealer.kr/apple-touch-icon.png">
m 서브도메인도 동일하게 적용하거나, m 전용 헤더라면 호스트를
로 맞춰도 됩니다. (둘 다 존재하면 더 안전)
3) robots.txt 에서 허용(Allow) 또는 차단 해제
만약
Disallow: /data/
같은 규칙이 있다면, 아래 중 하나를 택하세요.
베스트: 파비콘을 /favicon.ico 처럼 루트로 이동(그러면 신경 쓸 것 없음)
대안: 꼭 /data/common/ 을 써야 한다면 Allow 추가 User-agent: * Allow: /data/common/favicon.ico Allow: /data/common/favicon-48.png Allow: /data/common/favicon-96.png (Google은 Allow 우선 규칙을 이해합니다)
4) 응답/헤더 점검
두 URL 모두 200 OK, Content-Type 이 맞는지 확인 .ico → image/x-icon .png → image/png .svg → image/svg+xml
리다이렉트(301/302) 없이 바로 200이 가장 깔끔합니다.
URL은 HTTPS 고정, 쿼리스트링 없음(안정된 URL 권장).
빠른 체크리스트
https://m.thehealer.kr/favicon.ico 열리나? (200 OK)
m/데스크탑 헤더에 절대경로 rel="icon" 이 있는가?
최소 48×48 PNG 제공했는가? (구글 가이드: 48px 배수)
robots.txt 가 파비콘 경로를 막지 않는가?
GSC → URL 검사로 라이브 테스트 시 파비콘 URL이 크롤 가능으로 뜨는가?
수정 적용이 완료되면,
완료된 사진과 함꼐 돌아오겠습니다.
혹시 자사몰 혹은 플랫폼의 SEO가 고민이시라면,
언제든 마켓피디아를 찾아주세요!
