내 사이트만 지구본임. 파비콘이 대체 뭐임

홈페이지를 열어놨습니다. 다른 것도 좀 찾아봤습니다.

탭이 늘어났습니다. 많이 늘어났습니다.

분명 내 사이트를 켜놨는데 어디 있는지 모르겠습니다. 인터넷에서 길을 잃은 게 아니라 내 브라우저에서 길을 잃었습니다.

친구: 니 사이트 어디 갔냐

나: 지구본 있는 거

친구: 지구본이 여러 개인데

나: 하나씩 눌러봐

친구: 방탈출임?

지구 이미지: NASA Earth Observatory · Blue Marble 2002

저 작은 그림에도 이름이 있습니다

브라우저 탭에서 제목 옆에 붙는 작은 아이콘. 그게 파비콘입니다.

사이트를 구분하는 작은 표식이라고 생각하면 됩니다. 브라우저 탭이나 북마크 같은 곳에서 볼 수 있어요. MDN 파비콘 설명

파비콘이 없거나 제대로 불러와지지 않으면, 브라우저에 따라 지구본 같은 기본 표시가 보일 수 있습니다. 모든 브라우저가 똑같이 생긴 지구본을 쓰는 건 아닙니다.

내 사이트가 갑자기 국제기구가 된 것은 아닙니다.

로고 올렸는데 왜 또 넣으래?

홈페이지 맨 위의 로고와 브라우저 탭 아이콘은 쓰이는 자리가 다릅니다.

사이트 안에 로고를 넣었다고 탭에도 자동으로 같은 그림이 들어가는 것은 아닙니다. 제작 도구가 대신 연결해주는 경우도 있지만, 파비콘 설정이 별도로 있는지 확인하는 게 좋습니다.

지난번에 다룬 OG 이미지와도 다릅니다. OG 이미지는 링크를 메신저 등에 공유할 때 보여줄 대표 이미지이고, 파비콘은 사이트를 작게 식별하는 아이콘입니다.

같은 가게 로고를 활용할 수는 있습니다. 그렇다고 가로로 긴 홍보 배너를 아주 작게 줄이면, 가게 이름이 아니라 깨알이 됩니다.

메뉴 사진에 가격에 전화번호까지 넣지 맙시다. 탭에서 전단지를 돌릴 필요는 없습니다.

그러면 뭘 넣으면 되는데?

작아져도 알아볼 수 있는 간단한 그림이나 글자가 좋습니다.

가상의 ‘안맵다떡볶이’라면 작은 아이콘에 ‘맵’ 글자를 쓰고 그 위에 X를 겹칠 수 있겠죠. 이름을 길게 적지 않아도 “맵지 않다”는 뜻이 보입니다. 멋있는 원본보다 작게 줄였을 때 구별되는지가 중요합니다.

친구: 아 빨간 ‘맵’ 있는 거?

나: ㅇㅇ 그거

친구: 이제야 문명이다

홈페이지 제작 도구를 쓴다면 ‘파비콘’ 또는 ‘사이트 아이콘’ 설정을 찾고, 그 도구가 안내하는 크기와 파일 형식에 맞춰 올리면 됩니다. 저장만 하고 끝내지 말고 공개 사이트에 반영됐는지도 확인하세요.

직접 개발한 사이트라면 담당자에게 “브라우저 탭에 쓸 파비콘을 연결해주세요”라고 요청하면 됩니다. 오늘은 코드 암기 안 합니다.

정사각형 아이콘으로 준비하고, 실제 탭에서 작게 봐보세요. 그림이 뭔지 본인만 알아본다면 조금 더 단순하게 만드는 편이 낫습니다.

넣었는데 아직 지구본인데?

먼저 편집기 미리보기 말고 공개한 사이트 주소를 열어보세요. 파비콘 설정이 공개 반영됐는지, 지정한 이미지 주소가 제대로 열리는지 확인합니다. 새 탭에서 다시 열어보는 것도 확인 방법입니다.

계속 예전 아이콘이 보인다면 브라우저에 남은 이전 정보나 파일 연결 문제 등을 확인해야 합니다. ‘저장했다’와 ‘방문자에게 새 아이콘이 보인다’는 같은 말이 아니니까요. 안 바뀐 화면과 공개 주소를 담당자에게 같이 보내면 확인하기 쉽습니다.

그리고 브라우저 탭과 Google 검색 결과는 따로 봐야 합니다. 탭에서는 바뀌어도 검색 결과에는 바로 반영되지 않을 수 있어요. Google이 다시 읽고 처리하는 시간이 필요하고, 조건을 맞춰도 검색 결과의 파비콘 표시가 보장되지는 않습니다. Google 파비콘 안내

아이콘을 바꿨다고 검색 순위가 올라갔다고 판단할 수도 없습니다. 오늘 한 일은 내 사이트에 알아볼 만한 표식을 붙인 겁니다. 검색 1등 배지를 단 게 아닙니다.

작아서 안 해도 되는 줄 알았는데

사이트가 하나만 열려 있으면 아이콘이 별것 아닌 것 같습니다. 탭이 많아지고 제목이 잘리면 얘기가 달라집니다.

그래서 파비콘은 작은 공간에서도 어느 사이트인지 구분하는 데 쓰는 표식입니다.

다 외울 필요 없습니다. 공유 카드의 큰 이미지는 OG, 탭의 작은 아이콘은 파비콘.

지금 내 홈페이지를 다른 탭 몇 개와 함께 열어보세요. 어디 있는지 바로 알아보겠다면, 작은 아이콘이 제 일을 하고 있는 겁니다.

지구본 여덟 개 중 하나 찾는 일을 방문자에게 맡기지는 맙시다.