카페24 파비콘 안녕하신가요?
왜 내 쇼핑몰은 파비콘이 안나올까요?
최근에 카페24 쇼핑몰의 SEO(검색엔진최적화)를 처리하면서 알게된 내용입니다.
모든 웹사이트에는 대표하는 조그마한 아이콘을 설정할 수 있습니다. 이 아이콘은 즐겨찾기(favorites)와 아이콘(icon)의 합성어로 파비콘(favicon) 이라고 부릅니다. 즐겨찾기에서도 나타나고, 검색엔진에서도 나타납니다.
즐겨찾기 파비콘 예시파비콘이 설정되지 않은 웹사이트는 흑백의 둥그런 지구본 아이콘이 나옵니다. 위 즐겨찾기 파비콘 예시의 4번째가 바로 파비콘이 설정되지 않은 웹사이트입니다.
그리고, 즐겨찾기보다 더 중요한게 저는 검색엔진의 노출이라고 생각합니다. 파비콘이 설정된 사이트와 설정되지 않은 사이트를 볼까요?
파비콘이 노출되는 사이트
파비콘이 노출되지 않는 사이트웹사이트를 만든 누구나 이 파비콘이 잘 노출되길 바랄 것 입니다. 쇼핑몰이라면 특히 더 중요하다고 생각됩니다. 근데, 최근 카페24 쇼핑몰에 파비콘을 등록하면 검색엔진에서 잘 노출되지 않는다는 이야기가 있더군요. 좀 의아스러웠습니다. 카페24는 파비콘 설정도 쉽고 노출도 잘되는 솔루션으로 알고 있었거든요. 그래서, 뭐가 문제인지 한번 확인해보았습니다.
카페24 쇼핑몰이라면 파비콘은 설정에서 간단히 등록할 수 있습니다. "쇼핑몰 설정 > 기본 설정 > 검색 엔진 최적화(SEO) > 파비콘" 에 등록만하면 되거든요. 먼저 등록할 파비콘이 있어야겠지요? 파비콘을 만들어주는 사이트는 쉽게 찾을 수 있습니다. 저는 Favicon Generator 사이트를 주로 이용합니다.
https://www.favicon-generator.org/
파비콘으로 만들고 싶은 이미지를 선택하고 Generate only 16x16 favicon.ico 를 선택하고 버튼을 누르면 됩니다. 큰 이미지는 자동으로 리사이즈됩니다만, 그래도 최대한 작은 이미지로 선택해서 만드는게 좀 더 좋습니다.
이렇게 만들어진 파비콘을 카페24 쇼핑몰에 등록해보았습니다.
(현재 운영하는 카페24 쇼핑몰이 없어서, 새로 만들었습니다.)
쇼핑몰로 이동해서 확인해보니, 파비콘이 아주 잘 나타납니다.
웹브라우저에 잘나오는데 그럼 뭐가 문제일까요? 단순히, 검색엔진의 문제일까요? 시간이 지나면 자동으로 해결이 될까요?
만약 그렇다면 이렇게 글을 쓰는 이유가 없겠지요?
문제점을 찾아보기 위해, 네이버 서치어드바이저(https://searchadvisor.naver.com)와 구글 서치콘솔(https://search.google.com/search-console)의 파비콘 가이드를 한번 확인해봅시다.
https://searchadvisor.naver.com/guide/markup-favicon
https://developers.google.com/search/docs/appearance/favicon-in-search?hl=ko
설명은 아주 잘 나와있습니다. 내용이 많은데 대충 정리하면
검색 로봇이 파비콘을 수집할 수 있어야 합니다.
파비콘 URL은 안정적이어야 합니다. 자주 변경되면 좋지 않습니다.
파비콘은 정사각형이고 최소 16px 이상이어야 합니다.(구글은 8px 이면 된다고 하네요.)
구글은 상대경로로 사용해도 되는데, 네이버는 절대경로를 사용하라고 합니다.
우리는 네이버와 구글에 전부 잘 노출되는게 목적이라서, 최소 16px 이상 그리고 절대경로만 확인하면 될 것 같습니다. 그러면, 아까 설정한 카페24 쇼핑몰의 파비콘을 확인해볼까요?
Favicon Generator 사이트에서 만드는 파비콘은 16x16px 입니다. 딱, 검색엔진에서 원하는 사이즈로 만들어줍니다. 그래서, 사이즈는 이상이 없습니다. 그러면, 경로가 문제일 것 같은데요. 카페24 쇼핑몰에서는 파비콘 경로를 어떻게 사용하고 있을까요?
현재 카페24 파비콘 경로절대경로는 맞는데, 쌩뚱맞게도 //ecimg.cafe24img.com 에 등록된 파비콘으로 연결이 되어 있습니다. 파비콘이 쇼핑몰 URL 이 아닌 다른 사이트 URL 에 등록이 되어 있는 것 입니다.
이건 좀 문제가 있습니다.
바로 검색 로봇이 파비콘을 수집할 수 있어야 합니다. 라는 가장 첫번째 조건에 부합하지 않기 때문입니다. 카페24에서는 별도의 이미지 저장을 위한 서버를 만들고, 해당 서버의 URL 을 사용하도록 하는 것 같은데요. 예전에는 이런 방식이 아니었습니다. 설정에서 등록을 하면 쇼핑몰 아래에 저장이 되는 형태였습니다.
예전 카페24 파비콘 경로지금보니 네이버에서 권장한 절대경로가 아닌 상대경로로 저장이되는 것 같은데요. 그럼에도, 수집에는 문제가 없어서 검색엔진에 잘 노출되었습니다. 즉, 최근에 카페24 쇼핑몰을 개설한 경우에만 해당되는 문제인 것 으로 보입니다.
그렇다면 방법이 없을까요?
카페24 쇼핑몰의 디자인 FTP 를 사용하시면 됩니다. 검색 엔진 최적화(SEO) 설정에 등록한 파비콘은 삭제해버리고, 파비콘을 FTP 로 업로드하고 head 부분에 link 태그를 직접 추가해주시면 됩니다.
<link rel="shortcut icon" href="절대경로/favicon.ico" type="image/x-icon">
<link rel="icon" href="절대경로/favicon.ico" type="image/x-icon">
참고로, 카페24의 스킨폴더를 웹에서 접근할때는 앞에 /skin- 이 붙습니다. 즉, 기본 스킨폴더인 base 에 파일을 넣으면, 절대경로/skin-base/favicon.ico 로 접근이 가능하실 것 입니다.
제가 처리해보니 이미 검색엔진에 노출되는 사이트라면, 하루도 안되어서 파비콘이 나타나더군요. 검색 로봇이 수집하면 바로 적용되는 것 으로 보입니다.
쇼핑몰 솔루션들은 끊임없이 업데이트를 합니다. 의도하지 않았다지만, 이번처럼 업데이트가 유저에게 안좋은 경우도 더러 있습니다. 그나마 해결책이 있으니 다행입니다.
카페24 쇼핑몰을 만들고 검색엔진에 등록했는데, 파비콘이 잘 노출이 되지 않는다면?
마냥 기다리지 마시고, 수동으로 등록해보시는건 어떠신가요?
E-mail : raremore@kakao.com
